.mobile-top,.mobile-nav,.mobile-filter-bar,.mobile-add,.mobile-camera,#mobileNetwork{display:none}.mobile-menu{display:grid;gap:0}.mobile-menu>button{display:flex;align-items:center;justify-content:space-between;text-align:left;min-height:60px;padding:16px 0;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent}.mobile-menu small{display:block;color:var(--muted);font-size:12px;font-weight:400;margin-top:5px}.mobile-menu-intro{font-size:12px;letter-spacing:.04em;margin:0 0 12px}.install-steps{padding-left:24px;line-height:1.7}.install-steps li{padding:8px 0}
@media screen and (max-width:900px){
 :root{--mobile-nav-height:68px}html{scroll-padding-top:90px}body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;-webkit-text-size-adjust:100%}body:not(.login){padding-bottom:calc(var(--mobile-nav-height) + env(safe-area-inset-bottom) + 84px)}body:not(.login)>aside{display:none!important}main{width:100%;max-width:100%;margin:0!important;padding:0 16px!important}body:not(.login)>main>header{display:none}button{min-height:44px;touch-action:manipulation}input,select,textarea{font-size:16px!important;min-height:46px}input[type=checkbox],input[type=radio]{min-height:auto}.mobile-top{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#173a36;color:#fff;padding:calc(12px + env(safe-area-inset-top)) 16px 12px;position:sticky;top:0;z-index:15;min-height:76px}.mobile-top>div{display:flex;align-items:center;gap:12px}.mobile-top img{height:44px;width:44px;background:white;border-radius:8px}.mobile-top strong{font-size:17px;font-weight:600;display:block}.mobile-top small{display:block;color:#c0d4cd;font-size:10px;letter-spacing:.14em;margin-top:4px}.mobile-top>button{background:#30514a;border:1px solid #547568;color:#fff;font-size:13px;padding:8px 12px}.pagehead{padding:24px 0 12px;display:block}.pagehead .eyebrow{font-size:10px!important;letter-spacing:.08em}.pagehead h1{font-family:inherit;font-size:28px;letter-spacing:-.9px;line-height:1.15;margin:8px 0}.pagehead p{font-size:13px;margin:10px 0 0}.mobile-filter-bar{display:flex;gap:12px;align-items:center;justify-content:space-between;margin:4px 0 20px;padding:10px 0;border-bottom:1px solid var(--line)}.mobile-filter-bar>span{font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}.mobile-filter-bar>button{padding:8px 12px;font-size:12px;white-space:nowrap}.range-panel{display:none;margin-bottom:20px;padding:16px}.range-panel.mobile-filters-open{display:block}.range-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}.range-fields>label{min-width:0;flex:none;font-size:12px}.range-fields>label:nth-child(n+3),.range-fields>button{grid-column:1/-1}.range-fields>label:last-of-type{flex:none}.range-presets{gap:8px}.range-presets>button{flex:1;min-width:calc(50% - 8px);font-size:12px;min-height:44px}.range-presets>span{width:100%;font-size:11px;line-height:1.6;margin:0}.coverage{font-size:11px;line-height:1.6;margin-bottom:16px}.kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:20px}.kpi{padding:16px;border-radius:10px;min-width:0}.kpi:first-child{grid-column:1/-1}.kpi label{font-size:11px;line-height:1.5}.kpi strong{font-size:25px;letter-spacing:-.7px;overflow-wrap:anywhere}.kpi:first-child strong{font-size:35px}.kpi small{font-size:10px;line-height:1.5;display:block}.grid{gap:16px;margin-bottom:20px}.panel{padding:16px;margin-bottom:16px;min-width:0;border-radius:10px}.panel h2{font-size:16px;line-height:1.4}.panel .hint{font-size:12px;line-height:1.6}.toolbar{gap:8px}.toolbar input{flex-basis:100%;min-width:0}.toolbar button{font-size:12px;padding:8px 12px}.tablewrap{max-width:100%;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}td button{min-height:44px;font-size:12px}th,td{padding:12px 10px}.tabs{gap:8px}.tabs button{font-size:12px;padding:10px;flex:1}.mobile-nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));position:fixed;bottom:0;left:0;right:0;z-index:20;min-height:calc(var(--mobile-nav-height) + env(safe-area-inset-bottom));padding:5px 4px calc(5px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid var(--line);box-shadow:0 -4px 20px #173a3608}.mobile-nav button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-width:0;border:0;border-radius:8px;padding:6px 2px;color:#657973;background:transparent;font-size:10px}.mobile-nav svg{width:23px;height:23px}.mobile-nav button[aria-current=page]{background:#eaf3ef;color:#12665b;font-weight:700}.mobile-add{display:block;position:fixed;right:16px;bottom:calc(var(--mobile-nav-height) + env(safe-area-inset-bottom) + 16px);z-index:12;background:var(--primary);color:#fff;border:0;min-height:48px;border-radius:24px;padding:12px 20px;box-shadow:0 5px 15px #173a3626;font-weight:600;font-size:14px}body:has(dialog[open]) .mobile-add{display:none}.mobile-camera{display:block}.settlement-controls{padding:16px;gap:12px}.settlement-controls input{width:100%}.settlement-controls p{font-size:12px}.reconmetrics{grid-template-columns:repeat(2,minmax(0,1fr))}.reconmetrics .kpi:first-child{grid-column:auto}.reconmetrics .kpi strong{font-size:22px}.settlement-detail>div{padding:12px 0;font-size:13px;gap:12px}.settlement-detail b{white-space:nowrap}.formgrid{grid-template-columns:minmax(0,1fr);gap:16px}.formgrid label{font-size:13px}.formgrid .wide{grid-column:auto}.formactions{flex-wrap:wrap;gap:8px}.formactions>button{flex:1;min-width:110px}.dialoghead{gap:16px;align-items:start;margin-bottom:20px;position:sticky;top:-20px;background:#fff;z-index:5;padding:8px 0}.dialoghead h2{font-size:20px;line-height:1.3;margin:8px 0}.dialoghead button{flex:none;min-width:44px;min-height:44px}dialog{width:calc(100% - 16px);max-width:calc(100% - 16px);max-height:calc(100dvh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom));padding:20px;border-radius:16px;overscroll-behavior:contain}.extractedtext{font-size:11px;max-width:100%}.checkline{align-items:start}.checkline input{flex:none}.paneltop{align-items:start;flex-wrap:wrap;gap:16px}.paneltop>div{display:flex;align-items:center;gap:12px}footer{padding-bottom:20px;line-height:1.7}footer #saved{display:block;margin-top:8px}#toast{bottom:calc(var(--mobile-nav-height) + env(safe-area-inset-bottom) + 16px);width:calc(100% - 32px);max-width:420px;font-size:13px;line-height:1.6;padding:14px 16px;z-index:50}body.is-offline #mobileNetwork{display:block;margin:0;padding:10px 16px;background:#fff1da;color:#79521c;font-size:12px;line-height:1.5}body.is-offline .mobile-add{background:#64746e}.mobile-records{display:block}.mobile-records thead{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.mobile-records tbody{display:grid;gap:12px}.mobile-records tbody tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border:1px solid var(--line);border-radius:10px;padding:12px;gap:12px}.mobile-records td{display:block;padding:0;border:0;font-size:13px;line-height:1.5;text-align:left!important;white-space:normal!important;overflow-wrap:anywhere}.mobile-records td::before{content:attr(data-label);display:block;font-size:10px;color:var(--muted);margin-bottom:3px;font-weight:400}.mobile-records td:last-child{grid-column:1/-1}.mobile-records td:last-child::before{display:none}.mobile-records td:last-child button{width:100%;font-size:12px;min-height:44px}.mobile-records td.num{font-size:16px;font-weight:600}.login{min-height:100dvh;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom)}.login main.login-card{padding:28px 24px!important;margin:16px!important;width:calc(100% - 32px)}.login-card h1{font-size:26px}.login-card button{min-height:48px}.login-card input{min-height:48px}
}
@media screen and (max-width:360px){main{padding:0 12px!important}.mobile-top{padding-left:12px;padding-right:12px}.kpi{padding:12px}.kpi strong{font-size:22px}.pagehead h1{font-size:25px}.mobile-filter-bar{flex-wrap:wrap}.range-fields{grid-template-columns:minmax(0,1fr)}.range-fields>label,.range-fields>button{grid-column:1}.formactions{flex-direction:column}.mobile-records tbody tr{padding:10px;gap:10px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}@media print{.mobile-top,.mobile-nav,.mobile-filter-bar,.mobile-add,#mobileNetwork{display:none!important}}
