/* Local preview: graphite instrument panels with neon feature accents. */
:root{
  --radioactive-green:#8cff54;
  --radioactive-green-soft:#8cff5418;
  --radioactive-cyan:#61eaff;
  --radioactive-magenta:#ff55bd;
  --radioactive-amber:#ffd45c;
  /* Sampled from the new icon faces: #495b63 at the crown, #313f44 below. */
  --panel-frost-opacity:.78;
  --panel-frost-inner-opacity:.6552;
  --panel-frost-blur:20px;
  --panel-frost-color:#111416;
  --panel-frost-surface:rgb(17 20 22 / .78);
  --panel-frost-surface-deep:rgb(8 9 10 / .78);
  --panel-frost-surface-inner:rgb(17 20 22 / .6552);
  --panel-frost-gap-surface:rgb(17 20 22 / .47);
  --panel-frost-ink:#f3f7f8;
  --panel-frost-muted:#d7e0e3;
  --radioactive-panel:var(--panel-frost-surface);
  --radioactive-panel-deep:var(--panel-frost-surface-deep);
  --radioactive-line:#586166;
  --radioactive-text:#eef1f2;
  --radioactive-muted:#aeb6ba;
}

/* Shared pop-out shell language. */
.evdar-5 .map-tools,
.evdar-5 .evdar-layers-drawer,
.evdar-5 .forecast-drawer,
.evdar-5 .pin-editor,
.evdar-5 .pin-quick-drawer,
.evdar-5 .gate-control[open],
.evdar-5 #app>aside,
.evdar-5 .evdar-warning-drawer{
  border-color:#70797e!important;
  background:linear-gradient(155deg,var(--radioactive-panel),var(--radioactive-panel-deep))!important;
  color:var(--radioactive-text)!important;
  box-shadow:0 14px 34px #000b,inset 0 1px #ffffff10!important;
  backdrop-filter:blur(var(--panel-frost-blur)) saturate(.88)!important;
  -webkit-backdrop-filter:blur(var(--panel-frost-blur)) saturate(.88)!important;
}

/* Hamburger workspace: same glass material, original workspace layout. */
.evdar-5 #app>aside{border-color:#70797e!important;border-radius:0!important}
.evdar-5 .app.mobile-sidebar-open>aside{background:linear-gradient(155deg,var(--radioactive-panel),var(--radioactive-panel-deep))!important}
.evdar-5 .evdar-primary-chrome>.sidebar-section-nav{border-color:#70797e!important;background:var(--panel-frost-surface)!important;backdrop-filter:blur(var(--panel-frost-blur)) saturate(.88)!important;-webkit-backdrop-filter:blur(var(--panel-frost-blur)) saturate(.88)!important}

.evdar-5 .map-tools-group-title,
.evdar-5 .evdar-layers-drawer>strong,
.evdar-5 .forecast-drawer header strong,
.evdar-5 .pin-editor-title,
.evdar-5 .gate-title{
  color:var(--radioactive-green)!important;
  text-shadow:0 0 10px #8cff5444!important;
}

.evdar-5 .map-tools-section,
.evdar-5 .forecast-periods article{
  border-color:#758086!important;
  background:var(--panel-frost-surface-inner)!important;
  box-shadow:none!important;
}
.evdar-5 .map-tools-section .map-tools-group-title{color:#dce1e3!important;text-shadow:none!important}
.evdar-5 .map-tools-section span,
.evdar-5 .map-tool-status,
.evdar-5 .evdar-layers-drawer small,
.evdar-5 .evdar-layers-drawer em{color:var(--radioactive-muted)!important}
.evdar-5 .map-tools-section span b{color:var(--section-accent,var(--radioactive-green))!important}
.evdar-5 .map-tools-section>input[type="range"]{accent-color:var(--section-accent,var(--radioactive-green))!important}

/* Pop-outs stay quiet: green communicates state, cyan communicates focus. */
.evdar-5 .map-actions-primary{--section-accent:var(--radioactive-green);position:sticky!important;border-color:#899398!important;background:var(--panel-frost-surface-inner)!important;box-shadow:inset 3px 0 var(--radioactive-green),0 8px 18px #0008!important}
.evdar-5 .map-actions-primary .map-tools-group-title{color:var(--radioactive-green)!important;text-shadow:0 0 9px #8cff5438!important}
.evdar-5 .map-appearance,
.evdar-5 .map-radar,
.evdar-5 .map-overlays,
.evdar-5 .map-wind-field{--section-accent:var(--radioactive-green)}
.evdar-5 .map-tools-section+.map-tools-section{border-top-color:#5c666b!important}
.evdar-5 .map-tools .map-layers-navigation{border-color:#61eaff70!important;color:#c9f7ff!important}

.evdar-5 .map-tools button,
.evdar-5 .pin-editor button,
.evdar-5 .forecast-drawer button{
  border-color:#626b70!important;
  background:#242a2d!important;
  color:#e8ecee!important;
  box-shadow:none!important;
}
.evdar-5 .map-tools button:hover,
.evdar-5 .map-tools button:focus-visible,
.evdar-5 .pin-editor button:hover,
.evdar-5 .forecast-drawer button:hover,
.evdar-5 .forecast-drawer button:focus-visible{
  border-color:var(--radioactive-cyan)!important;
  color:#fff!important;
  box-shadow:0 0 0 1px #61eaff55,0 0 13px #61eaff28!important;
}
.evdar-5 .map-tools button.active,
.evdar-5 .map-tools button[aria-pressed="true"]{
  border-color:var(--radioactive-green)!important;
  background:var(--radioactive-green-soft)!important;
  color:var(--radioactive-green)!important;
  box-shadow:0 0 12px #8cff5433!important;
}

/* Layers: green means enabled; feature color appears only where it carries meaning. */
.evdar-5 .evdar-layers-drawer label{border-bottom-color:#444c50!important;color:var(--radioactive-text)!important}
.evdar-5 .evdar-layers-drawer input{accent-color:var(--radioactive-green)!important}
.evdar-5 .evdar-layers-drawer label:has(input:checked){color:var(--radioactive-text)!important}

/* Scroll chrome follows the icon theme instead of falling back to cyan. */
.evdar-5 .map-tools,
.evdar-5 .evdar-layers-drawer,
.evdar-5 .forecast-drawer,
.evdar-5 .pin-editor,
.evdar-5 .pin-quick-drawer,
.evdar-5 .gate-control[open],
.evdar-5 #app>aside,
.evdar-5 .evdar-warning-drawer{
  scrollbar-width:thin!important;
  scrollbar-color:var(--radioactive-green) #29363bcc!important;
}
.evdar-5 .map-tools::-webkit-scrollbar,
.evdar-5 .evdar-layers-drawer::-webkit-scrollbar,
.evdar-5 .forecast-drawer::-webkit-scrollbar,
.evdar-5 .pin-editor::-webkit-scrollbar,
.evdar-5 .pin-quick-drawer::-webkit-scrollbar,
.evdar-5 .gate-control[open]::-webkit-scrollbar,
.evdar-5 #app>aside::-webkit-scrollbar,
.evdar-5 .evdar-warning-drawer::-webkit-scrollbar{width:9px!important;height:9px!important}
.evdar-5 .map-tools::-webkit-scrollbar-track,
.evdar-5 .evdar-layers-drawer::-webkit-scrollbar-track,
.evdar-5 .forecast-drawer::-webkit-scrollbar-track,
.evdar-5 .pin-editor::-webkit-scrollbar-track,
.evdar-5 .pin-quick-drawer::-webkit-scrollbar-track,
.evdar-5 .gate-control[open]::-webkit-scrollbar-track,
.evdar-5 #app>aside::-webkit-scrollbar-track,
.evdar-5 .evdar-warning-drawer::-webkit-scrollbar-track{background:#29363bcc!important;box-shadow:inset 0 0 0 1px #7c898f33!important}
.evdar-5 .map-tools::-webkit-scrollbar-thumb,
.evdar-5 .evdar-layers-drawer::-webkit-scrollbar-thumb,
.evdar-5 .forecast-drawer::-webkit-scrollbar-thumb,
.evdar-5 .pin-editor::-webkit-scrollbar-thumb,
.evdar-5 .pin-quick-drawer::-webkit-scrollbar-thumb,
.evdar-5 .gate-control[open]::-webkit-scrollbar-thumb,
.evdar-5 #app>aside::-webkit-scrollbar-thumb,
.evdar-5 .evdar-warning-drawer::-webkit-scrollbar-thumb{border:2px solid transparent!important;background:var(--radioactive-green)!important;background-clip:padding-box!important;box-shadow:0 0 9px #8cff546b!important}
.evdar-5 .map-tools::-webkit-scrollbar-thumb:hover,
.evdar-5 .forecast-drawer::-webkit-scrollbar-thumb:hover,
.evdar-5 .pin-editor::-webkit-scrollbar-thumb:hover,
.evdar-5 .gate-control[open]::-webkit-scrollbar-thumb:hover,
.evdar-5 #app>aside::-webkit-scrollbar-thumb:hover,
.evdar-5 .evdar-warning-drawer::-webkit-scrollbar-thumb:hover{background-color:#baff96!important}

/* Keep warning severity colors semantic; change only the pane material. */
.evdar-5 .evdar-warning-drawer .warning-group button,
.evdar-5 .evdar-warning-drawer .warning-detail,
.evdar-5 .evdar-warning-popup .maplibregl-popup-content{background:var(--panel-frost-surface)!important;backdrop-filter:blur(var(--panel-frost-blur)) saturate(.9)!important;-webkit-backdrop-filter:blur(var(--panel-frost-blur)) saturate(.9)!important}
.evdar-5 .evdar-warning-drawer .warning-head,
.evdar-5 .evdar-warning-drawer .warning-master,
.evdar-5 .evdar-warning-drawer .warning-group{border-color:#70797e!important}

/* Clear instrument typography: technical shape, less visual mass. */
.evdar-5 .map-tools-group-title,
.evdar-5 .evdar-layers-drawer>strong,
.evdar-5 .forecast-drawer header strong,
.evdar-5 .pin-editor-title,
.evdar-5 .gate-title{font-weight:650!important;letter-spacing:.085em!important}
.evdar-5 .map-tools-section span,
.evdar-5 .map-tools-section span b,
.evdar-5 .map-tool-status,
.evdar-5 .evdar-layers-drawer label,
.evdar-5 .evdar-layers-drawer small,
.evdar-5 .evdar-warning-drawer{font-weight:550!important}
.evdar-5 .map-tools button,
.evdar-5 .pin-editor button,
.evdar-5 .forecast-drawer button{font-weight:600!important;letter-spacing:.035em!important}
.evdar-5 .map-tools-section .map-tools-group-title,
.evdar-5 .map-actions-primary .map-tools-group-title{font-weight:650!important}
.evdar-5 .evdar-warning-drawer .warning-head strong,
.evdar-5 .evdar-warning-drawer .warning-group summary span,
.evdar-5 .evdar-warning-drawer .warning-group button span{font-weight:650!important}

.panel-frost-settings .panel-frost-control{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 12px;align-items:center}
.panel-frost-settings .panel-frost-control label{color:#cbd3d6;font-weight:600;letter-spacing:.045em}
.panel-frost-settings .panel-frost-control output{min-width:4ch;color:var(--radioactive-green);font:650 12px ui-monospace,monospace;text-align:right}
.panel-frost-settings .panel-frost-control input[type="range"]{grid-column:1/-1;width:100%;accent-color:var(--radioactive-green)}
.panel-frost-settings .panel-frost-gap-control{margin-top:14px;padding-top:12px;border-top:1px solid #70797e66}
.settings-design-system{grid-template-columns:1fr;gap:12px;margin-top:12px}
.settings-design-control{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px 12px;min-width:0;padding:0;border:0;border-radius:0;background:transparent}
.settings-design-control+.settings-design-control{padding-top:12px;border-top:1px solid #70797e66}
.settings-design-control span{color:#cbd3d6;font-weight:600;letter-spacing:.045em}
.settings-design-control output{min-width:4ch;color:var(--radioactive-green);font:650 12px ui-monospace,monospace;text-align:right}
.settings-design-control input[type="range"]{grid-column:1/-1;width:100%;accent-color:var(--radioactive-green)}
.panel-frost-settings .panel-frost-color{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;padding-top:12px;border-top:1px solid #70797e66}
.panel-frost-settings .panel-frost-color label{color:#cbd3d6;font-weight:600;letter-spacing:.045em}
.panel-frost-settings .panel-frost-color input{width:48px;height:36px;padding:3px;border:1px solid #70797e;border-radius:8px;background:var(--panel-frost-surface-deep);cursor:pointer}
.settings-fiord-background{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:10px;margin-top:12px;padding:12px 0;border-top:1px solid #70797e66}
.settings-fiord-background[hidden]{display:none}
.settings-fiord-preset{grid-column:1/-1;display:grid;gap:7px}.settings-fiord-preset select{width:100%;min-height:42px;padding:0 12px;border:1px solid #70797e;border-radius:8px;background:var(--panel-frost-surface-deep);color:#e8eef0;font:600 13px ui-monospace,monospace}
.settings-fiord-color-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;min-width:0}.settings-fiord-background label{color:#cbd3d6;font-weight:600;letter-spacing:.045em}
.settings-fiord-background input{width:48px;height:36px;padding:3px;border:1px solid #70797e;border-radius:8px;background:var(--panel-frost-surface-deep);cursor:pointer}
.settings-fiord-background button{min-height:36px;padding:0 9px;border:1px solid #70797e;border-radius:8px;background:var(--panel-frost-surface-deep);color:#cbd3d6;font:600 11px ui-monospace,monospace;cursor:pointer}
.settings-fiord-background button{grid-column:1/-1}
.settings-fiord-background button:hover,.settings-fiord-background button:focus-visible{border-color:var(--radioactive-green);color:var(--radioactive-green)}
@media(max-width:720px){.settings-fiord-background{grid-template-columns:1fr 1fr}.settings-fiord-background button{grid-column:1/-1}}

/* Settings and hamburger contents share the material, not just their outer frame. */
.evdar-5 .settings-page{background:var(--panel-frost-surface-deep)!important;backdrop-filter:blur(var(--panel-frost-blur)) saturate(.88)!important;-webkit-backdrop-filter:blur(var(--panel-frost-blur)) saturate(.88)!important}
.evdar-5 .settings-shell,
.evdar-5 .settings-category-nav,
.evdar-5 .settings-category-content,
.evdar-5 .settings-panel>.settings-group{background:var(--panel-frost-surface)!important;backdrop-filter:blur(var(--panel-frost-blur)) saturate(.88)!important;-webkit-backdrop-filter:blur(var(--panel-frost-blur)) saturate(.88)!important}
.evdar-5 #app>aside .card,
.evdar-5 #app>aside .tracked-panel,
.evdar-5 #app>aside .radar-controls-panel,
.evdar-5 #app>aside .tracking-tools,
.evdar-5 #app>aside .sidebar-tools{background:var(--panel-frost-surface-inner)!important}

/* Unify settings internals and nested radar drawers under the same frost. */
.evdar-5 .settings-shell>.settings-head,
.evdar-5 .settings-size-control,
.evdar-5 .radar-status-details,
.evdar-5 .radar-palette-settings .palette-library,
.evdar-5 .radar-palette-settings .palette-library-body,
.evdar-5 .radar-palette-settings .palette-option,
.evdar-5 .radar-drawer,
.evdar-5 .radar-drawer[open],
.evdar-5 .loop-timing-controls,
.evdar-5 #app>aside>.gate-control,
.evdar-5 #app>aside .gate-control,
.evdar-5 #app>aside select,
.evdar-5 .settings-page select{
  background:var(--panel-frost-surface-inner)!important;
  backdrop-filter:blur(var(--panel-frost-blur)) saturate(.88)!important;
  -webkit-backdrop-filter:blur(var(--panel-frost-blur)) saturate(.88)!important;
}
.evdar-5 .settings-page button:not(.settings-close),
.evdar-5 #app>aside button:not(.sidebar-close){background-color:var(--panel-frost-surface-inner)!important}

/* Desktop glass is a true overlay: the map remains beneath the drawer so the
   backdrop filter has real terrain/radar to frost. Camera padding keeps the
   useful map viewpoint in the unobstructed region. */
@media (min-width:721px) and (pointer:fine){
  .evdar-5 #app,
  .evdar-5 #app.sidebar-hidden{
    grid-template-columns:minmax(0,1fr)!important;
  }
  .evdar-5 #app>aside{
    position:absolute!important;
    z-index:140!important;
    inset:0 auto 0 0!important;
    width:var(--sidebar-width,360px)!important;
    max-width:calc(100vw - 84px)!important;
    box-sizing:border-box!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    box-shadow:8px 0 24px #0007!important;
  }
  .evdar-5 #app.sidebar-hidden>aside{visibility:hidden!important;pointer-events:none!important}
  .evdar-5 #app:not(.sidebar-hidden) .timeline{
    left:calc(var(--sidebar-width,360px) + 12px)!important;
    right:12px!important;
    width:auto!important;
    max-width:680px!important;
    transform:none!important;
    margin-inline:auto!important;
  }
  .evdar-5 .timeline{
    bottom:12px!important;
    width:min(680px,calc(100% - 24px))!important;
    max-width:680px!important;
    height:44px!important;
    grid-template-columns:30px minmax(120px,1fr) 38px!important;
    gap:6px!important;
    padding:0 7px!important;
    border-radius:9px!important;
  }
  .evdar-5 .timeline .play,
  .evdar-5 .timeline .return-live{
    width:30px!important;
    min-width:30px!important;
    height:30px!important;
    min-height:30px!important;
    padding:0!important;
    border-radius:7px!important;
    background-size:104% 104%!important;
  }
  .evdar-5 .timeline .return-live{width:38px!important;min-width:38px!important}
  .evdar-5 .timeline .track{height:20px!important}
  .evdar-5 .timeline .track::-webkit-slider-runnable-track{height:8px!important}
  .evdar-5 .timeline .track::-moz-range-track{height:8px!important}
  .evdar-5 .evdar-primary-chrome{
    z-index:150!important;
    width:min(calc(var(--sidebar-width,360px) - var(--control-gap)*2),calc(100vw - 84px - var(--control-gap)*2))!important;
    max-width:calc(100vw - 84px - var(--control-gap)*2)!important;
  }
  .evdar-5 .evdar-primary-chrome>.sidebar-section-nav{width:100%!important;min-width:0!important}
  .evdar-5 .evdar-primary-chrome>.sidebar-section-nav button{min-width:0!important;padding-inline:4px!important;font-size:clamp(10px,calc(var(--sidebar-font,16px)*.72),14px)!important}
}

/* Tracker: deliberate breaks in the slider field without turning the panel into a rainbow. */
.app[data-workspace="tracking"] aside .tracking-tools{
  --sidebar-neon:var(--radioactive-magenta)!important;
  --sidebar-neon-border:#ff55bd78!important;
}
.app[data-workspace="tracking"] aside .tracking-tools>strong{
  margin:8px 0 2px!important;
  padding:9px 10px!important;
  border-block:1px solid #ff55bd65!important;
  background:linear-gradient(90deg,#ff55bd18,transparent 76%)!important;
  color:var(--radioactive-magenta)!important;
}
.app[data-workspace="tracking"] aside .tracking-detail:nth-of-type(3n+1){--sidebar-neon:var(--radioactive-cyan)!important;--sidebar-neon-border:#61eaff70!important}
.app[data-workspace="tracking"] aside .tracking-detail:nth-of-type(3n+2){--sidebar-neon:var(--radioactive-green)!important;--sidebar-neon-border:#8cff5470!important}
.app[data-workspace="tracking"] aside .tracking-detail:nth-of-type(3n){--sidebar-neon:var(--radioactive-amber)!important;--sidebar-neon-border:#ffd45c70!important}
.app[data-workspace="tracking"] aside .tracking-range input[type="range"]{accent-color:var(--sidebar-neon,var(--radioactive-magenta))!important}
.app[data-workspace="tracking"] aside .tracking-range .gate-head b{border-color:var(--sidebar-neon-border)!important;color:var(--sidebar-neon)!important;text-shadow:0 0 8px color-mix(in srgb,var(--sidebar-neon) 60%,transparent)!important}

/* A narrow desktop window is still a desktop: keep tools compact and dock-anchored. */
@media (pointer:fine){
  .evdar-5 .map-tools[open]{
    position:absolute!important;
    inset:auto 72px 70px auto!important;
    width:min(360px,calc(100% - 92px))!important;
    max-height:calc(100% - 88px)!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    border-radius:14px!important;
  }
  .evdar-5 .map-tools[open] .map-tools-body{padding:0 12px 12px!important}
  .evdar-5 .map-tools-section{padding:11px!important}
  .evdar-5 .map-tools-section span{font-size:11px!important}
  .evdar-5 .map-actions-primary .map-tools-action-grid button{min-height:46px!important;font-size:12px!important}
  .evdar-5 .evdar-layers-drawer{
    position:absolute!important;
    inset:auto 72px 70px auto!important;
    width:228px!important;
    max-width:calc(100% - 92px)!important;
    max-height:calc(100% - 88px)!important;
    overflow:auto!important;
    border-radius:14px!important;
  }
  .evdar-5 .evdar-layers-drawer label{min-height:40px!important}
}

/* Touch devices keep the roomy drawer treatment and safe dock clearance. */
@media (max-width:720px) and (pointer:coarse){
  .evdar-5 .map-tools[open]{
    inset:calc(var(--evdar-safe-top) + 54px) 10px 68px!important;
    width:auto!important;
    max-height:none!important;
  }
  .evdar-5 .evdar-layers-drawer{
    right:8px!important;
    bottom:calc(env(safe-area-inset-bottom) + 68px)!important;
    width:min(230px,calc(100vw - 16px))!important;
  }
}

/* Frosted islands: leave the map visible through gutters and only frost the
   controls that carry information. The existing frost setting drives every
   island through the shared surface, color, opacity, and blur variables. */
.evdar-5 .settings-page,
.evdar-5 .settings-shell,
.evdar-5 .settings-workspace,
.evdar-5 .settings-category-content,
.evdar-5 .map-tools,
.evdar-5 #app>aside,
.evdar-5 .evdar-layers-drawer,
.evdar-5 .forecast-drawer,
.evdar-5 .evdar-warning-drawer{
  background:transparent!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  box-shadow:none!important;
}
.evdar-5 .settings-page{isolation:isolate}
.evdar-5 .settings-shell{border-color:transparent!important}
.evdar-5 .settings-shell>.settings-head,
.evdar-5 .settings-category-nav,
.evdar-5 .settings-panel>.settings-group,
.evdar-5 .map-tools-section,
.evdar-5 .map-tool-status,
.evdar-5 .map-tools button,
.evdar-5 #app>aside .sidebar-section-nav,
.evdar-5 #app>aside .card,
.evdar-5 #app>aside .tracked-panel,
.evdar-5 #app>aside .radar-controls-panel,
.evdar-5 #app>aside .tracking-tools,
.evdar-5 #app>aside .sidebar-tools,
.evdar-5 .evdar-layers-drawer>strong,
.evdar-5 .evdar-layers-drawer>label,
.evdar-5 .forecast-drawer>header,
.evdar-5 .forecast-periods>article,
.evdar-5 .evdar-warning-drawer .warning-head,
.evdar-5 .evdar-warning-drawer .warning-master,
.evdar-5 .evdar-warning-drawer .warning-group{
  background:var(--panel-frost-surface)!important;
  backdrop-filter:blur(var(--panel-frost-blur)) saturate(.88)!important;
  -webkit-backdrop-filter:blur(var(--panel-frost-blur)) saturate(.88)!important;
}
.evdar-5 .map-tools button,
.evdar-5 #app>aside .sidebar-tools,
.evdar-5 #app>aside .tracking-tools{
  background:var(--panel-frost-surface-inner)!important;
}
.evdar-5 .map-tools[open]{border-color:transparent!important}
.evdar-5 .map-tools-body{background:transparent!important}
.evdar-5 .map-tool-status{padding:8px 10px!important;border:1px solid #70797e66!important;border-radius:8px!important}
.evdar-5 .evdar-layers-drawer>strong,
.evdar-5 .evdar-layers-drawer>label,
.evdar-5 .forecast-drawer>header{
  padding-inline:10px!important;
  border-radius:8px!important;
}
.evdar-5 .evdar-layers-drawer>label{margin-top:5px!important;padding-block:2px!important}
.evdar-5 .evdar-warning-drawer .warning-head,
.evdar-5 .evdar-warning-drawer .warning-master,
.evdar-5 .evdar-warning-drawer .warning-group{border-radius:9px!important}

/* A quieter shared glass behind the islands keeps the gutters legible. */
.evdar-5 .settings-shell,
.evdar-5 .map-tools,
.evdar-5 #app>aside,
.evdar-5 .evdar-layers-drawer,
.evdar-5 .forecast-drawer,
.evdar-5 .evdar-warning-drawer{
  background:var(--panel-frost-gap-surface)!important;
  backdrop-filter:blur(var(--panel-frost-blur)) saturate(.88)!important;
  -webkit-backdrop-filter:blur(var(--panel-frost-blur)) saturate(.88)!important;
}
.evdar-5 .settings-category-nav{background:var(--panel-frost-gap-surface)!important}
.evdar-5 .settings-shell>.settings-head,
.evdar-5 .settings-panel>.settings-group,
.evdar-5 .map-tools-section,
.evdar-5 .map-tool-status,
.evdar-5 #app>aside .card,
.evdar-5 #app>aside .tracked-panel,
.evdar-5 #app>aside .radar-controls-panel,
.evdar-5 .evdar-layers-drawer>label,
.evdar-5 .forecast-periods>article,
.evdar-5 .evdar-warning-drawer .warning-head,
.evdar-5 .evdar-warning-drawer .warning-master,
.evdar-5 .evdar-warning-drawer .warning-group{
  color:var(--panel-frost-ink)!important;
}
.evdar-5 .settings-page{--ink:var(--panel-frost-ink);--muted:var(--panel-frost-muted)}
.evdar-5 .settings-panel>.settings-group h2,
.evdar-5 .settings-panel>.settings-group p,
.evdar-5 .settings-category-tab:not([aria-selected="true"]),
.evdar-5 .map-tools-section .map-tools-group-title,
.evdar-5 .map-tools-section span,
.evdar-5 .map-tool-status,
.evdar-5 .evdar-layers-drawer>label,
.evdar-5 .evdar-layers-drawer small,
.evdar-5 .evdar-layers-drawer em,
.evdar-5 .forecast-periods>article,
.evdar-5 .evdar-warning-drawer .warning-head,
.evdar-5 .evdar-warning-drawer .warning-master,
.evdar-5 .evdar-warning-drawer .warning-group{
  color:var(--panel-frost-ink)!important;
}
.evdar-5 .settings-panel>.settings-group p,
.evdar-5 .map-tools-section span,
.evdar-5 .evdar-layers-drawer small,
.evdar-5 .evdar-layers-drawer em{color:var(--panel-frost-muted)!important}
.evdar-5 .map-tools button:not(.active):not([aria-pressed="true"]),
.evdar-5 .settings-page select,
.evdar-5 #app>aside select{color:var(--panel-frost-ink)!important}
.evdar-5 .settings-page .settings-group label,
.evdar-5 .settings-page .settings-group small,
.evdar-5 .settings-page .settings-group output,
.evdar-5 .settings-page .settings-group .settings-design-control span,
.evdar-5 .settings-page .settings-group button,
.evdar-5 .settings-page .settings-version{color:var(--panel-frost-ink)!important}
.evdar-5 .settings-page .settings-group button{background-color:var(--panel-frost-surface-inner)!important}
html[data-panel-frost-tone="light"] .evdar-5 .settings-page .settings-group :is(b,summary,a),
html[data-panel-frost-tone="light"] .evdar-5 .settings-version b,
html[data-panel-frost-tone="light"] .evdar-5 :is(.map-tools,.evdar-layers-drawer,.forecast-drawer,.evdar-warning-drawer,#app>aside) :is(p,span,small,b,strong,label,summary){
  color:var(--panel-frost-ink)!important;
  text-shadow:none!important;
}
html[data-panel-frost-tone="light"] .evdar-5 .settings-head h1,
html[data-panel-frost-tone="light"] .evdar-5 .settings-category-tab[aria-selected="true"]{color:#075364!important;text-shadow:none!important}
