:root{--df-bg:#0d0f12;--df-bg-raised:#15181d;--df-panel:#1b1f25;--df-panel-hover:#22272e;--df-border:rgba(255,255,255,.08);--df-border-strong:rgba(255,255,255,.14);--df-orange:#ff6a00;--df-orange-bright:#ff8a1f;--df-amber:#ffb020;--df-text:#f5f7fa;--df-text-muted:#9ca6b2;--df-success:#29c76f;--df-danger:#ff4d57;--df-info:#4aa8ff;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--df-bg);color:var(--df-text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;font-size:14px}body{background-image:radial-gradient(circle at 70% -20%,rgba(255,106,0,.055),transparent 35%)}a{text-decoration:none}button,input,select{font:inherit}button{border:0;background:transparent;color:inherit;cursor:pointer;border-radius:7px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--df-orange-bright);outline-offset:2px}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:#111419}::-webkit-scrollbar-thumb{background:#30363e;border-radius:8px}.maplibregl-canvas{outline:none}.maplibregl-ctrl-group{background:#15191edd!important;border:1px solid var(--df-border)!important}.maplibregl-ctrl button span{filter:invert(1)}#blazor-error-ui{background:#2b1718;color:#fff;bottom:0;box-shadow:0 -1px 14px #0008;display:none;left:0;padding:12px 20px;position:fixed;width:100%;z-index:1000}#blazor-error-ui .dismiss{cursor:pointer;position:absolute;right:12px}.blazor-error-boundary{background:#2b1718;padding:16px;border:1px solid var(--df-danger);border-radius:8px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
.trip-view{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(240px,.6fr);min-height:390px;margin-bottom:14px;overflow:hidden}.trip-map{min-height:390px}.trip-view aside{padding:22px}.trip-view .eyebrow{font-size:8px;letter-spacing:.15em;color:var(--df-orange)}.trip-view h2{font-size:17px;margin:7px 0}.trip-view p{font-size:9px;line-height:1.6;color:var(--df-text-muted)}.trip-view>aside>small{display:block;color:var(--df-amber);font-size:9px;margin:12px 0}.trip-metrics{display:grid;grid-template-columns:1fr 1fr;margin-top:20px;border:1px solid var(--df-border)}.trip-metrics div{display:grid;padding:12px;border:1px solid var(--df-border)}.trip-metrics span{font-size:8px;color:var(--df-text-muted)}.trip-metrics b{font-size:11px;margin-top:3px}.close-route{width:100%;margin-top:18px;border:1px solid var(--df-border);padding:9px;font-size:9px}.row.selected{background:rgba(255,106,0,.07);box-shadow:inset 3px 0 var(--df-orange)}@media(max-width:800px){.trip-view{grid-template-columns:1fr}.trip-view aside{padding:16px}.trip-map{min-height:300px}}
.geofence-view{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(240px,.6fr);min-height:390px;margin-bottom:14px;overflow:hidden}.geofence-map{min-height:390px}.geofence-view aside{padding:22px}.geofence-view .eyebrow{font-size:8px;letter-spacing:.15em;color:var(--df-orange)}.geofence-view h2{font-size:17px;margin:7px 0}.geofence-view p{font-size:10px;color:var(--df-text-muted)}.geometry{display:grid;gap:7px;margin-top:22px}.geometry span{font-size:8px;color:var(--df-text-muted)}.geometry code{display:block;padding:10px;background:#0e1115;border:1px solid var(--df-border);border-radius:7px;color:#cbd2da;font-size:8px;overflow-wrap:anywhere}.feature-card.selected{border-color:rgba(255,106,0,.45);box-shadow:inset 0 0 0 1px rgba(255,106,0,.15)}@media(max-width:800px){.geofence-view{grid-template-columns:1fr}.geofence-map{min-height:300px}}
.event-map-view{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(240px,.6fr);min-height:360px;margin-bottom:14px;overflow:hidden}.event-map{min-height:360px}.event-map-view aside{padding:22px}.event-map-view .eyebrow{font-size:8px;letter-spacing:.15em;color:var(--df-orange)}.event-map-view h2{font-size:17px;margin:7px 0}.event-map-view p{font-size:10px;color:var(--df-text-muted)}.event-map-view .geometry b{font-size:11px}.event-map-view .geometry small{font-size:9px;color:var(--df-text-muted)}@media(max-width:800px){.event-map-view{grid-template-columns:1fr}.event-map{min-height:290px}}