/* ATLAS 9.14.6 · station card (task 29). ATLAS palette only; yr A1 guides layout. */
#inspectContent.has-station-card>.sc-legacy>.inspect-head{display:none}
#inspectContent.has-station-card>.sc-legacy>.station-tabs.station-vi-tabs{margin-top:6px}
.station-card{display:block;color:#e8eef1}
.station-card .sc-head{position:relative;padding-right:96px;margin-bottom:10px}
.station-card .sc-kind{display:block;color:var(--accent,#43d6cf);font-size:10px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}
.station-card .sc-head h2{margin:3px 0 6px;font-size:22px;line-height:1.15}
.station-card .sc-status{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;font-size:12px;color:#b9c6cc}
.station-card .sc-chip{display:inline-flex;align-items:center;gap:5px;height:22px;padding:0 9px;border-radius:999px;font-size:10.5px;font-weight:850;letter-spacing:.06em}
.station-card .sc-chip.live{background:rgba(67,214,140,.16);color:#6ff0a8;border:1px solid rgba(67,214,140,.45)}
.station-card .sc-chip.live::before{content:"";width:7px;height:7px;border-radius:50%;background:#53e391;box-shadow:0 0 0 3px rgba(83,227,145,.18)}
.station-card .sc-chip.stale{background:rgba(255,170,64,.13);color:#ffc370;border:1px solid rgba(255,170,64,.45)}
.station-card .sc-chip.warn{background:rgba(255,100,90,.13);color:#ff9d93;border:1px solid rgba(255,100,90,.45)}
.station-card .sc-actions{position:absolute;top:0;right:48px;display:flex;gap:6px}
.station-card .sc-actions button,.station-card .sc-actions a{min-height:36px;min-width:36px;display:inline-flex;align-items:center;justify-content:center;padding:0 10px;border:1px solid var(--line,#2b3a42);border-radius:10px;background:rgba(120,160,168,.08);color:#e8eef1;font-size:12px;font-weight:800;text-decoration:none}
.station-card .sc-hero{display:grid;grid-template-columns:150px 1fr;gap:12px;align-items:start;margin:4px 0 12px}
.sc-compass{margin:0;text-align:center}
.sc-compass svg{width:140px;height:140px;display:block;margin:0 auto}
.sc-compass .ring{fill:rgba(10,22,28,.6);stroke:#3c4c55;stroke-width:1.2}
.sc-compass line{stroke:#56656e;stroke-width:1}.sc-compass line.major{stroke:#a9b8bf;stroke-width:1.6}
.sc-compass text{font:700 9px system-ui;fill:#c9d4d9;text-anchor:middle}
.sc-compass .hub{fill:#0e1d24;stroke:#2f4049}
.sc-compass .speed{font:850 15px system-ui;fill:#fff;dominant-baseline:middle}
.sc-compass .unit{font:600 8px system-ui;fill:#9fb0b8}
.sc-compass .sc-arrow path{fill:var(--accent,#43d6cf)}.sc-compass .sc-arrow line{stroke:var(--accent,#43d6cf);stroke-width:2.4}.sc-compass .sc-arrow line.tail{stroke-width:1.6;opacity:.55}
.sc-compass figcaption{margin-top:3px;font-size:11.5px;color:#c4d0d6}.sc-compass figcaption b{color:#fff}
.station-card .sc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:6px}
.station-card .sc-grid>div{padding:7px 9px;border:1px solid var(--line,#2b3a42);border-radius:10px;background:rgba(120,160,168,.06);min-width:0}
.station-card .sc-grid small{display:block;color:#93a4ac;font-size:9.5px;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.station-card .sc-grid b{display:block;margin-top:2px;font-size:14.5px;color:#fff;white-space:nowrap}
.station-card .sc-grid em{font-style:normal;font-size:9.5px;color:#8b9ba3}
.station-card .sc-tabs{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding:2px 0 8px;border-bottom:1px solid var(--line,#2b3a42);margin-bottom:10px}
.station-card .sc-tabs::-webkit-scrollbar{display:none}
.station-card .sc-tabs button{flex:none;min-height:38px;padding:0 13px;border:1px solid var(--line,#2b3a42);border-radius:999px;background:transparent;color:#c9d4d9;font-size:12.5px;font-weight:800;white-space:nowrap}
.station-card .sc-tabs button[aria-selected="true"]{background:var(--accent-soft,rgba(67,214,207,.18));border-color:rgba(67,214,207,.6);color:#fff}
.sc-graph-wrap{position:relative}
.sc-graph{display:block;width:100%;height:auto;user-select:none;cursor:crosshair;overflow:visible}
.sc-graph .grid{stroke:#25343c;stroke-width:1}.sc-graph .vgrid{stroke:#1c2a31;stroke-width:1}.sc-graph .zero{stroke:#6c7c84;stroke-dasharray:3 3}
.sc-graph .day{stroke:#53636b;stroke-width:1}
.sc-graph text{font:600 9.5px system-ui;fill:#91a2aa}
.sc-graph .ylab{text-anchor:end}.sc-graph .ylab.right{text-anchor:start}.sc-graph .ylab.right.bar{text-anchor:end;fill:#6fa3ff}
.sc-graph .xlab{text-anchor:middle}.sc-graph .daylab{font-weight:800;fill:#dce5e9;font-size:10.5px}
.sc-graph .unitlab{text-anchor:end;font-weight:800;fill:#c3cfd5}.sc-graph .unitlab.right{text-anchor:start}
.sc-graph .ln{fill:none;stroke-width:2.2;stroke-linejoin:round;stroke-linecap:round}.sc-graph .ln.thin{stroke-width:1.4}
.sc-graph .ln.fc{stroke-dasharray:5 4;opacity:.9}
.sc-graph .bar.obs{fill:#3f8cff}.sc-graph .bar.fc{fill:rgba(63,140,255,.35);stroke:#3f8cff;stroke-dasharray:2 2;stroke-width:.8}
.sc-graph .dirarrow path{fill:#b18cff}.sc-graph .dirarrow.fc path{fill:none;stroke:#b18cff;stroke-width:1}
.sc-graph .nowline{stroke:#e9f27a;stroke-width:1.4;stroke-dasharray:4 3}.sc-graph .nowlab{fill:#e9f27a;font-weight:850;font-size:9px}
.sc-graph .cursor{stroke:#fff;stroke-width:1.2;opacity:.85}
.sc-readout{position:static;display:block;min-height:34px;margin:0 0 4px;max-width:100%;padding:4px 8px;border-radius:8px;background:rgba(6,14,18,.92);border:1px solid #33444c;font-size:11px;color:#dfe8ec;pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sc-readout time{display:block;font-weight:800;color:#fff}.sc-readout em{font-style:normal;font-size:9px;color:#9fb0b8}
.station-card .sc-legend{display:flex;flex-wrap:wrap;gap:6px 12px;margin-top:6px;font-size:11px;color:#c3cfd5}
.station-card .sc-legend span{display:inline-flex;align-items:center;gap:5px}.station-card .sc-legend i{display:inline-block;width:14px;height:3px;border-radius:2px}
.station-card .sc-legend .kind{font-weight:850;font-size:10px;letter-spacing:.05em}
.station-card .sc-legend i.solid{background:#dfe8ec}.station-card .sc-legend i.dash{background:repeating-linear-gradient(90deg,#dfe8ec 0 4px,transparent 4px 7px)}
.station-card .sc-legend i.barsw{width:8px;height:10px;background:#3f8cff}
.station-card .sc-source,.station-card .sc-note{margin:6px 0 0;color:#93a4ac;font-size:11px;line-height:1.45}.station-card .sc-note{color:#ffc370}
.station-card .sc-empty{color:#93a4ac;font-size:12px}
.station-card .sc-cams{display:flex;gap:8px;overflow-x:auto}.station-card .sc-cams button{flex:0 0 min(62%,220px);padding:0;border:1px solid var(--line,#2b3a42);border-radius:10px;overflow:hidden;background:rgba(120,160,168,.06);text-align:left;color:#e8eef1}
.station-card .sc-cams img{display:block;width:100%;height:96px;object-fit:cover}.station-card .sc-cams span{display:block;padding:6px 8px}.station-card .sc-cams b{display:block;font-size:12px}.station-card .sc-cams small{color:#93a4ac;font-size:10.5px}
@media(max-width:600px){
  .station-card .sc-head{padding-right:44px}
  .station-card .sc-actions{position:static;margin-top:8px}
  .station-card .sc-head h2{font-size:20px}
  .station-card .sc-hero{grid-template-columns:116px 1fr;gap:8px}
  .sc-compass svg{width:112px;height:112px}
  .station-card .sc-grid{grid-template-columns:1fr 1fr;gap:5px}
  .station-card .sc-grid>div{padding:6px 7px}.station-card .sc-grid b{font-size:13.5px}
  .sc-graph text{font-size:10px}
}
.sc-readout[hidden]{display:block!important;visibility:hidden}
/* Desktop: a side panel next to the map controls, never a full-width overlay. */
@media(min-width:601px){
  html body.v9-map-first #inspectSheet.station-card-sheet.station-sheet,html body #inspectSheet.station-card-sheet{left:auto!important;right:66px!important;transform:none!important;width:min(560px,calc(100% - 360px))!important;min-width:420px;top:62px!important;bottom:calc(var(--graph-system-height,116px) + 18px)!important;max-height:none!important;height:auto!important}
}

.sc-hero:not(:has(.sc-compass)){grid-template-columns:1fr}
/* 9.14.6: graph time-window shift (independent of the map) */
#stationCard .sc-graph-nav{display:flex;align-items:center;gap:6px;margin:4px 0 2px;font:600 11px system-ui;color:#a9b8c0}
#stationCard .sc-graph-nav span{flex:1;text-align:center}
#stationCard .sc-graph-nav button{min-width:34px;height:30px;border-radius:8px;border:1px solid #3d4850;background:#1d2328;color:#eef3f5;font-size:16px}
#stationCard .sc-graph-nav button.sc-shift-now{font-size:11px;min-width:0;padding:0 8px}
#stationCard .sc-graph-nav button:disabled{opacity:.35}