.sv-field-tabs{display:flex;gap:.45rem;overflow-x:auto;padding-bottom:.15rem}\n.sv-field-tabs a{white-space:nowrap;text-decoration:none;border:1px solid var(--bs-border-color);border-radius:999px;padding:.35rem .8rem;color:var(--bs-secondary-color)}\n.sv-field-tabs a.active{background:var(--bs-primary);border-color:var(--bs-primary);color:#fff}\n.sv-field-page{display:grid;gap:1rem}
.sv-field-head{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}
.sv-field-head h1{margin:.1rem 0 .35rem}
.sv-field-head p{max-width:820px;color:var(--bs-secondary-color);margin:0}
.sv-field-location-grid{display:grid;grid-template-columns:1fr 1fr minmax(110px,.55fr) auto;gap:.7rem;align-items:end}
.sv-field-location-actions{display:flex;gap:.45rem;flex-wrap:wrap}
.sv-field-layout{display:grid;grid-template-columns:minmax(250px,330px) minmax(0,1fr);gap:1rem;align-items:start}
.sv-field-sidebar{display:grid;gap:1rem;min-width:0}
.sv-field-map-shell{position:relative;min-width:0}
.sv-field-map{height:min(72vh,760px);min-height:520px;border-radius:14px;overflow:hidden;border:1px solid var(--bs-border-color)}
.sv-field-map-status{position:absolute;z-index:3;left:.75rem;bottom:.75rem;max-width:calc(100% - 1.5rem);background:rgba(12,17,24,.9);color:#eef2f7;padding:.4rem .6rem;border-radius:8px;font-size:.78rem;border:1px solid rgba(255,255,255,.15)}
.sv-field-layer-list{display:grid;gap:.25rem}
.sv-field-layer{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:.6rem;align-items:start;padding:.45rem .15rem;border-bottom:1px solid rgba(127,127,127,.12);cursor:pointer}
.sv-field-layer span{display:grid;gap:.1rem}
.sv-field-layer small{color:var(--bs-secondary-color);font-size:.75rem;line-height:1.25}
.sv-field-layer b{font-size:.78rem;font-variant-numeric:tabular-nums}
.sv-field-own-marker{width:20px;height:20px;border:3px solid #111827;border-radius:50%;background:#fff;box-shadow:0 0 0 4px rgba(59,130,246,.4)}
.sv-field-selection-title{display:grid;gap:.15rem;margin-bottom:.55rem}
.sv-field-selection-title small{color:var(--bs-secondary-color)}
.sv-field-kv{display:grid;grid-template-columns:minmax(105px,.7fr) minmax(0,1.3fr);gap:.6rem;padding:.3rem 0;border-bottom:1px solid rgba(127,127,127,.12);overflow-wrap:anywhere}
.sv-field-kv span{color:var(--bs-secondary-color)}
.sv-field-kv strong{font-weight:600}
.sv-field-thumb{display:block;width:100%;max-height:190px;object-fit:cover;border-radius:9px;margin-bottom:.65rem;background:rgba(127,127,127,.12)}
@media(max-width:900px){
  .sv-field-location-grid{grid-template-columns:1fr 1fr}
  .sv-field-location-actions{grid-column:1/-1}
  .sv-field-layout{grid-template-columns:1fr}
  .sv-field-map-shell{order:-1}
  .sv-field-map{height:60vh;min-height:430px}
}
@media(max-width:520px){
  .sv-field-head{display:block}
  .sv-field-auth{margin-top:.7rem}
  .sv-field-location-grid{grid-template-columns:1fr}
  .sv-field-location-actions{grid-column:auto}
  .sv-field-location-actions .btn{flex:1 1 100%}
  .sv-field-map{height:56vh;min-height:390px}
  .sv-field-kv{grid-template-columns:1fr}
}

.sv-field-layer-heading{margin-top:.65rem;padding:.35rem .15rem .2rem;font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--bs-secondary-color)}
.sv-field-opacity-row{display:grid;gap:.45rem;margin-top:.65rem;padding-top:.6rem;border-top:1px solid rgba(127,127,127,.12)}
.sv-field-opacity-row label{display:grid;grid-template-columns:1fr minmax(90px,1fr);gap:.7rem;align-items:center;font-size:.75rem;color:var(--bs-secondary-color)}
.sv-field-opacity-row input[type="range"]{width:100%}
.sv-field-raw{padding:.55rem;border-radius:8px;background:rgba(127,127,127,.1);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.78rem;overflow-wrap:anywhere}

/* Keep long station reports and other popups inside the visible Field Map. */
.sv-field-map .maplibregl-popup{max-width:calc(100% - 24px)!important}
.sv-field-map .maplibregl-popup-content{
  max-height:min(420px, calc(56vh - 64px));
  overflow-y:auto;
  overscroll-behavior:contain;
  scrollbar-width:thin;
}
/* Shared Field Map popup surface for artifacts, stations, FCC, geology and radar. */
.sv-field-map .maplibregl-popup.sv-field-popup{z-index:8}
.sv-field-map .maplibregl-popup.sv-field-popup .maplibregl-popup-content{
  min-width:0;
  max-width:320px;
  padding:13px 15px;
  border:1px solid #41536a;
  border-radius:10px;
  background:#17212d;
  color:#f1f5f9;
  box-shadow:0 12px 35px rgba(0,0,0,.38);
}
.sv-field-map .maplibregl-popup.sv-field-popup .maplibregl-popup-close-button{
  top:5px;right:5px;width:26px;height:26px;
  border-radius:6px;background:rgba(0,0,0,.24);
  color:#e2e8f0;font-size:18px;line-height:24px;
}
.sv-field-map .maplibregl-popup.sv-field-popup .maplibregl-popup-close-button:hover{background:rgba(255,255,255,.12)}
.sv-field-map .maplibregl-popup.sv-field-popup .maplibregl-popup-tip{border-top-color:#17212d}
.sv-field-map .maplibregl-popup.sv-field-popup .btn-primary{
  background:#20563f;border-color:#76bf9b;color:#f1f5f9;
}
.sv-field-map .maplibregl-popup.sv-field-popup .btn-primary:hover{background:#2b7354}
.sv-field-map .maplibregl-popup.sv-field-popup .sv-field-popup-title{
  font-size:1rem;font-weight:750;margin-right:28px;color:#fff;
}
.sv-field-popup-title{font-weight:700;line-height:1.25;overflow-wrap:anywhere}
.sv-field-popup-meta{margin-top:.25rem;color:#cbd5e1;font-size:.76rem;line-height:1.3;overflow-wrap:anywhere}
.sv-field-popup-distance{margin-top:.35rem;color:#94a3b8;font-size:.74rem}


.sv-field-time-slider-wrap{position:relative;padding-bottom:12px}
.sv-field-time-imagery{position:absolute;left:0;right:0;bottom:0;height:8px;pointer-events:none}
.sv-field-time-imagery::before,.sv-field-time-imagery::after{content:"";position:absolute;left:0;right:0;height:3px;border-radius:999px;opacity:.9}
.sv-field-time-imagery::before{top:0;background:#38bdf8}
.sv-field-time-imagery::after{bottom:0;background:repeating-linear-gradient(90deg,#f8fafc 0 2px,transparent 2px 12px)}
.sv-field-time-radar-cursor{position:absolute;top:-3px;width:2px;height:14px;background:#38bdf8;box-shadow:0 0 0 1px rgba(15,23,42,.7);transform:translateX(-1px);border-radius:2px}
.sv-field-time-radar-scan{position:absolute;top:-1px;width:2px;height:7px;background:#0ea5e9;transform:translateX(-1px);border-radius:2px;opacity:.95}
.sv-field-time-legend{display:flex;flex-wrap:wrap;gap:.5rem 1rem;align-items:center}
.sv-field-time-legend span{display:inline-flex;align-items:center;gap:.35rem}
.sv-field-time-mark{display:inline-block;width:14px;height:3px;border-radius:999px}
.sv-field-time-mark-radar{background:#38bdf8}
.sv-field-time-mark-satellite{background:#f8fafc;border:1px solid #64748b;height:4px}

/* Compact, map-only timeline. Dates are formatted by the visitor's browser. */
.sv-field-timebar{display:flex;align-items:center;flex-wrap:wrap;gap:.35rem .55rem;padding:.45rem .6rem;margin-bottom:.4rem;border:1px solid var(--bs-border-color);border-radius:9px;background:var(--bs-body-bg)}
.sv-field-compact-slider{flex:1 1 150px;min-width:90px;width:auto;margin:0}
.sv-field-local-datetime{font-size:.79rem;font-variant-numeric:tabular-nums;white-space:nowrap}
.sv-field-timebar .sv-field-time-imagery{display:none}
.sv-field-time-status{flex:1 0 100%;font-size:.7rem;line-height:1.2;overflow-wrap:anywhere}
@media(max-width:520px){.sv-field-timebar{gap:.3rem;padding:.35rem}.sv-field-local-datetime{flex:1 0 100%;order:-1}.sv-field-time-status{font-size:.68rem}}

.sv-field-range{width:auto;min-width:112px;max-width:155px}
.sv-field-loop-label{display:inline-flex;align-items:center;gap:.3rem;white-space:nowrap;font-size:.8rem;margin:0}
.sv-field-loop-label input{margin:0}
@media(max-width:520px){.sv-field-range{flex:1 1 125px;max-width:none}.sv-field-loop-label{min-height:32px}}

/* Field layer color key — matches the point palette in field.js. */
.sv-field-layer-title{display:inline-flex;align-items:center;gap:.45rem;min-width:0}
.sv-field-layer-swatch{display:inline-block;flex:0 0 auto;width:.68rem;height:.68rem;border-radius:50%;background:var(--field-swatch-color,#94a3b8);border:1px solid rgba(10,18,29,.9);box-shadow:0 0 0 1px rgba(255,255,255,.28)}
.sv-field-layer-swatch-overlay{border-radius:3px;opacity:.78}


.sv-field-layer-group{
  border:1px solid var(--sv-border,rgba(127,127,127,.25));
  border-radius:.55rem;
  overflow:hidden;
}
.sv-field-layer-group + .sv-field-layer-group{margin-top:.45rem}
.sv-field-layer-group>summary{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:.5rem;
  padding:.55rem .65rem;
  cursor:pointer;
  font-weight:700;
  list-style:none;
  user-select:none;
}
.sv-field-layer-group>summary::-webkit-details-marker{display:none}
.sv-field-layer-group>summary::before{content:'›';transition:transform .12s ease}
.sv-field-layer-group[open]>summary::before{transform:rotate(90deg)}
.sv-field-layer-group>summary span{flex:1}
.sv-field-layer-group>summary small{font-weight:500;opacity:.65}
.sv-field-layer-group-body{
  padding:.15rem .55rem .6rem;
  border-top:1px solid var(--sv-border,rgba(127,127,127,.2));
}

/* Compact hierarchical radar product picker and unmistakable map progress. */
.sv-field-radar-picker{padding:.7rem;border:1px solid var(--bs-border-color);border-radius:.65rem;background:rgba(100,116,139,.07)}
.sv-field-radar-picker-heading{font-weight:700;margin-bottom:.5rem;font-size:.86rem}
.sv-field-radar-picker [hidden]{display:none!important}
.sv-field-radar-loading:not([hidden]){position:absolute;z-index:10;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.85rem;text-align:center;background:rgba(10,17,26,.74);color:#fff;pointer-events:auto;border-radius:14px;padding:1.5rem}
.sv-field-radar-loading[hidden]{display:none!important}
.sv-field-radar-loading strong{font-size:1.15rem}
.sv-field-radar-loading small{max-width:280px}

/* METAR popup: compact ForeFlight-style report without leaving the map. */
.sv-metar-popup{color:#182536;min-width:235px;font-size:.88rem}
.sv-metar-popup h3{font-size:1.05rem;font-weight:750;margin:0 0 .3rem}
.sv-metar-popup h3 small{font-size:.7rem;font-weight:600;color:#64748b}
.sv-metar-popup p{margin:.25rem 0 .65rem}
.sv-metar-popup dl{margin:0 0 .7rem;display:grid;grid-template-columns:1fr 1fr;gap:.55rem .8rem}
.sv-metar-popup dl div{min-width:0}
.sv-metar-popup dt{font-size:.7rem;color:#64748b}
.sv-metar-popup dd{margin:0;font-weight:700}
.sv-metar-popup-raw{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.7rem;overflow-wrap:anywhere;background:#eef2f6;padding:.55rem;border-radius:.35rem}
.sv-metar-popup .btn{white-space:normal;text-align:center}

/* METAR content retains its two-column report layout inside the shared popup. */
.maplibregl-popup .sv-metar-popup{color:#f1f5f9;min-width:0;width:min(280px,72vw);line-height:1.4}
.maplibregl-popup .sv-metar-popup h3{color:#fff;margin:0 24px 5px 0}
.maplibregl-popup .sv-metar-popup h3 small{color:#8fcbb6}
.maplibregl-popup .sv-metar-popup dt{color:#a8b9cb}
.maplibregl-popup .sv-metar-popup dd{color:#fff}
.maplibregl-popup .sv-metar-popup-raw{background:#263648;color:#dce6f0;margin:8px 0 12px}
.maplibregl-popup .sv-metar-popup .btn{display:block;width:100%}

/* Level III only: radar sample tool. */
.sv-level3-probe-popup{min-width:215px;line-height:1.55;color:#f1f5f9}
.sv-level3-swatch{display:inline-block;width:18px;height:18px;border:1px solid #536273;border-radius:3px;vertical-align:middle;margin:0 .3rem}
#sv-field-level3-probe[aria-pressed="true"]{font-weight:700}
#sv-field-level3-probe-controls[hidden]{display:none!important}

/* Level II data inspector: numerical sample from the selected scan. */
.sv-level2-probe{color:#17212d;font-size:.84rem;line-height:1.5;min-width:210px}
.sv-level2-probe strong{display:block;font-size:.96rem;margin-bottom:.35rem}
.sv-level2-probe-reading{font-size:1.5rem;font-weight:800;line-height:1.25;margin:.35rem 0 .6rem}
.sv-level2-probe small{display:block;color:#5b6877;margin-top:.55rem;font-size:.73rem}


/* Composable Field basemap stack, bottom to top. */
.sv-field-basemap{padding:.7rem;border:1px solid var(--bs-border-color);border-radius:.65rem;background:rgba(100,116,139,.07)}
.sv-basemap-slot{border:1px solid var(--bs-border-color);border-radius:.5rem;padding:.55rem;margin-top:.5rem}
.sv-basemap-slot-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:.35rem;font-size:.8rem}
.sv-basemap-slot-heading button{background:transparent;color:inherit;border:1px solid var(--bs-border-color);border-radius:.3rem;min-width:30px;min-height:30px;margin-left:.25rem}
.sv-basemap-slot-heading button:disabled{opacity:.3}
.sv-basemap-slot-settings{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.5rem;font-size:.75rem}
.sv-basemap-slot-settings>label{display:flex;align-items:center;gap:.35rem;margin:0}
.sv-basemap-opacity{flex:1 1 150px;min-width:0}
.sv-basemap-opacity input{flex:1;min-width:55px;max-width:125px;accent-color:var(--bs-primary)}
.sv-basemap-opacity output{min-width:32px;text-align:right;font-variant-numeric:tabular-nums}
@media(max-width:575px){.sv-field-basemap{padding:.55rem}.sv-basemap-slot{padding:.5rem}.sv-basemap-opacity input{max-width:none}}

/* Derived 18 dBZ echo-top color legend; exactly matches the renderer palette. */
.sv-echo-top-legend{background:rgba(10,18,28,.7);border:1px solid #354758;border-radius:7px;padding:9px;color:#dce7f2}
.sv-echo-top-legend[hidden]{display:none!important}
.sv-echo-top-legend strong{display:block;font-size:.75rem;margin-bottom:6px}
.sv-echo-top-swatches{display:flex;width:100%;height:14px;overflow:hidden;border-radius:3px}
.sv-echo-top-swatches i{flex:1;display:block}
.sv-echo-top-legend-labels{display:flex;justify-content:space-between;gap:2px;font-size:.64rem;margin-top:4px}
.sv-echo-top-legend small{display:block;font-size:.67rem;line-height:1.35;margin-top:7px;color:#a5b7c9}

/* Basemap panel shares the Field overlay group's native disclosure styling. */
.sv-field-basemap{display:block}
.sv-field-basemap-body{padding:.65rem;border-top:1px solid var(--bs-border-color)}
.sv-field-basemap:not([open]) .sv-field-basemap-body{display:none}


/* Compact location toolbar: retain all controls without a tall mobile form. */
.sv-field-location .card-body{padding:.7rem .85rem}
.sv-field-location-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(105px,.6fr);gap:.45rem .6rem}
.sv-field-location-grid>div{min-width:0}
.sv-field-location .form-label{font-size:.76rem;font-weight:600;margin-bottom:.2rem}
.sv-field-location .form-control,.sv-field-location .form-select{min-height:36px;padding:.3rem .5rem;font-size:.9rem}
.sv-field-location-actions{grid-column:1/-1;display:flex;gap:.4rem;flex-wrap:wrap}
.sv-field-location-actions .btn{font-size:.8rem;padding:.35rem .65rem;min-height:36px;flex:1 1 auto}
#sv-field-location-status,#sv-field-share-status{font-size:.75rem;line-height:1.3}
#sv-field-live-gps{font-size:.8rem;padding:.3rem .65rem;min-height:34px}
@media(max-width:575px){
  .sv-field-location .card-body{padding:.55rem .65rem}
  .sv-field-location-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.4rem}
  .sv-field-location-grid>div:nth-child(3){grid-column:1/-1}
  .sv-field-location-actions{display:grid;grid-template-columns:1fr 1fr;gap:.35rem}
  .sv-field-location-actions .btn{width:100%;min-width:0;white-space:normal;font-size:.75rem;padding:.3rem .35rem}
  .sv-field-location-actions .btn:first-child{grid-column:1/-1}
  #sv-field-live-gps{width:auto}
}


/* Keep coordinate editing opt-in; radius and map controls remain visible. */
.sv-field-coordinate-editor[hidden]{display:none!important}
.sv-field-coordinate-editor{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr)) auto;gap:.5rem;align-items:end}
.sv-field-coordinate-editor>.btn{min-height:36px;white-space:nowrap}
.sv-field-location-grid>#sv-field-coordinate-editor+div{grid-column:1/-1}
#sv-field-edit-coordinates svg{vertical-align:-.12em}
@media(max-width:575px){
 .sv-field-coordinate-editor{grid-template-columns:repeat(2,minmax(0,1fr))}
 .sv-field-coordinate-editor>.btn{grid-column:1/-1}
 .sv-field-location-grid>#sv-field-coordinate-editor+div{grid-column:1/-1}
}

.sv-field-radius-control{grid-column:1/-1}
.sv-field-radius-stepper{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:.5rem}
.sv-field-radius-stepper output{text-align:center;font-size:.95rem;font-weight:650}
.sv-field-radius-stepper .btn{min-height:38px;padding:.25rem}
.sv-field-location-actions{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.4rem}
.sv-field-location-actions .btn,.sv-field-location-actions .btn:first-child{grid-column:auto;min-width:0;min-height:42px;padding:.3rem;display:flex;align-items:center;justify-content:center;font-size:1.1rem}
#sv-field-live-gps{font-size:1.1rem;min-height:42px}
@media(max-width:575px){.sv-field-location-actions{grid-template-columns:repeat(5,minmax(0,1fr))}.sv-field-location-actions .btn:first-child{grid-column:auto}}

.sv-field-location-actions .btn svg,.sv-field-radius-stepper .btn svg,.sv-field-coordinate-editor .btn svg{display:block;width:20px;height:20px;flex:none}
.sv-field-location-actions .btn{line-height:1}

/* Weather playback is opt-in, leaving the map prominent on mobile. */
#sv-field-timebar[hidden]{display:none!important}
.sv-field-time-toggle{display:flex;align-items:center;justify-content:center;width:42px;height:38px;margin:0 0 .45rem auto}
.sv-field-time-toggle svg{display:block;width:20px;height:20px}


/* Compact category legend overlaid on the Field Map. */
.sv-field-legend{position:absolute;z-index:6;top:10px;left:10px;color:#f1f5f9;font-size:12px}
.sv-field-legend-toggle{border:1px solid #41536a;border-radius:7px;background:#17212d;color:#f1f5f9;padding:6px 10px;font-weight:600}
.sv-field-legend-items{margin-top:5px;background:#17212d;border:1px solid #41536a;border-radius:8px;padding:9px 11px;box-shadow:0 10px 28px #0006;max-width:245px}
.sv-field-legend-items[hidden]{display:none}
.sv-field-legend-items>div{display:flex;align-items:center;gap:8px;margin:5px 0}
.sv-field-legend-items i{width:13px;height:13px;border:1.5px solid #10151d;border-radius:50%;display:inline-block;flex-shrink:0}
.sv-field-legend-items small{display:block;color:#a8b9cb;margin-top:7px}