/* Live station readings take the main position on the desktop. */
.weather-command { display: block; min-height: 0; padding: 22px 24px 50px; }
.weather-command-heading { display: grid; grid-template-columns: minmax(0, 1fr) 220px; gap: 16px; align-items: center; margin-bottom: 22px; }
.weather-command .command-greeting { margin: 14px 0 6px; }
.weather-command h1 { font-size: clamp(24px, 3vw, 36px); letter-spacing: -.04em; line-height: 1.12; }
.weather-command .command-date { margin: 10px 0 14px; }
.weather-command .command-actions .button { padding: 8px 12px; font-size: 16px; }
.weather-command .holo-compact { position: relative; height: 190px; }
.holo-compact .holo-stage { position: absolute; top: -15px; left: 50%; width: 440px; max-width: none; height: 360px; margin-left: -220px; transform: scale(.48); transform-origin: center top; }
.holo-compact .command-clock { position: absolute; bottom: 0; padding: 0; margin: 0; }
.holo-compact .command-clock time { font-size: 16px; }
.holo-compact .holo-connectors { display: none; }
.weather-command .weather-widget { position: relative; z-index: 1; border: 0; background: none; border-radius: 0; margin: 0; overflow: visible; }
.weather-toolbar { display: flex; justify-content: space-between; gap: 12px; align-items: center; margin-bottom: 13px; }
.weather-toolbar > span { color: #b4d4dc; font-size: 16px; }
.weather-toolbar small { display: block; color: #8da8b4; font-size: 16px; margin-top: 4px; }
.weather-command .weather-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); padding: 0; gap: 12px; }
.weather-command .weather-card { padding: 16px; background: linear-gradient(145deg, #15313bcc, #0b141fdd); border: 1px solid #5deaf645; border-top: 2px solid #5deaf6a1; border-radius: 3px; }
.weather-command .weather-card-head { align-items: center; flex-wrap: wrap; gap: 7px; }
.weather-card-head h2 { font: 750 17px var(--font-display); color: #dff5f6; margin: 0; }
.weather-reading-status { color: #8de5dd; font: 16px var(--hud-font); text-transform: uppercase; letter-spacing: .04em; }
.weather-temperature { display: flex; align-items: baseline; gap: 5px; margin-top: 15px; color: var(--accent); }
.weather-temperature strong { font: 650 clamp(34px, 4vw, 52px)/1.1 var(--hud-font); letter-spacing: -.07em; }
.weather-temperature > span { font: 18px var(--hud-font); color: #a3cbd2; }
.weather-command .weather-station { font-size: 16px; color: #c0dde3; margin-top: 9px; }
.weather-measured { margin-top: 4px; font-size: 16px; color: #8da8b4; }
.weather-command .weather-metrics { gap: 12px 8px; margin: 18px 0; }
.weather-reading { display: grid; gap: 3px; min-width: 0; }
.weather-command .weather-reading > span { color: #b4cdd7; font-size: 16px; }
.weather-command .weather-reading b { color: #edf7fa; font: 600 16px var(--hud-font); }
.weather-command .weather-reading small { color: #87a4b1; font-size: 16px; }
.weather-command .is-unavailable, .weather-command .is-unavailable b, .weather-command .is-unavailable small { color: #f1ba7d; }
.weather-command .weather-sun { justify-content: space-between; gap: 8px; color: #b8d9df; }
.weather-command .weather-sun span:last-child { flex: initial; color: inherit; }
.weather-command .weather-card p { color: #8da8b4; font-size: 16px; margin: 12px 0 0; min-height: 0; }
.weather-provenance { margin-top: 14px; color: #95afbd; font-size: 16px; line-height: 1.6; }
.weather-provenance summary { cursor: pointer; color: #adc6d0; }
.weather-provenance a { color: var(--info); }
.weather-command .weather-warning { margin: 12px 0; }
.weather-notice { color: #f1ba7d; font-size: 16px; line-height: 1.5; }
.weather-command .weather-loading, .weather-command .weather-unavailable { min-height: 190px; padding: 20px; border: 1px solid #5deaf630; background: #08172390; }
@media (max-width: 760px) {
  .weather-command { padding: 18px 14px 48px; }
  .weather-command-heading { grid-template-columns: minmax(0, 1fr) 125px; gap: 5px; }
  .weather-command .command-kicker { font-size: 16px; gap: 12px; flex-wrap: wrap; }
  .weather-command .holo-compact { height: 150px; }
  .holo-compact .holo-stage { transform: scale(.34); top: 0; }
  .holo-compact .command-clock time { font-size: 16px; }
  .holo-compact .command-clock span { font-size: 16px; }
  .weather-command .weather-grid { grid-template-columns: 1fr; }
  .weather-command .weather-card { padding: 15px; }
  .weather-temperature strong { font-size: 42px; }
  .weather-command .weather-reading b { font-size: 16px; }
  .weather-command .weather-reading small { font-size: 16px; }
}
@media (max-width: 420px) {
  .weather-command-heading { grid-template-columns: minmax(0, 1fr) 92px; }
  .weather-command .holo-compact { height: 128px; }
  .holo-compact .holo-stage { transform: scale(.26); top: 10px; }
  .weather-command .command-kicker span:last-child { display: none; }
  .weather-command .command-greeting { font-size: 16px; }
  .weather-command h1 { font-size: 23px; }
  .weather-command .command-date { font-size: 16px; }
  .weather-command .command-actions { gap: 6px; }
  .weather-command .command-actions .button { font-size: 16px; }
  .weather-toolbar > span { font-size: 16px; }
  .weather-toolbar small { font-size: 16px; }
}
.weather-settings-locations{display:grid;gap:16px;margin:16px 0}
.weather-settings-location{display:grid;gap:10px;border-bottom:1px solid var(--border);padding-bottom:14px}
.weather-settings-location label{display:grid;gap:6px;font-size:16px}
.weather-settings-location input,.weather-settings-location select{width:100%;min-width:0}