.mobile-nav,.menu-backdrop{display:none}@media(max-width:760px){:root{--mobile-nav-height:72px}html{background:#f3f4ef;overscroll-behavior:none}body{padding:0;overflow-x:hidden;-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none}.shell{padding-bottom:calc(var(--mobile-nav-height) + env(safe-area-inset-bottom));min-height:100dvh}.topbar{height:calc(68px + env(safe-area-inset-top));padding:env(safe-area-inset-top) 14px 0;background:rgba(250,251,247,.94);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}.topbar h1{max-width:49vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.top-actions{gap:7px}.top-actions .btn{width:42px;height:42px;border-radius:13px;box-shadow:none}.menu-btn{width:42px;height:42px;border-radius:13px;background:#fff;border:1px solid var(--line);font-size:0}.menu-btn:after{content:'☰';font-size:20px}.sidebar{width:min(86vw,320px);padding:calc(24px + env(safe-area-inset-top)) 18px calc(20px + env(safe-area-inset-bottom));z-index:80;box-shadow:20px 0 60px rgba(0,0,0,.28)}.sidebar nav{margin-top:28px}.sidebar nav a{min-height:48px}.menu-backdrop{position:fixed;inset:0;background:rgba(5,8,4,.5);backdrop-filter:blur(3px);z-index:70}.menu-backdrop.show{display:block}.mobile-nav{position:fixed;z-index:60;left:8px;right:8px;bottom:calc(7px + env(safe-area-inset-bottom));height:64px;padding:6px 4px;display:grid;grid-template-columns:repeat(6,1fr);align-items:center;background:rgba(21,25,20,.96);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);border:1px solid rgba(255,255,255,.09);border-radius:19px;box-shadow:0 12px 35px rgba(0,0,0,.3)}.mobile-nav a,.mobile-nav button{border:0;background:none;color:#8e968b;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;height:52px;padding:0;font-size:9px;font-weight:700}.mobile-nav i{font-style:normal;font-size:19px;line-height:21px}.mobile-nav a.active{color:var(--brand)}.mobile-nav .scan-tab i{width:38px;height:38px;margin-top:-18px;border-radius:13px;background:var(--brand);color:var(--dark);display:grid;place-items:center;box-shadow:0 7px 18px rgba(217,255,67,.28)}.mobile-nav .scan-tab span{margin-top:-1px}.content{padding:18px 12px 35px}.panel{border-radius:16px}.welcome{margin:3px 2px 17px}.welcome .eyebrow{display:block}.welcome h2{font-size:22px;letter-spacing:-.5px}.welcome>div>p:last-child{font-size:11px}.stats{gap:8px;margin-bottom:14px}.stats article{border-radius:14px;min-height:106px;align-items:center}.stats strong{font-size:22px}.grid-main{gap:14px}.quick{display:none}.panel-head{min-height:67px}.panel-head h3{font-size:16px}.table-wrap{scrollbar-width:none}.table-wrap::-webkit-scrollbar{display:none}table{min-width:650px}.btn,button,input,select,textarea{touch-action:manipulation}.btn{min-height:44px;border-radius:11px}input,select{min-height:48px;border-radius:11px;font-size:16px}textarea{border-radius:11px;font-size:16px}.form-grid{padding:16px;gap:13px}.camera-card,.details-card{border-radius:17px}.camera{height:min(58dvh,440px)}.camera-actions{position:sticky;bottom:0;z-index:3;background:#fff;overflow-x:auto;scrollbar-width:none;padding:12px}.camera-actions .btn{flex:0 0 auto}.tips{padding:14px}.mulkiya-title{min-height:62px}.mulkiya-upload{min-height:90px}.customer-section{margin-top:14px}.form-footer{position:sticky;bottom:calc(var(--mobile-nav-height) + 4px);z-index:5;background:#fff;border-radius:0 0 16px 16px;padding:12px;box-shadow:0 -10px 25px rgba(0,0,0,.06)}.form-footer p{display:none}.form-footer .btn{width:100%;min-height:50px}.toolbar{position:relative}.toolbar>.btn.primary{white-space:nowrap}.job-heading{position:sticky;top:calc(68px + env(safe-area-inset-top));z-index:5;background:var(--bg);padding:8px 0}.job-grid{gap:14px}.vehicle-hero{border-radius:16px}.cards-list{gap:10px}.record-card{min-height:110px}.record-card img,.record-placeholder{width:88px;height:78px}.flash{top:calc(76px + env(safe-area-inset-top));left:12px;right:12px;text-align:center}.accounts-head,.supplier-hero{margin-top:0}.accounting-stats{grid-template-columns:1fr 1fr}.account-grid{gap:10px}.supplier-hero{border-radius:16px}.supplier-tools{gap:12px}.supplier-card{border-radius:16px}.invoice-sheet{border-radius:16px}.login-wrap{min-height:100dvh;padding-top:calc(95px + env(safe-area-inset-top));padding-bottom:calc(25px + env(safe-area-inset-bottom))}.login-card{border-radius:22px}.login-card input{font-size:16px}}@media(display-mode:standalone) and (max-width:760px){.topbar{background:rgba(250,251,247,.98)}.mobile-nav{bottom:calc(5px + env(safe-area-inset-bottom))}}