:root{--evdar-bg:#030607;--evdar-panel:#081014ee;--evdar-panel-soft:#0d1519d9;--evdar-border:#29343a;--evdar-orange:#ff9800;--evdar-orange-soft:#ff980025;--evdar-purple:#a75cff;--evdar-yellow:#ffe23d;--evdar-blue:#3288ee;--evdar-green:#54ff42;--evdar-danger:#ff4655;--cyan:var(--evdar-orange);--accent:var(--evdar-orange)}
body.evdar-5{background:var(--evdar-bg);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.evdar-5 header{position:fixed;z-index:42;inset:0 0 auto;height:0!important;min-height:0;background:transparent;border:0;padding:0;pointer-events:none}.evdar-5 header>*{pointer-events:auto}.evdar-5 .app{height:100%;grid-template-rows:100%}.evdar-5 .brand-wrap{position:fixed;left:14px;top:14px}.evdar-5 .brand-wrap .brand{display:none}.evdar-5 .header-tools{position:fixed;left:68px;top:14px;width:auto;overflow:visible}.evdar-5 .header-tools>.map-controls{padding:5px;border:1px solid #344149;border-radius:10px;background:#071014e8;backdrop-filter:blur(12px)}.evdar-5 .header-tools>.map-controls .map-products{display:none}.evdar-5 .header-tools>button{display:none!important}.evdar-5 .status-wrap{position:fixed;right:76px;top:14px;padding:8px 11px;border:1px solid #31503a;border-radius:9px;background:#07100ae8;backdrop-filter:blur(12px)}
.evdar-5 .brand b{font-family:inherit;letter-spacing:.08em}.evdar-5 .brand small{color:#8c9aa1}.evdar-5 .mark{background:linear-gradient(145deg,#ffad1f,#ca6400)!important;color:#070707!important}
.evdar-5 #controlsToggle,.evdar-5 #notes,.evdar-5 #settings,.evdar-5 #fullscreen{display:none!important}
.evdar-5 .navigation-panel{gap:14px;border-color:#ff980055;background:linear-gradient(155deg,#080d10f7,#030708f3);box-shadow:inset 2px 0 var(--evdar-orange);color:#e8eef1}
.evdar-5 .nav5-title{display:flex;align-items:center;gap:18px}.evdar-5 .nav5-title b{font-size:1.16em;letter-spacing:.12em}.evdar-5 .nav5-title strong{color:var(--evdar-orange);letter-spacing:.08em}
.evdar-5 .nav5-tabs,.evdar-5 .navigation-modes,.evdar-5 .nav5-actions{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:6px}.evdar-5 .nav5-tabs button,.evdar-5 .navigation-modes button,.evdar-5 .nav5-actions button{min-height:44px;border:1px solid var(--evdar-border);border-radius:7px;background:#0b1216;color:#adb8bd;font-size:.8em;font-weight:650}.evdar-5 .nav5-tabs button.active,.evdar-5 .navigation-modes button.active{border-color:#ff980077;background:var(--evdar-orange-soft);color:var(--evdar-orange)}
.evdar-5 .nav5-caption{color:#9ba7ad;font-size:.76em;letter-spacing:.08em}.evdar-5 .navigation-waypoints{display:grid;gap:7px}.evdar-5 .nav5-waypoint{grid-template-columns:56px minmax(0,1fr) 42px;align-items:center;padding:7px;border:1px solid #263238;border-radius:8px;background:#070c0f}.evdar-5 .nav5-waypoint span{padding-left:6px;color:#aab4b9}.evdar-5 .nav5-waypoint input{border:0;background:transparent;padding:0 7px}.evdar-5 .nav5-waypoint button{height:38px;border:1px solid #263238;border-radius:6px;background:#0b1216;color:#dce4e8;font-size:1.3em}.evdar-5 .nav5-waypoint.navigation-via{grid-template-columns:56px minmax(0,1fr) 42px 34px}.evdar-5 .nav5-remove{color:#ff6b72!important}.evdar-5 .picking-location{box-shadow:inset 3px 0 var(--evdar-purple),0 0 24px #a75cff22}
.evdar-5 .nav5-actions button:first-child{border-color:#a75cff99;color:#c997ff}.evdar-5 .nav5-actions button:last-child{border-color:#ff980099;color:#ffb64d}.evdar-5 .nav5-options{padding:10px;border:1px solid #202c31;border-radius:8px;background:#071014}.evdar-5 .nav5-options>summary{padding:5px;color:#dde5e8;font-weight:650;cursor:pointer}.evdar-5 .nav5-selects{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.evdar-5 .nav5-selects label,.evdar-5 .nav5-language{display:grid;gap:6px;color:#aab5ba;font-size:.78em}.evdar-5 .nav5-selects select,.evdar-5 .nav5-language select{height:42px;border:1px solid #29363c;border-radius:7px;background:#091116;color:#eef3f4;padding:0 10px;font:500 1em inherit}.evdar-5 .nav5-language{margin-top:10px}.evdar-5 .navigation-route{min-height:52px;border-color:#9e4cff;background:linear-gradient(110deg,#4e148e,#8727c6);color:white}
.evdar-5 .route-details{z-index:30;border-color:#ffe23d66;background:#071012eb;box-shadow:inset 3px 0 var(--evdar-yellow),0 10px 30px #0009}.evdar-5 .route-details>strong{color:var(--evdar-yellow)}.evdar-5 .route-choice.active{border-color:var(--evdar-yellow);box-shadow:inset 3px 0 var(--evdar-yellow)}
.evdar-map-rail{position:absolute;z-index:32;right:14px;top:112px;bottom:176px;display:flex;flex-direction:column;gap:8px;max-height:calc(100% - 288px);overflow-y:auto;overflow-x:visible;padding:2px;scrollbar-width:none}.evdar-map-rail::-webkit-scrollbar{display:none}.evdar-map-rail button{position:relative;display:grid;place-items:center;flex:0 0 52px;width:52px;height:52px;border:1px solid #435159;border-radius:9px;background:#081014e8;color:#e7ecee;font-size:24px;box-shadow:0 6px 16px #0008;backdrop-filter:blur(12px)}.evdar-map-rail button.active{border-color:var(--evdar-orange);color:var(--evdar-orange);box-shadow:0 0 14px #ff980044}.evdar-map-rail button:after{content:attr(data-tip);position:absolute;right:calc(100% + 10px);top:50%;width:190px;padding:8px 10px;border:1px solid #ff980088;border-radius:7px;background:#071014f5;color:#e8eef1;font:600 12px/1.35 Inter,system-ui;transform:translateY(-50%);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .15s}.evdar-help-visible .evdar-map-rail button:after{opacity:1;visibility:visible}.evdar-help{position:absolute;z-index:34;right:16px;top:18px;width:46px;height:46px;border:1px solid var(--evdar-orange);border-radius:50%;background:#071014e8;color:#fff;font:700 25px Inter,system-ui;box-shadow:0 0 12px #ff980033}.evdar-help[aria-pressed=true]{background:var(--evdar-orange-soft);color:var(--evdar-orange)}.evdar-5 .maplibregl-ctrl-top-right{top:auto;right:8px;bottom:82px}.navigation-temporary-pin{width:22px;height:30px;border:3px solid #bce7ff;border-radius:50% 50% 50% 0;background:#2a91ed;box-shadow:0 0 0 5px #2a91ed44,0 0 14px #2a91ed;transform:rotate(-45deg);animation:temporary-pin-pulse 1.4s ease-in-out infinite}.navigation-temporary-pin:after{content:'';position:absolute;inset:5px;border-radius:50%;background:#fff}@keyframes temporary-pin-pulse{50%{filter:brightness(1.45);box-shadow:0 0 0 9px #2a91ed18,0 0 20px #2a91ed}}
.evdar-5 .map-products,.evdar-5 .antenna{border-color:#39464d!important;background:#081014e8!important;backdrop-filter:blur(12px)}
.evdar-5 .radar-site-pill{width:16px!important;height:16px!important;min-width:16px!important;min-height:16px!important;aspect-ratio:1/1!important;line-height:0!important}
.evdar-5 .radar-site-pill:hover:not(.active),.evdar-5 .radar-site-pill.active{width:20px!important;height:20px!important;min-width:20px!important;min-height:20px!important}
@media(max-width:720px){.evdar-5 .brand-wrap{left:8px;top:8px}.evdar-5 .header-tools{left:59px;top:8px}.evdar-5 .status-wrap{right:59px;top:8px;max-width:145px}.evdar-5 .status small{display:none}.evdar-help{right:8px;top:8px;width:43px;height:43px}.evdar-map-rail{right:6px;top:66px;bottom:142px;max-height:calc(100% - 208px);gap:6px}.evdar-map-rail button{flex-basis:44px;width:44px;height:44px;font-size:20px}.evdar-map-rail button:after{width:145px;font-size:11px}.evdar-5 .maplibregl-ctrl-top-right{bottom:66px}.evdar-5 .navigation-panel{font-size:max(15px,var(--interface-font,16px))!important}.evdar-5 .nav5-selects{grid-template-columns:1fr}}
@media(max-height:760px){.evdar-map-rail{gap:4px}.evdar-map-rail button{flex-basis:40px;width:42px;height:40px;font-size:19px}.evdar-help{width:40px;height:40px;font-size:21px}}
.evdar-map-rail{bottom:240px;max-height:calc(100% - 352px)}
@media(max-width:720px){.evdar-map-rail{bottom:250px;max-height:calc(100% - 316px)}}
.evdar-5 #app>aside{padding-top:88px}.evdar-5 .sidebar-section-nav{top:0!important;margin:0 0 15px!important;border:1px solid var(--evdar-border);border-radius:10px}.evdar-5 .route-details{position:relative;right:auto;bottom:auto;width:100%;margin-top:12px;box-sizing:border-box}.evdar-map-rail svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.evdar-map-rail button[data-tool=more] svg{fill:currentColor;stroke:none}.evdar-map-rail button:after{display:none!important}.evdar-rail-tooltips{position:absolute;z-index:33;right:78px;top:112px;bottom:240px;display:flex;flex-direction:column;gap:8px;max-height:calc(100% - 352px);overflow:hidden;padding:2px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s ease}.evdar-help-visible .evdar-rail-tooltips{opacity:1;visibility:visible}.evdar-rail-tooltips>div{display:flex;flex:0 0 52px;width:210px;flex-direction:column;justify-content:center;padding:6px 10px;border:1px solid #ff980099;border-radius:8px;background:#071014f4;box-shadow:0 5px 15px #0008;color:#dfe7ea}.evdar-rail-tooltips b{color:var(--evdar-orange);font-size:12px}.evdar-rail-tooltips span{margin-top:2px;color:#bac4c9;font-size:11px;line-height:1.25}
@media(max-width:720px){.evdar-5 #app>aside{padding-top:72px}.evdar-rail-tooltips{right:58px;top:66px;bottom:250px;max-height:calc(100% - 316px);gap:6px}.evdar-rail-tooltips>div{flex-basis:44px;width:165px;padding:4px 8px}.evdar-rail-tooltips b{font-size:11px}.evdar-rail-tooltips span{font-size:10px}}
@media(max-height:760px){.evdar-rail-tooltips{gap:4px}.evdar-rail-tooltips>div{flex-basis:40px}}
.evdar-map-rail svg{width:36px;height:36px;stroke-width:2.15}
@media(max-width:720px){.evdar-map-rail svg{width:31px;height:31px}}
.evdar-5 .header-tools{right:330px;width:auto;min-width:0}.evdar-5 .header-tools>.map-controls{max-width:100%;min-width:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.evdar-5 .header-tools>.map-controls::-webkit-scrollbar{display:none}.evdar-5 .readout{top:82px!important}.evdar-5 .brand-wrap,.evdar-5 .header-tools,.evdar-5 .status-wrap{isolation:isolate}.evdar-map-rail button[data-tool=fullscreen]{color:var(--evdar-orange)}
.evdar-mobile-tools{display:none}
@media(max-width:720px){.evdar-5 .header-tools{left:59px;right:58px;width:auto}.evdar-5 .status-wrap{top:62px;right:8px;max-width:170px}.evdar-5 .readout{top:118px!important}.evdar-5 #app>aside{padding-top:72px}.evdar-map-rail button[data-tool=tracking],.evdar-map-rail button[data-tool=measure],.evdar-map-rail button[data-tool=settings],.evdar-map-rail button[data-tool=fullscreen],.evdar-rail-tooltips>div:nth-child(2),.evdar-rail-tooltips>div:nth-child(3),.evdar-rail-tooltips>div:nth-child(6),.evdar-rail-tooltips>div:nth-child(7){display:none}.evdar-map-rail{bottom:auto;max-height:none}.evdar-mobile-tools{position:fixed;z-index:37;right:58px;top:116px;display:grid;grid-template-columns:1fr 1fr;gap:6px;width:208px;padding:8px;border:1px solid #ff980088;border-radius:10px;background:#071014f5;box-shadow:0 12px 30px #000c;backdrop-filter:blur(14px)}.evdar-mobile-tools[hidden]{display:none}.evdar-mobile-tools button{min-height:44px;border:1px solid #35444b;border-radius:7px;background:#091216;color:#e7edef;font:650 11px Inter,system-ui;letter-spacing:.035em}.evdar-mobile-tools button:last-child{grid-column:1/-1;color:var(--evdar-orange)}}

/* Mobile is map-first: keep Home visible and reduce the sensor/GPS readout to a status strip. */
@media(max-width:720px){
  .evdar-5 #menu{display:grid!important;width:43px!important;height:43px!important;font-size:0!important;border-color:#ff980088!important;color:var(--evdar-orange)!important}
  .evdar-5 #menu:after{content:'E';font:800 22px/1 Inter,system-ui;letter-spacing:-.08em}
  .evdar-5 .readout{top:62px!important;left:8px!important;width:158px!important;max-width:calc(100vw - 76px)!important;padding:5px 7px!important;gap:1px!important}
  .evdar-5 .readout .station-select{width:100%!important;max-width:none!important;height:27px!important;padding:0 20px 0 3px!important;font-size:11px!important}
  .evdar-5 .compact-radar-time{font-size:8px!important;line-height:1.2!important;overflow:hidden;text-overflow:ellipsis}
  .evdar-5 .readout .gps-telemetry{display:grid!important;grid-template-columns:1fr 1fr!important;gap:2px 8px!important;margin:3px -2px -1px!important;padding:4px 3px 2px!important;font-size:9px!important}
  .evdar-5 .readout .gps-row{display:grid!important;gap:0!important;line-height:1.1!important}
  .evdar-5 .readout .gps-row span{font-size:7px!important;letter-spacing:.04em!important;white-space:nowrap}
  .evdar-5 .readout .gps-row b,.evdar-5 #gpsSpeed,.evdar-5 #gpsHeading{font-size:10px!important;line-height:1.2!important;white-space:nowrap}
  .evdar-5 .readout .gps-impact{display:none!important}
  .evdar-mobile-tools{top:112px}
}

.evdar-context-help{position:absolute;z-index:35;right:68px;top:18px;display:grid;gap:3px;width:min(260px,calc(100vw - 150px));padding:9px 11px;border:1px solid var(--active-accent,var(--evdar-orange));border-radius:8px;background:#071014f2;box-shadow:0 8px 24px #0009;backdrop-filter:blur(12px);pointer-events:none}.evdar-context-help[hidden]{display:none}.evdar-context-help b{color:var(--active-accent,var(--evdar-orange));font-size:11px;letter-spacing:.08em}.evdar-context-help span{color:#d2dde1;font-size:11px;line-height:1.35}
.evdar-map-rail button.active,.evdar-help[aria-pressed=true],.evdar-mobile-tools button:last-child{border-color:var(--active-accent,var(--evdar-orange))!important;color:var(--active-accent,var(--evdar-orange))!important}
@media(max-width:720px){.evdar-context-help{position:fixed;top:calc(env(safe-area-inset-top) + 54px);right:8px;width:min(250px,calc(100vw - 76px))}}