:root{--bg: #07090c;--bg-elev: #10141b;--ink: #eef2f7;--muted: #8b95a7;--line: #1d2430;--accent: #22c55e;--yard: #38bdf8;--site: #22c55e;--truck: #f59e0b;--dump: #fb7185;--offsite: #fbbf24;--unknown: #64748b;--font: "DM Sans", system-ui, sans-serif;--display: "DM Sans", system-ui, sans-serif;--sidebar: #080a0e;--card: #121722}*{box-sizing:border-box}html,body,#root{margin:0;height:100%;background:var(--bg);color:var(--ink);font-family:var(--font)}.app,.app-shell{display:grid;height:100%;min-height:100vh}.app{grid-template-rows:auto 1fr}.app-shell{grid-template-columns:240px 1fr}.app-shell--collapsed{grid-template-columns:76px 1fr}.topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.7rem 1.1rem;border-bottom:1px solid var(--line);background:#0b0e13}.brand{font-family:var(--display);font-size:1.75rem;letter-spacing:.02em;margin:0}.brand span{color:var(--accent);font-style:italic}.topbar-meta{display:flex;align-items:center;gap:.45rem;color:var(--muted);font-size:.85rem}.live-dot{width:.55rem;height:.55rem;border-radius:50%;background:#6b7c72;flex-shrink:0}.live-dot.ok{background:var(--accent);box-shadow:0 0 #22c55e8c;animation:pulse 1.8s ease-out infinite}@keyframes pulse{0%{box-shadow:0 0 #22c55e73}70%{box-shadow:0 0 0 8px #22c55e00}to{box-shadow:0 0 #22c55e00}}.main{display:grid;grid-template-columns:1fr minmax(280px,340px);min-height:0}@media (max-width: 900px){.main{grid-template-columns:1fr;grid-template-rows:55vh auto}}.map-wrap{position:relative;min-height:0}.map-canvas{position:absolute;top:0;right:0;bottom:0;left:0}.kpi{display:flex;flex-wrap:wrap;gap:.5rem;padding:.65rem 1.25rem;border-top:1px solid var(--line);background:var(--bg-elev)}.kpi-pill{display:flex;flex-direction:column;min-width:5.5rem;padding:.45rem .75rem;border:1px solid var(--line);border-radius:4px;background:#00000040}.kpi-pill strong{font-size:1.25rem;line-height:1.1}.kpi-pill span{color:var(--muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.06em}.kpi-pill--in_yard{border-color:color-mix(in srgb,var(--yard) 55%,var(--line));background:#3d8bfd29}.kpi-pill--in_yard strong,.kpi-pill--in_yard span{color:var(--yard)}.kpi-pill--on_site{border-color:color-mix(in srgb,var(--site) 55%,var(--line));background:#3dd68c29}.kpi-pill--on_site strong,.kpi-pill--on_site span{color:var(--site)}.kpi-pill--on_truck{border-color:color-mix(in srgb,var(--truck) 55%,var(--line));background:#f5a52429}.kpi-pill--on_truck strong,.kpi-pill--on_truck span{color:var(--truck)}.kpi-pill--offsite{border-color:color-mix(in srgb,var(--offsite) 55%,var(--line));background:#b0890029}.kpi-pill--offsite strong,.kpi-pill--offsite span{color:var(--offsite)}.kpi-pill--unknown{border-color:color-mix(in srgb,var(--unknown) 55%,var(--line));background:#6b7c7238}.kpi-pill--unknown strong,.kpi-pill--unknown span{color:var(--unknown)}.kpi-pill--vehicle_online{border-color:color-mix(in srgb,var(--site) 55%,var(--line));background:#3dd68c29}.kpi-pill--vehicle_online strong,.kpi-pill--vehicle_online span{color:var(--site)}.kpi-pill--vehicle_offline{border-color:color-mix(in srgb,var(--truck) 55%,var(--line));background:#f5a52429}.kpi-pill--vehicle_offline strong,.kpi-pill--vehicle_offline span{color:var(--truck)}.map-page-shell{display:grid;grid-template-rows:1fr auto;min-height:0;height:100%;overflow:hidden}.map-page-shell .map-page{min-height:0}.side{border-left:1px solid var(--line);background:var(--bg-elev);overflow:auto;padding:.85rem 1rem 1.25rem}.side h2{margin:0 0 .75rem;font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:600}.asset-card{padding:.7rem 0;border-bottom:1px solid var(--line)}.asset-card:last-child{border-bottom:none}.geozone-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.55rem 0;border-bottom:1px solid var(--line)}.geozone-row:last-child{border-bottom:none}.geozone-row.active{background:#c4f5420f;margin:0 -.35rem;padding-left:.35rem;padding-right:.35rem;border-radius:6px}.geozone-row-main{display:flex;align-items:center;gap:.55rem;min-width:0;flex:1}.geozone-row-main .asset-name{margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.geozone-row .state{margin-top:0;flex-shrink:0}.geozone-row .btn-row{flex-shrink:0;margin:0}.asset-name{font-weight:600;margin:0 0 .2rem}.asset-meta{margin:0;font-size:.82rem;color:var(--muted)}.state{display:inline-block;margin-top:.35rem;padding:.15rem .45rem;border-radius:3px;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.state.on_truck{background:#f5a52433;color:var(--truck)}.state.in_yard{background:#3d8bfd33;color:var(--yard)}.state.on_site{background:#3dd68c33;color:var(--site)}.state.offsite{background:#b0890038;color:var(--offsite)}.state.unknown{background:#6b7c7240;color:var(--unknown)}.state.awaiting_scan{background:#8aa1932e;color:var(--muted)}.state.breach{background:#ff6b4a38;color:#ff6b4a}.state.cold_ok{background:#3dd68c33;color:var(--site)}.state.door_open{background:#f5a52438;color:#f5a524}.state.door_closed{background:#3dd68c33;color:var(--site)}.kpi-pill--breach{border-color:color-mix(in srgb,var(--dump) 55%,var(--line));background:#ff6b4a29}.kpi-pill--breach strong,.kpi-pill--breach span{color:var(--dump)}.cold-chain{display:flex;flex-direction:column;gap:.4rem;margin:.55rem 0 .35rem}.cold-chain-readout{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem .6rem;font-size:.85rem}.cold-chain-band{display:flex;flex-wrap:wrap;gap:.4rem .55rem;align-items:flex-end}.cold-chain--compact{margin:0;min-width:12rem}.cold-chain .field.inline:has(input[type=checkbox]){flex-direction:row;align-items:center;gap:.4rem}.cold-chain input[type=checkbox]{width:auto;padding:0;accent-color:var(--accent)}.events{margin-top:1.25rem}.event{font-size:.78rem;color:var(--muted);padding:.35rem 0;border-bottom:1px dashed var(--line)}.event strong{color:var(--ink);font-weight:500}.maplibregl-popup-content{background:var(--bg-elev)!important;color:var(--ink)!important;border:1px solid var(--line);border-radius:4px!important;box-shadow:none!important;font-family:var(--font)}.map-wrap.drawing .map-canvas{cursor:crosshair}.map-banner{position:absolute;z-index:2;left:.75rem;top:.75rem;padding:.4rem .7rem;background:#0e1412e0;border:1px solid var(--accent);color:var(--accent);font-size:.8rem;pointer-events:none}.geozone-block{margin-bottom:1.25rem;padding-bottom:.75rem;border-bottom:1px solid var(--line)}.geozone-form{display:flex;flex-direction:column;gap:.55rem;margin-top:.5rem}.field{display:flex;flex-direction:column;gap:.25rem;font-size:.75rem;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.field textarea{font:inherit;text-transform:none;letter-spacing:normal;color:var(--ink);background:#00000059;border:1px solid var(--line);border-radius:3px;padding:.4rem .5rem;min-height:7rem;resize:vertical}.nearby-box{margin:.65rem 0;padding:.5rem;border:1px dashed var(--line);border-radius:4px}.nearby-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.35rem 0;border-top:1px solid var(--line)}.nearby-box>.asset-meta{margin-bottom:.25rem}.field input,.field select{font:inherit;text-transform:none;letter-spacing:normal;color:var(--ink);background:#00000059;border:1px solid var(--line);border-radius:3px;padding:.4rem .5rem}.btn-row{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.35rem}.btn-row.tight{margin-top:.5rem}.btn{font:inherit;font-size:.78rem;padding:.35rem .65rem;border-radius:3px;border:1px solid var(--line);background:transparent;color:var(--ink);cursor:pointer}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-accent{border-color:var(--accent);color:var(--bg);background:var(--accent);font-weight:600}.btn-danger{border-color:#ff6b4a55;color:#ff6b4a}.btn-ghost{border-color:transparent;color:var(--muted);padding:.2rem .45rem}.login-screen{min-height:100vh;display:grid;place-items:center;padding:1.5rem;background:radial-gradient(900px 420px at 20% -10%,rgba(196,245,66,.1),transparent),var(--bg)}.login-card{width:min(400px,100%);display:flex;flex-direction:column;gap:.7rem;padding:1.5rem 1.35rem 1.35rem;background:var(--bg-elev);border:1px solid var(--line);border-radius:14px}.login-card .brand-mark{align-self:center;margin-bottom:.25rem}.login-lead{margin:0 0 .4rem;color:var(--muted)}.login-btn{margin-top:.35rem;width:100%;padding:.55rem .75rem}.form-error{margin:0;color:#ff6b4a;font-size:.8rem}.route-panel{position:absolute;z-index:3;left:.75rem;bottom:.75rem;width:min(360px,calc(100% - 1.5rem));padding:.75rem .85rem;background:#0e1412f0;border:1px solid var(--line);border-radius:4px}.route-head{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:.55rem}.route-head strong{font-size:1rem}.route-slider{width:100%;margin:.45rem 0 .2rem;accent-color:var(--accent)}.skip-report{max-height:min(62vh,520px);overflow:auto}.report-h{margin:.75rem 0 .35rem;font-size:.78rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.topbar-left{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.main-nav{display:flex;gap:.35rem}.nav-link{color:var(--muted);text-decoration:none;font-size:.9rem;padding:.35rem .65rem;border-radius:6px;border:1px solid transparent}.nav-link:hover{color:var(--ink);border-color:var(--line)}.nav-link.active{color:var(--bg);background:var(--accent);border-color:var(--accent);font-weight:600}.nav-badge{display:inline-block;margin-left:.35rem;min-width:1.15rem;padding:.05rem .35rem;border-radius:999px;font-size:.7rem;font-weight:700;line-height:1.2;text-align:center;background:#c45c26;color:#fff;vertical-align:middle}.nav-link.active .nav-badge{background:#00000040;color:inherit}.map-page{min-height:0}.map-toolbar{position:absolute;z-index:5;top:.75rem;left:.75rem;display:flex;gap:.45rem;align-items:flex-start}.add-menu{position:relative}.add-dropdown{position:absolute;top:calc(100% + .35rem);left:0;min-width:10rem;background:var(--bg-elev);border:1px solid var(--line);border-radius:8px;padding:.35rem;display:flex;flex-direction:column;gap:.2rem;box-shadow:0 8px 24px #00000059}.add-dropdown button{background:transparent;border:0;color:var(--ink);text-align:left;padding:.45rem .6rem;border-radius:6px;cursor:pointer;font:inherit}.add-dropdown button:hover{background:#c4f5421f}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:40;display:flex;justify-content:flex-end}.drawer-backdrop.drawer-backdrop--pass{background:transparent;pointer-events:none}.drawer-backdrop.drawer-backdrop--pass .drawer{pointer-events:auto;box-shadow:-8px 0 28px #00000073;border-left:1px solid var(--line)}.drawer{width:min(380px,100%);height:100%;background:var(--bg-elev);border-left:1px solid var(--line);padding:1rem;overflow:auto}.map-wrap.drawing .maplibregl-canvas-container,.map-wrap.drawing .maplibregl-canvas,.map-wrap.drawing canvas,.map-wrap.drawing canvas.drawing-cursor{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Ccircle cx='16' cy='16' r='3' fill='%23c4f542'/%3E%3Cpath d='M16 2v8M16 22v8M2 16h8M22 16h8' stroke='%23c4f542' stroke-width='2.5' stroke-linecap='round'/%3E%3Cpath d='M16 2v8M16 22v8M2 16h8M22 16h8' stroke='%230e1412' stroke-width='1' stroke-linecap='round'/%3E%3C/svg%3E") 16 16,crosshair!important}.page{padding:1rem 1.25rem 2rem;overflow:auto;min-height:0}.page-head{display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;align-items:flex-end;margin-bottom:1rem}.page-title{margin:0;font-family:var(--display);font-size:1.6rem}.page-lead{margin:.25rem 0 0;color:var(--muted);font-size:.9rem}.report-filters{display:flex;flex-wrap:wrap;gap:.65rem;align-items:flex-end}.field.inline{display:flex;flex-direction:column;gap:.2rem;font-size:.75rem;color:var(--muted)}.field.inline.grow{flex:1;min-width:12rem}.field.inline input,.field.inline select{font:inherit;color:var(--ink);background:var(--bg);border:1px solid var(--line);border-radius:6px;padding:.4rem .5rem}.dash-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(7.5rem,1fr));gap:.55rem;margin-bottom:1.25rem}.dash-card{background:var(--bg-elev);border:1px solid var(--line);border-radius:10px;padding:.75rem .85rem;display:flex;flex-direction:column;gap:.2rem}.dash-card strong{font-size:1.35rem;font-variant-numeric:tabular-nums}.dash-card span{font-size:.72rem;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.dash-card.accent strong{color:var(--dump)}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:10px;background:var(--bg-elev)}.fleet-table{width:100%;border-collapse:collapse;font-size:.9rem}.fleet-table th,.fleet-table td{padding:.65rem .85rem;text-align:left;border-bottom:1px solid var(--line);white-space:nowrap}.fleet-table th{color:var(--muted);font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.04em}.fleet-table tbody tr:last-child td{border-bottom:0}.table-link{color:var(--accent);text-decoration:none}.table-link:hover{text-decoration:underline}.table-input{font:inherit;color:var(--ink);background:#00000059;border:1px solid var(--line);border-radius:3px;padding:.35rem .45rem;width:100%;min-width:7rem;box-sizing:border-box}.table-input.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.82rem}.fleet-table td .form-error{margin:.3rem 0 0;white-space:normal;max-width:12rem}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.82rem}.dash-skip-glance{margin-top:1.5rem}.glance-grid{display:flex;flex-wrap:wrap;gap:.45rem}.glance-chip{display:flex;align-items:center;gap:.45rem;padding:.35rem .55rem;border:1px solid var(--line);border-radius:8px;background:var(--bg-elev);font-size:.85rem}.assets-split{display:grid;grid-template-columns:minmax(260px,340px) 1fr;gap:1rem;align-items:start}.assets-page .drawer .geozone-block>h2{display:none}.assets-page .fleet-table td:has(.asset-meta){white-space:nowrap}.tab-row{margin-bottom:1rem}@media (max-width: 900px){.assets-split{grid-template-columns:1fr}.topbar{flex-direction:column;align-items:flex-start}}.stay-card{margin:.4rem 0;padding:.45rem 0;border-bottom:1px dashed var(--line)}.brand-mark{display:inline-flex;align-items:center;justify-content:center;background:#fff;border-radius:10px;padding:.4rem .55rem;line-height:0}.brand-mark img{display:block;height:36px;width:auto;max-width:176px;object-fit:contain}.brand-mark--compact img{height:22px;max-width:44px;object-fit:cover;object-position:left center}.sidebar{display:flex;flex-direction:column;background:var(--sidebar);border-right:1px solid var(--line);min-height:0;padding:.85rem .7rem .75rem}.sidebar-brand{padding:.15rem .2rem .75rem}.app-shell--collapsed .sidebar-brand{display:flex;justify-content:center;padding-left:0;padding-right:0}.app-shell--collapsed .brand-mark{padding:.3rem}.product-switch{display:grid;grid-template-columns:1fr 1fr;gap:.3rem;margin-bottom:.85rem}.product-switch button{font:inherit;font-size:.72rem;font-weight:600;letter-spacing:.02em;color:var(--muted);background:#0c1016;border:1px solid var(--line);border-radius:8px;padding:.4rem .2rem;cursor:pointer}.product-switch button.on{color:#052e16;background:var(--accent);border-color:var(--accent)}.app-shell--collapsed .product-switch{grid-template-columns:1fr}.app-shell--collapsed .product-switch button{font-size:.62rem;padding:.3rem .1rem}.side-nav{display:flex;flex-direction:column;gap:.15rem;flex:1;min-height:0;overflow:auto}.side-link{display:flex;align-items:center;gap:.65rem;color:var(--muted);text-decoration:none;font-size:.9rem;padding:.5rem .6rem;border-radius:8px;border:1px solid transparent}.side-link svg{flex-shrink:0}.side-link:hover{color:var(--ink);background:#ffffff08}.side-link.active{color:var(--ink);background:#22c55e1a;border-color:#22c55e38}.side-link .nav-badge{margin-left:auto}.sidebar-foot{border-top:1px solid var(--line);padding-top:.55rem;margin-top:.55rem}.app-shell--collapsed .side-link-label,.app-shell--collapsed .nav-badge{display:none}.app-shell--collapsed .side-link{justify-content:center;padding-left:.4rem;padding-right:.4rem}.shell-main{display:grid;grid-template-rows:auto 1fr;min-width:0;min-height:0}.shell-content{min-height:0;overflow:auto}.shell-content--flush{overflow:hidden;display:grid}.icon-btn{width:36px;height:36px;border:1px solid var(--line);background:var(--bg-elev);border-radius:8px;cursor:pointer;display:grid;place-items:center;padding:0}.hamburger,.hamburger:before,.hamburger:after{display:block;width:14px;height:1.6px;background:var(--ink);position:relative}.hamburger:before,.hamburger:after{content:"";position:absolute;left:0}.hamburger:before{top:-5px}.hamburger:after{top:5px}.product-title{display:flex;flex-direction:column;gap:.05rem}.product-title strong{font-size:.98rem}.product-title span{color:var(--muted);font-size:.75rem}.topbar-date{color:var(--muted)}.topbar-sep{opacity:.45}.user-chip{padding:.2rem .55rem;border:1px solid var(--line);border-radius:999px;background:#0c1016}.login-products{margin:.15rem 0 0;font-weight:600;letter-spacing:.04em;text-transform:uppercase;font-size:.72rem;color:var(--accent)}.ops-page{padding-bottom:2.5rem}.ops-head{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem;align-items:flex-end;margin-bottom:1.1rem}.chip-row{display:flex;flex-wrap:wrap;gap:.35rem}.chip{font:inherit;font-size:.8rem;color:var(--muted);background:#0c1016;border:1px solid var(--line);border-radius:999px;padding:.35rem .75rem;cursor:pointer}.chip.on{color:#052e16;background:var(--accent);border-color:var(--accent);font-weight:600}.ops-kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.7rem;margin-bottom:.9rem}.ops-kpis--4{grid-template-columns:repeat(4,minmax(0,1fr))}.ops-kpi{display:flex;flex-direction:column;gap:.15rem;padding:.85rem .9rem .9rem;background:var(--card);border:1px solid var(--line);border-radius:14px;text-decoration:none;color:inherit;min-width:0}.ops-kpi strong{font-size:1.7rem;font-variant-numeric:tabular-nums;line-height:1.1}.ops-kpi-label{color:var(--ink);font-size:.82rem}.ops-kpi-meta{color:var(--muted);font-size:.72rem}.ops-kpi-icon{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;margin-bottom:.35rem}.tone-green{background:#22c55e29;color:#4ade80}.tone-blue{background:#38bdf829;color:#38bdf8}.tone-amber{background:#f59e0b29;color:#fbbf24}.tone-violet{background:#a78bfa29;color:#c4b5fd}.tone-sky{background:#0ea5e929;color:#7dd3fc}.tone-rose{background:#fb718529;color:#fb7185}.ops-mid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,.9fr);gap:.8rem;margin-bottom:.8rem}.cold-chart{display:flex;flex-direction:column;gap:.7rem}.cold-chart-legend{display:flex;flex-wrap:wrap;gap:.35rem}.cold-chart-legend .chip{display:inline-flex;align-items:center;gap:.4rem}.cold-chart-swatch{width:.55rem;height:.55rem;border-radius:99px;display:inline-block}.cold-chart-plot{background:#0c1016;border:1px solid var(--line);border-radius:10px;padding:.45rem .55rem .15rem}.cold-chart-plot-head{display:flex;justify-content:space-between;align-items:baseline;padding:.15rem .25rem 0;font-size:.8rem}.cold-chart-plot-head span{color:var(--muted)}.cold-chart-svg{width:100%;height:auto;display:block}.cold-chart-grid{stroke:#ffffff0f;stroke-width:1}.cold-chart-tick{fill:var(--muted);font-size:10px}.ops-right{display:flex;flex-direction:column;gap:.8rem;min-width:0}.ops-bottom{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,.9fr);gap:.8rem}.ops-card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:.9rem 1rem 1rem;min-width:0}.ops-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;margin-bottom:.7rem}.ops-card-head h3{margin:0;font-size:1rem}.ops-card-head p{margin:.2rem 0 0;color:var(--muted);font-size:.8rem}.text-link{color:var(--accent);text-decoration:none;font-size:.8rem;white-space:nowrap}.text-link:hover{text-decoration:underline}.count-pill{margin-left:auto;min-width:1.3rem;padding:.05rem .4rem;border-radius:999px;background:#fb718529;color:#fb7185;font-size:.75rem;text-align:center}.ops-legend{display:flex;flex-wrap:wrap;gap:.65rem 1rem;margin-bottom:.65rem;color:var(--muted);font-size:.78rem}.dot{display:inline-block;width:.5rem;height:.5rem;border-radius:50%;margin-right:.35rem;vertical-align:middle}.dot.green{background:#22c55e}.dot.amber{background:#f59e0b}.dot.violet{background:#a78bfa}.dot.blue{background:#38bdf8}.ops-map-wrap{position:relative;height:360px;border-radius:12px;overflow:hidden;border:1px solid var(--line)}.attn-list,.timeline{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.65rem}.attn-list li,.timeline li{display:grid;grid-template-columns:auto 1fr auto;gap:.65rem;align-items:start}.attn-list strong,.timeline strong{display:block;font-size:.88rem}.attn-list p,.timeline p{margin:.15rem 0 0;color:var(--muted);font-size:.78rem}.attn-list time,.timeline .time{color:var(--muted);font-size:.72rem;white-space:nowrap}.attn-ico,.tl-ico{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;background:#f59e0b24;color:#fbbf24}.attn-ico.rose{background:#fb718529;color:#fb7185}.skip-status{display:grid;grid-template-columns:120px 1fr;gap:.75rem;align-items:center}.skip-status ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.4rem;font-size:.82rem;color:var(--muted)}.skip-status li span{display:inline-block;min-width:1.6rem;color:var(--ink);font-weight:600;font-variant-numeric:tabular-nums}.donut{width:118px;height:118px;transform:rotate(-90deg)}.donut-track{fill:none;stroke:#1e2633;stroke-width:10}.donut-seg{fill:none;stroke-width:10;stroke-linecap:butt}.donut-total,.donut-sub{fill:var(--ink);transform:rotate(90deg);transform-origin:50px 50px}.donut-total{font-size:16px;font-weight:700}.donut-sub{fill:var(--muted);font-size:8px}.table-wrap--flush{border:0;border-radius:0;background:transparent}.admin-card{display:flex;flex-direction:column;gap:1rem;max-width:36rem}.admin-dl{display:grid;gap:.75rem;margin:0}.admin-dl div{display:flex;justify-content:space-between;gap:1rem;border-bottom:1px solid var(--line);padding-bottom:.55rem}.admin-dl dt{color:var(--muted)}.admin-dl dd{margin:0}.locations-split{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,.9fr);gap:.8rem;align-items:start}.locations-map-card{position:sticky;top:.5rem}.locations-page .fleet-table tbody tr{cursor:pointer}.fleet-table tr.is-selected td{background:#22c55e24;box-shadow:inset 3px 0 #22c55e}.fleet-table td.clip{max-width:16rem;overflow:hidden;text-overflow:ellipsis}.loc-alert{display:flex;flex-wrap:wrap;align-items:center;gap:.65rem .85rem;margin:0 0 .85rem;padding:.7rem .85rem;border:1px solid rgba(255,107,74,.45);border-radius:10px;background:#ff6b4a14}.loc-alert p{margin:0;flex:1 1 16rem}.import-fail-list{margin:.4rem 0 0;padding-left:1.1rem}.loc-drawer{width:min(420px,100%)}.loc-form-card{padding:1rem 1.1rem 1.2rem}.locations-page.is-placing .locations-split{grid-template-columns:minmax(280px,400px) minmax(0,1fr)}.locations-page.is-placing .locations-map-card .ops-map-wrap{height:min(70vh,620px)}.locations-page .chip-row{align-items:flex-end}@media (max-width: 900px){.locations-split{grid-template-columns:1fr}}@media (max-width: 1200px){.ops-kpis,.ops-kpis--4,.ops-mid,.ops-bottom{grid-template-columns:1fr 1fr}}@media (max-width: 900px){.app-shell,.app-shell--collapsed{grid-template-columns:1fr}.sidebar{flex-direction:row;flex-wrap:wrap;align-items:center;gap:.5rem}.side-nav{flex-direction:row;flex-wrap:wrap;width:100%}.sidebar-foot{border:0;margin:0;padding:0}.ops-kpis,.ops-kpis--4,.ops-mid,.ops-bottom,.skip-status{grid-template-columns:1fr}.ops-map-wrap{height:280px}}