/* GPStronix — graphite, copper and warm mineral surfaces. */
:root{--purple:#a6471a;--purple-light:#fff0e5;--border:#e0e3df;--muted:#727c79;--green:#138666;--orange:#b97a17;--red:#d24f4d;--offline:#77827d;color:#24312d;background:#f2f3ef;font-family:"Segoe UI Variable", "Segoe UI",sans-serif;letter-spacing:-.12px}
button,a{transition:background .16s,color .16s,box-shadow .16s}button:focus-visible,a:focus-visible,input:focus-visible{outline-color:#e28550}button:hover{background:#f4f1ea}.primary{background:#222e2b;border-color:#222e2b;color:#fff9f0}.primary:hover{background:#394b44}.text-button{font-weight:600}h1,h2,h3{letter-spacing:-.6px}
.sidebar{background:#181f1e;border-color:#303a36;color:#c2cbc6}.brand{height:88px;gap:12px;padding-inline:20px;color:#fcf7ee;font-size:24px;letter-spacing:-1px;border-color:#303a36}.brand img{width:43px;height:43px}.brand-tronix{font-weight:500;color:#f2f0e7}.brand small{color:#b2beb6;font-size:8px;letter-spacing:2.35px;margin-top:7px}.nav-caption{padding:24px 23px 8px;color:#88988e;font-size:10px;letter-spacing:1.8px;display:flex;justify-content:space-between}.nav-caption span{color:#d0a07f;letter-spacing:.5px}.sidebar nav{padding:8px 12px;scrollbar-color:#3d4942 transparent}.nav-item{color:#b9c5bc;font-size:13px;padding:11px 12px;min-height:43px;border-radius:9px;margin-bottom:4px}.nav-item>svg{color:#8e9e94}.nav-item:hover,.subnav a:hover{background:#26332c;color:#fff7e9}.nav-item.active{background:#f49a64;color:#231e19;box-shadow:none}.nav-item.active>svg{color:#231e19}.nav-item.current{color:#fff4e7;background:#26312c}.nav-item.current>svg{color:#f49a64}.subnav{border-color:#3b4840;margin-top:5px}.subnav a{color:#a6b6ab;font-size:12px;border-radius:6px}.subnav a.active{color:#ffc396;background:#493629;box-shadow:inset 2px 0 #f99f68}.sidebar-foot{justify-content:flex-start;gap:7px;padding:16px 23px 23px;color:#94a398;font-size:10px}.sidebar-foot>span:last-child{margin-left:auto;font-size:9px;letter-spacing:1px}.system-dot{width:6px;height:6px;border-radius:50%;background:#89b596;align-self:center}.logout{border-top:1px solid #303c34;border-radius:0;padding-top:16px}
.topbar{height:88px;background:#fafbf8;padding:0 25px;gap:24px;border-color:#dbe0d8}.workspace-heading{flex-shrink:0;display:flex;flex-direction:column;gap:3px}.workspace-eyebrow,.section-eyebrow{font-size:9px;font-weight:700;letter-spacing:1.6px;color:#7e8981}.workspace-heading strong{font-size:17px;font-weight:600;letter-spacing:-.5px}.global-search{margin-left:auto;width:300px;border-radius:10px;border-color:#e2e6de;background:#f0f3ec}.global-search input{font-size:12px}.global-search kbd{border-color:#d6ded2;color:#7a877b}.topbar-right{gap:15px}.demo-label{background:#efede3;border-color:#e2dece;color:#69674f;font-size:10px;border-radius:20px;padding:5px 11px}.avatar{background:#263c32;color:#ebeedf;width:37px;height:37px;border:3px solid #e0e6d8}.avatar:hover{background:#45634b}.notification-button{color:#707e73}.notification-button b{background:#c66b40;border-color:#fafbf8}.search-results{left:auto;right:195px;top:72px;border-radius:12px}
.tracking-page{height:calc(100dvh - 88px);background:#e7ece2}.leaflet-tile-pane{filter:saturate(.45) contrast(.94) brightness(1.03)}.asset-panel{border-radius:15px;background:#fcfdf9;border-color:#ffffffbc;box-shadow:0 15px 50px #14261e24;top:22px;bottom:22px}.panel-heading{padding:19px 18px 15px}.section-eyebrow{display:block;font-size:8px;letter-spacing:1.5px;margin-bottom:6px;color:#848c7f}.panel-heading h2{font-size:23px;letter-spacing:-.8px;font-weight:650}.panel-heading h2 span{font-size:12px;color:#61705f;background:#edf0e6;border-radius:6px;vertical-align:middle;padding:3px 7px}.panel-heading .text-button{font-size:11px}.status-summary{padding:6px 14px 18px;gap:5px}.status-summary button{border:0;background:#f0f3eb;border-radius:9px;padding:5px 0 7px}.status-summary button:hover{background:#e7eddf}.status-summary strong{font-size:27px;font-variant-numeric:tabular-nums;font-weight:600;letter-spacing:-1px}.status-summary span{font-size:10px;color:#6b7669}.status-tabs{margin:0 14px;padding:3px;background:#edf0e7;border:0;border-radius:8px;gap:1px}.status-tabs button{padding:7px 8px;font-size:11px;color:#727d6d;border:0;border-radius:6px}.status-tabs .active{color:#884520;background:#fffdf7;box-shadow:0 2px 5px #3c402019}.search-input{border-color:#e2e7dc;border-radius:9px;background:#f8faf4;margin:15px 15px 8px;color:#8e9a86}.search-input input{background:transparent;padding:10px 0;color:#35412f}.asset-list{padding:3px 8px 10px}.asset-card{background:transparent;border-bottom:1px solid #e9ece2;border-radius:9px;padding:17px 9px;gap:10px;margin:2px 0}.asset-card:hover{background:#f1f4eb}.asset-card.selected{background:#fff0e1;box-shadow:inset 3px 0 #cf7440;border-bottom-color:transparent}.asset-title strong{font-size:13px;font-weight:650;letter-spacing:-.15px}.vehicle-icon{border-radius:12px;width:40px;height:43px;background:#e9eee5}.vehicle-icon.moving{background:#e2f0e5}.vehicle-icon.idle{background:#f4ecd9}.vehicle-icon.stopped{background:#f5e6df}.asset-id{font-size:10px;color:#818b7b;margin:4px 0 8px;letter-spacing:.2px}.asset-readings{font-size:11px;color:#5e6c57;gap:13px}.asset-readings svg{color:#8b9682}.asset-readings small{color:#747f6a}.badge{border-radius:5px;font-size:9px;padding:3px 6px}.badge.moving{color:#2b7353;background:#e1efdf}.badge.idle{background:#f4ecd2;color:#856419}.badge.stopped{background:#f8e5dd;color:#a64933}.panel-footer{background:#f3f6ed;border-color:#e3e9db;color:#7c8873;font-size:10px;padding:12px 18px}
.map-toolbar{top:22px;border-radius:10px;padding:5px 12px 5px 5px;height:42px;background:#fcfdf9f5;border-color:#fff;box-shadow:0 5px 20px #23301f17}.segmented{background:#edf0e7;border-radius:6px}.segmented button{border-radius:5px}.segmented .selected{color:#a6522d;background:#fffef9}.map-actions{top:22px}.map-actions button{border-radius:10px;background:#fcfdf9;height:42px;width:42px;box-shadow:0 5px 20px #23301f17;color:#516149}.marker-inner{border-radius:13px;box-shadow:0 0 0 5px #ffffff35,0 5px 16px #193e2e44}.leaflet-tooltip{font-family:inherit;border-radius:6px;box-shadow:0 3px 12px #182b1922}.leaflet-bar{border-radius:9px!important;overflow:hidden;border-color:#fff!important}.leaflet-bar a{color:#44543f;background:#fcfdf9}.leaflet-control-attribution{background:#f8fbf1de!important;color:#536347}.leaflet-control-attribution a{color:#41694b}
.detail-panel{background:#fcfdf9;border-radius:16px;border-color:#fff;box-shadow:0 18px 65px #10221c33}.detail-panel .panel-heading h2{font-size:23px}.detail-panel .muted{font-size:12px}.detail-status{padding-bottom:18px}.detail-kpis{background:#f0f3e9;border-color:#e0e5d8;padding:19px 14px}.detail-kpis strong{font-size:27px;letter-spacing:-1px}.detail-kpis svg{color:#798b6c}.detail-kpis span,.detail-kpis small{color:#7b866e;font-size:11px}.detail-location{color:#46553f}.detail-location>svg{color:#c27241}.detail-location small{color:#7f8b75}.immobiliser-button{background:#f5eee4;border-color:#e5d6c3;color:#945224;border-radius:9px}.immobiliser-button small{color:#9b714e}.immobiliser-controls{background:#f7f7ee;border-color:#dfdfcf;border-radius:10px}.immobiliser-options [aria-pressed=true]{background:#fff0dd;border-color:#ca9870;color:#8f4a24}.immobiliser-options [aria-pressed=true] small{color:#8d6b49}.immobiliser-heading>span{color:#817143}.detail-panel>.primary{border-radius:9px;padding:12px}
.behaviour-card{--insight-cyan:#c0e895;--insight-muted:#a1b799;background:radial-gradient(ellipse at 95% 0,#354731,transparent 65%),#1a2922;border-color:#42533a;box-shadow:0 10px 20px #22322519;border-radius:14px}.behaviour-heading h3{color:#eef5e9}.insight-sample{border-color:#546348;color:#c1cead}.behaviour-period{background:#152119;border-color:#40513a;border-radius:7px}.behaviour-period [aria-pressed=true]{background:#455637}.behaviour-period button{color:#c4ceb9}.orbit-progress{filter:drop-shadow(0 0 4px #bfe79444)}.orbit-track{stroke:#3b4e35}.orbit-ticks{stroke:#64765a}.orbit-inner{stroke:#49623d}.score-orbit strong{color:#f4f9ed}.score-context>strong{color:#c0e895}.score-eyebrow,.score-period-note,.trend-labels{color:#abbfa0}.score-context p{color:#cad5be}.trend-line{stroke:#c0e895}.trend-area{fill:#c0e8950b}.trend-end{fill:#e1fac0;stroke:#4d6a38}.trend-baseline{stroke:#536548}.event-symbol{background:#354630;color:#c5d9af}.event-meter{background:#3b4b32}.event-meter>i{background:#e5a97d}.behaviour-event>div>span{color:#d3dfc7}.events-heading,.behaviour-foot span{color:#adbea0}.behaviour-foot strong{color:#edf4e7}.behaviour-foot>div>svg{color:#95ad83}.vehicle-detail .score-method{background:#13201966}.vehicle-detail .score-method summary,.score-method p{color:#b9cbae}.vehicle-detail .health-details{border-radius:9px;background:#f5f7ef}.vehicle-detail .telemetry-grid span{color:#7c8971}.vehicle-detail .telemetry-grid strong{color:#3f5035}
.content-page{background:#eff2e9;min-height:calc(100dvh - 88px);padding:30px}.page-heading{margin-bottom:26px}.page-heading h1{font-size:29px;letter-spacing:-1.1px}.page-heading p{color:#7c8773;font-size:13px}.card{border-radius:15px;background:#fcfdf8;border-color:#e0e6d6;padding:22px;box-shadow:0 3px 15px #21311105}.dashboard-map{padding:0}.dashboard-map #dashboard-map{height:270px}.widget-heading h3{font-size:14px}.dashboard-kpis strong{font-size:32px;letter-spacing:-1px;color:#2a3c23}.dashboard-kpis span{color:#7b896f}.dashboard-grid>.card:nth-child(3){background:#243327;color:#edf3df;border-color:#33442e}.dashboard-grid>.card:nth-child(3) .widget-heading svg{color:#efaf7f}.dashboard-grid>.card:nth-child(3) .dashboard-kpis strong{color:#e6f1d3}.dashboard-grid>.card:nth-child(3) .dashboard-kpis span,.dashboard-grid>.card:nth-child(3) .dashboard-kpis small{color:#b0c09c}.overview-list button{border-radius:7px;padding:8px}.overview-list button:hover{background:#edf2e5}.breakdown>div>div{background:#e7ecdF;height:8px}.breakdown i{background:#b28255}.health-row span{color:#7a876f}.boot{background:#19231c;color:#f7eedf}.boot span{color:#b4beaa}.toast{background:#fcfdf7;border-color:#d9dfcf;border-radius:12px;color:#3c5030}::-webkit-scrollbar-thumb{background:#c8d2be}
@media(min-width:1550px){.global-search{width:360px}}
@media(max-width:1250px){.workspace-heading strong{font-size:14px}.workspace-eyebrow{font-size:8px}.global-search{width:230px}.topbar{gap:15px}.topbar-right{gap:10px}.demo-label{display:none}}
@media(max-width:1150px){.brand{padding-inline:14px;font-size:22px;gap:9px}.brand img{width:37px;height:37px}.brand small{font-size:7px;letter-spacing:2px}}
@media(max-width:850px){.topbar{height:72px;padding:0 14px;gap:12px}.workspace-heading{display:none}.global-search{margin:0;max-width:none}.tracking-page{height:calc(100dvh - 72px)}.content-page{min-height:calc(100dvh - 72px)}.asset-panel{top:76px;bottom:14px}.map-toolbar,.map-actions{top:17px}.map-toolbar{left:14px}.detail-panel{top:76px;max-height:calc(100% - 90px)}.search-results{left:14px;right:14px;width:auto;top:62px}.sidebar{z-index:1100}.scrim.show{z-index:1050}.brand{font-size:24px}.brand img{width:43px;height:43px}}
@media(max-width:600px){.asset-panel{top:auto;bottom:0;height:43%;border-radius:18px 18px 0 0}.asset-panel .panel-heading{padding:12px 17px 8px}.asset-panel .section-eyebrow{display:none}.panel-heading h2{font-size:20px}.asset-panel .search-input{margin:8px 14px 4px}.search-input input{padding:7px 0}.asset-card{padding:12px 9px}.asset-list{padding-top:0}.status-tabs button{padding:6px 9px}.map-counts{gap:3px}.map-toolbar{gap:8px;padding-right:7px}.map-actions{gap:5px;right:12px}.map-actions button{width:36px;height:40px}.detail-panel{top:auto;max-height:82%;border-radius:16px}.content-page{padding:20px 16px}.page-heading h1{font-size:24px}.dashboard-map #dashboard-map{height:230px}.leaflet-bottom.leaflet-right{bottom:44%}.dashboard-map .leaflet-bottom.leaflet-right{bottom:0}}
@media(max-width:370px){.map-counts{display:none}.topbar-right{gap:3px}.avatar{width:32px;height:32px}.status-tabs button{padding-inline:7px}}
@media(prefers-reduced-motion:reduce){button,a{transition:none}}