/* Cobalt accents remain consistent; surfaces follow each user's preference. */
:root{color-scheme:light;--background:#F3F6FC;--surface:#FFFFFF;--surface-alt:#E9EFFA;--text:#17243B;--muted:#596B84;--border:#D6DFEF;--brand:#2458C6;--brand-hover:#1B449D;--brand-text:#2458C6;--brand-soft:#DDE8FF;--on-brand:#FFFFFF;--warning:#FFF2D9;--warning-text:#805400;--error:#FCE8E6;--error-text:#9B302B;--map-bg:#DEE5F0;--sidebar:#173C86;--sidebar-active:#2458C6;--sidebar-border:#688BD4;--focus:#2458C6}
:root[data-theme=dark]{color-scheme:dark;--background:#0D1422;--surface:#172235;--surface-alt:#202F46;--text:#EDF3FF;--muted:#B0BED3;--border:#35445D;--brand-text:#95B8FF;--brand-soft:#223C68;--warning:#3A2C15;--warning-text:#FFD88A;--error:#3D242C;--error-text:#FFB5B0;--map-bg:#202F46;--focus:#95B8FF}
:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--text);background:var(--background);font-size:14px;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a.button{border:0;border-radius:8px;background:var(--brand);color:var(--on-brand);padding:11px 16px;cursor:pointer;font-weight:600;text-decoration:none;display:inline-flex;justify-content:center;align-items:center;gap:6px}button:hover,a.button:hover{background:var(--brand-hover)}button:disabled{opacity:.5;cursor:wait}.secondary{background:var(--surface-alt);color:var(--text);border:1px solid var(--border)}.secondary:hover{background:var(--surface-alt)}.danger{background:var(--error);color:var(--error-text)}input,select,textarea{border:1px solid var(--border);border-radius:7px;background:var(--surface);padding:10px;width:100%;color:var(--text)}input:focus,select:focus,textarea:focus{outline:2px solid var(--focus);outline-offset:1px}label{display:grid;gap:6px;font-size:12px;font-weight:600;color:var(--text)}h1,h2,h3,p{margin:0}h1{font-size:30px;letter-spacing:-1px;color:var(--text)}h2{font-size:20px;letter-spacing:-.4px}h3{font-size:15px}p{line-height:1.6}small,.muted{color:var(--muted);line-height:1.5}.eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:10px;font-weight:700;color:var(--muted)}.layout{display:grid;grid-template-columns:230px 1fr;min-height:100vh}.sidebar{background:var(--sidebar);color:var(--on-brand);padding:32px 22px;display:flex;flex-direction:column;gap:36px;position:fixed;inset:0 auto 0 0;width:230px}.brand{display:flex;align-items:center;gap:12px}.monogram{border:1px solid var(--sidebar-border);width:42px;height:42px;border-radius:9px;display:grid;place-items:center;font:italic 27px Georgia,serif;color:var(--on-brand)}.brand strong{font-size:18px;letter-spacing:-.3px}.brand .eyebrow{font-size:8px;letter-spacing:1.6px}.sidebar nav{display:grid;gap:7px}.sidebar nav button{background:transparent;justify-content:start;font-size:13px;font-weight:500;color:var(--on-brand);padding:12px}.sidebar nav button.active{background:var(--sidebar-active);color:var(--on-brand)}.nav-icon{width:22px;font-size:17px}.sidebar footer{margin-top:auto;display:grid;gap:12px}.sidebar footer p{font-size:11px;color:var(--on-brand)}.userbox{border-top:1px solid var(--sidebar-border);padding-top:18px}.userbox strong{font-size:12px}.userbox .secondary{padding:6px 10px;font-size:11px;background:var(--sidebar-active);color:var(--on-brand);border:0}.workspace{grid-column:2;padding:30px 38px 44px;max-width:1800px}.topline{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:26px}.topline p{color:var(--muted);font-size:12px;margin-top:6px}.actions,.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.spread{justify-content:space-between}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.stat{padding:22px;background:var(--surface);border:1px solid var(--border);border-radius:12px}.stat .number{display:block;font-size:32px;color:var(--text);letter-spacing:-1px;margin:8px 0}.stat .caption{font-size:12px;color:var(--muted)}.stat .label{color:var(--text);font-size:12px}.stat.warn .number{color:var(--warning-text)}.panels{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,1fr);gap:20px}.panel{background:var(--surface);border:1px solid var(--border);border-radius:12px;overflow:hidden}.panelhead{padding:20px 22px;display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid var(--border)}.panelbody{padding:20px 22px}.map{display:block;width:100%;height:440px;background:var(--map-bg)}.map polygon{stroke-width:2;fill-opacity:.28}.map text{font:600 13px Segoe UI,sans-serif;paint-order:stroke;stroke:#173d31;stroke-width:3px;fill:var(--surface)}.map .area-label{font-size:16px;cursor:pointer}.map circle{cursor:pointer}.map .pin{stroke:var(--surface);stroke-width:2}.mapfoot{padding:12px 20px;background:var(--surface-alt);font-size:11px;color:var(--muted);border-top:1px solid var(--border)}.legend{display:flex;gap:12px;padding:13px 20px;flex-wrap:wrap;font-size:11px;color:var(--muted)}.legend i{width:9px;height:9px;border-radius:50%;display:inline-block;margin-right:5px}.queue{padding:15px 20px;border-bottom:1px solid var(--border);display:flex;gap:10px;align-items:center;cursor:pointer}.queue:hover{background:var(--surface-alt)}.queue:last-child{border:0}.queue strong{display:block;font-size:12px}.queue p{font-size:11px;color:var(--muted);margin-top:4px}.queue .badge{margin-left:auto}.badge{display:inline-block;border-radius:5px;padding:5px 8px;background:var(--surface-alt);color:var(--brand-text);font-size:10px;font-weight:600;white-space:nowrap}.badge.warn{background:var(--warning);color:var(--warning-text)}.badge.work{background:var(--brand-soft);color:var(--brand-text)}.badge.archived{background:var(--error);color:var(--error-text)}.toolbar{display:flex;gap:12px;align-items:center;margin:0 0 18px;flex-wrap:wrap}.toolbar input{max-width:350px}.toolbar select{width:180px}table{border-collapse:collapse;width:100%;text-align:left}th{font-size:10px;letter-spacing:1px;color:var(--muted);text-transform:uppercase;font-weight:600;padding:15px 20px;background:var(--surface-alt);border-bottom:1px solid var(--border)}td{padding:16px 20px;font-size:12px;border-bottom:1px solid var(--border)}td small{display:block;font-size:11px;margin-top:5px}tbody tr[data-vehicle]{cursor:pointer}tbody tr[data-vehicle]:hover{background:var(--surface-alt)}.tablewrap{overflow:auto}.empty{padding:32px;text-align:center;color:var(--muted);font-size:13px}.section-space{margin-top:24px}.issue-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.issuecard{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:20px;display:grid;gap:12px}.issuecard .note{font-size:12px;color:var(--text);white-space:pre-wrap}.issuecard .meta{font-size:11px;color:var(--muted)}.issuecard button{font-size:11px;padding:8px 12px}.notice{border-radius:8px;padding:12px 16px;background:var(--brand-soft);color:var(--brand-text);font-size:12px;line-height:1.5;margin-bottom:18px}.notice.warn{background:var(--warning);color:var(--warning-text)}.login{min-height:100vh;display:grid;grid-template-columns:1.05fr 1fr}.loginart{background:var(--sidebar);color:var(--on-brand);padding:70px;display:flex;flex-direction:column;justify-content:center;gap:28px}.loginart h1{font:48px/1.12 Georgia,serif;color:var(--on-brand);max-width:460px}.loginart p{max-width:400px;color:var(--on-brand)}.loginform{padding:70px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:20px}.loginform p{max-width:420px}.loginform button{min-width:260px}.loginform .note{font-size:12px;max-width:400px}.loading{padding:60px}.areas{display:grid;grid-template-columns:300px 1fr;gap:20px}.arealist{display:grid;gap:7px;padding:14px}.arealist button{justify-content:start;background:var(--surface-alt);color:var(--text);border-left:5px solid transparent}.arealist button.active{background:var(--brand-soft)}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.stack{display:grid;gap:15px}.areaeditor .map{height:480px;touch-action:none;cursor:crosshair}.event{padding:16px 20px;border-bottom:1px solid var(--border);font-size:12px;display:flex;justify-content:space-between;gap:20px}.event small{font-size:11px}.sample{padding:10px 16px;background:var(--warning);border:1px solid #ebdbaa;border-radius:8px;color:var(--warning-text);font-size:12px;margin-bottom:20px}dialog{border:0;border-radius:15px;padding:0;width:620px;max-width:calc(100vw - 30px);max-height:90vh;box-shadow:0 20px 80px #16342940}dialog::backdrop{background:#162f2660}.dialoghead{padding:22px 26px;border-bottom:1px solid var(--border)}.dialoghead .row{justify-content:space-between}.dialoghead button{padding:5px 10px}.dialogbody{padding:22px 26px;display:grid;gap:18px}.dialogbody h3{margin-top:8px}.dialogbody .queue{padding-left:0;padding-right:0}.dialogerror{color:var(--error-text);background:var(--error);padding:10px;border-radius:8px;font-size:12px}#toast{position:fixed;bottom:24px;right:24px;z-index:5;max-width:440px;border-radius:8px;color:var(--on-brand);background:var(--brand);padding:0;box-shadow:0 6px 30px #18372520}#toast:not(:empty){padding:15px 20px}#toast.error{background:#91472f}.sr{position:absolute;clip:rect(0,0,0,0);width:1px;height:1px;overflow:hidden}@media(max-width:1100px){.workspace{padding:25px}.sidebar{width:190px;padding:25px 16px}.layout{grid-template-columns:190px 1fr}.panels{grid-template-columns:1fr}.cards{gap:10px}.stat{padding:16px}.issue-list{grid-template-columns:repeat(2,1fr)}.areas{grid-template-columns:230px 1fr}.loginart,.loginform{padding:40px}}@media(max-width:700px){.layout{display:block}.sidebar{position:static;width:auto;padding:16px;gap:15px}.sidebar nav{display:flex;overflow:auto}.sidebar nav button{font-size:11px;padding:8px;white-space:nowrap}.sidebar footer{display:none}.brand .monogram{width:32px;height:32px}.workspace{padding:18px}.cards{grid-template-columns:1fr 1fr}.topline{align-items:start}h1{font-size:25px}.map{height:330px}.issue-list,.areas{grid-template-columns:1fr}.login{grid-template-columns:1fr}.loginart h1{font-size:34px}.loginart{padding:35px}.loginform{padding:35px}.formgrid{grid-template-columns:1fr}th,td{padding:12px}.toolbar input,.toolbar select{max-width:none;flex:1}.actions button{font-size:11px;padding:9px}.mapfoot{line-height:1.5}}

@media(max-width:700px){.sidebar footer{display:block}.sidebar footer>p{display:none}.userbox{display:flex;align-items:center;gap:10px;padding-top:8px}.userbox p{margin-left:auto}.sidebar{gap:12px}}

.mapcontrols{padding:12px 20px}.mapcontrols button{min-width:44px;min-height:44px}.map{aspect-ratio:1;height:auto;max-height:600px}.areaeditor .map{height:auto;max-height:650px}

dialog{background:var(--surface);color:var(--text)}
.sidebar .eyebrow{color:var(--on-brand)}
.location-snapshot{display:grid;gap:10px;padding:16px;background:var(--surface-alt);border:1px solid var(--border);border-radius:12px}
.snapshot-map{position:relative;width:min(100%,320px);aspect-ratio:1;align-self:center;justify-self:center;overflow:hidden;background:var(--map-bg);border-radius:12px}
.snapshot-map img,.snapshot-map svg{position:absolute;inset:0;width:100%;height:100%}.snapshot-map svg{pointer-events:none}
.snapshot-map.failed img,.snapshot-map.failed svg{display:none}.snapshot-error{padding:28px;color:var(--text)}
.snapshot-error[hidden]{display:none}

.brandicon{width:44px;height:44px;border-radius:12px;flex:0 0 auto;object-fit:contain}

/* Keep account controls reachable on short desktop windows. */
.sidebar{overflow-y:auto}
.sidebar>.brand,.sidebar>nav,.sidebar>footer{flex-shrink:0}

/* The scanner logo stays still while a quiet location pulse moves around it. */
.nav-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 24px;width:24px;height:26px;overflow:visible}.nav-icon svg{width:23px;height:23px;overflow:visible}.nav-logo{width:27px;height:27px;object-fit:contain;border-radius:50%;padding:2px;background:#2458C6}.sidebar nav .nav-scan{border:1px solid #ffffff24}
.scanner-panel{max-width:680px;margin:auto;padding:36px 28px;display:flex;flex-direction:column;align-items:center;gap:20px;overflow:visible}.scanner-copy{text-align:center;display:grid;gap:12px;max-width:470px}.scan-orb{position:relative;width:184px;height:184px;margin:18px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#2458C6;box-shadow:0 10px 30px #2458c629;isolation:isolate;text-decoration:none}.scan-orb img{width:78%;height:78%;object-fit:contain;z-index:1}.scan-orb:before,.scan-orb:after{content:"";position:absolute;inset:-10px;border:2px solid #2458c633;border-radius:50%;pointer-events:none;animation:location-pulse 4.5s ease-out infinite}.scan-orb:after{animation-delay:2.25s}.scan-orb:focus-visible{outline:3px solid var(--focus);outline-offset:7px}.scan-label{font-size:23px}.scanner-note{text-align:center;max-width:430px}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}.settings-grid .button{max-width:100%}
@keyframes location-pulse{0%{transform:scale(.93);opacity:.35}70%,100%{transform:scale(1.18);opacity:0}}
.audit-history{font-size:12px;color:var(--muted)}.audit-history input{width:auto;margin:0;accent-color:var(--brand)}
.audit-section{margin-bottom:28px}.audit-heading{margin:22px 0 16px}.audit-heading p{font-size:12px;margin-top:5px}.audit-cycles{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr));gap:18px}.audit-cycle .panelhead{align-items:flex-start}.audit-cycle small{display:block;margin-top:7px}.audit-progress{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.audit-progress span{font-size:12px;color:var(--muted)}.audit-progress-bar{width:100%;height:12px;border:0;border-radius:10px;overflow:hidden;accent-color:var(--brand)}.audit-progress-bar::-webkit-progress-bar{background:var(--surface-alt);border-radius:10px}.audit-progress-bar::-webkit-progress-value{background:var(--brand);border-radius:10px}.audit-progress-bar::-moz-progress-bar{background:var(--brand);border-radius:10px}.audit-cycle summary,.audit-schedules summary{cursor:pointer;font-weight:600;padding:10px 0}.audit-vehicles{display:grid;max-height:340px;overflow:auto}.audit-vehicle{padding:12px 0;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:14px}.audit-vehicle p{font-size:11px;margin-top:4px}.audit-vehicle button{font-size:11px;flex-shrink:0}.audit-schedules{margin-top:18px}.audit-schedules>summary{padding:18px 22px}.audit-schedules .event{flex-wrap:wrap}.audit-schedules .event .row{margin-left:auto}.audit-schedules .event p{font-size:11px;margin-top:5px}
@media(prefers-reduced-motion:reduce){.scan-orb:before,.scan-orb:after{animation:none;transform:none;opacity:.18}}
@media(max-width:700px){.sidebar nav .nav-icon{width:21px;flex-basis:21px}.sidebar nav button{min-height:46px}.scanner-panel{padding:28px 20px}.scan-orb{width:170px;height:170px}.audit-vehicle{align-items:flex-start}.audit-vehicle button{max-width:140px}.audit-cycle .panelhead{padding:18px}.audit-cycle .panelbody{padding:18px}.audit-schedules .event .row{margin-left:0}.settings-grid{grid-template-columns:1fr}}