/* Approved 2026-11-13: slim white PVC sash controls and 1.2x white 3D temperature. */
/* Match the KCC badge plane, staying above the moving sash and clear of the logo. */
body.authed #view .coastal-workspace.shelf-window-widget .window-weather .weather-window > .weather-v4-top {
  position: absolute; inset: -45.5px 48px auto -17px; display: flex; width: auto; height: 18px; min-height: 18px;
  align-items: center; justify-content: flex-start; gap: 4px; margin: 0 !important; padding: 0; z-index: 8;
}
body.authed #view .coastal-workspace.shelf-window-widget .window-weather .weather-v4-actions { position: static; gap: 4px; }
body.authed #view .coastal-workspace.shelf-window-widget .window-weather :is(.ui-action, .weather-v4-city) {
  --sash-bottom: #e0e3e5;
  box-sizing: border-box; height: 18px !important; min-height: 18px !important; max-height: 18px !important;
  border: 1px solid #bfc5c9 !important; border-top-color: #fff !important; border-radius: 2px !important;
  background: linear-gradient(180deg, #fff 0%, #fff 20%, #f1f2f3 23%, #f6f7f7 73%, var(--sash-bottom) 100%) !important;
  color: #60676e !important; text-shadow: 0 1px #fff; font: 600 10px/12px var(--font);
  box-shadow: inset 1px 1px 0 #fff, inset -1px -1px 0 #cdd1d4, 0 1px 0 #9fa7ad, 0 2px 2px #36465129 !important;
  backdrop-filter: none; -webkit-backdrop-filter: none; padding: 0 5px !important; transition: box-shadow .15s, transform .15s;
}
body.authed #view .coastal-workspace.shelf-window-widget .window-weather .ui-action:not(:disabled):hover { color: #414950 !important; background: linear-gradient(#fff, #f1f3f5) !important; }
body.authed #view .coastal-workspace.shelf-window-widget .window-weather .ui-action:not(:disabled):active {
  transform: translateY(1px); box-shadow: inset 0 1px 3px #7b889329, inset 0 -1px #fff, 0 1px 0 #cbd0d4 !important;
}
body.authed #view .coastal-workspace.shelf-window-widget .window-weather .ui-action:focus-visible,
body.authed #view .coastal-workspace.shelf-window-widget .window-weather .weather-v4-city:focus-within { outline: 2px solid #919eaa; outline-offset: 3px; }
body.authed #view .coastal-workspace.shelf-window-widget .window-weather .ui-action--icon {
  width: 21px !important; min-width: 21px !important; flex-basis: 21px; padding: 0 !important;
}
body.authed #view .coastal-workspace.shelf-window-widget .window-weather .weather-v4-city { display: inline-flex; gap: 2px; padding-inline: 5px !important; }
body.authed #view .coastal-workspace.shelf-window-widget .window-weather .weather-v4-city select {
  appearance: auto; width: 52px; height: 16px; min-height: 16px; max-height: 16px; padding: 0; border: 0;
  color: inherit; font: inherit; line-height: 14px; transform: translateY(-1px); background: transparent; outline: none;
}
body.authed #view .coastal-workspace.shelf-window-widget .window-weather .weather-v4-city option { color: #454e56; background: #fff; }
body.authed #view .coastal-workspace.shelf-window-widget .window-weather .weather-v4-top svg { flex: none; width: 11px; height: 11px; }

/* Background-free embossed numerals, with a small separate unit on the baseline. */
body.authed #view .coastal-workspace.shelf-window-widget .window-weather .weather-v4-main { position: absolute; inset: auto 7px 6px auto; padding: 0; margin: 0; transform: none; z-index: 6; }
body.authed #view .coastal-workspace.shelf-window-widget .window-weather .weather-v4-reading {
  display: flex; align-items: baseline; justify-content: center; width: auto; min-width: 0; height: auto;
  padding: 2px 0; border: 0; border-radius: 0; background: none; box-shadow: none;
  backdrop-filter: none; -webkit-backdrop-filter: none; filter: none;
}
body.authed #view .coastal-workspace.shelf-window-widget .window-weather .weather-v4-temperature,
body.authed #view .coastal-workspace.shelf-window-widget .window-weather .weather-v4-temperature {
  --temperature-face: #fff; --temperature-side: #7b8995; --temperature-light: #fff;
  display: inline-flex; align-items: baseline; gap: 4px; color: var(--temperature-face); font-size: clamp(26.4px, 2.4vw, 31.2px); font-weight: 700;
  line-height: 1; letter-spacing: -.04em; white-space: nowrap;
  -webkit-text-stroke: .35px #6a79888a; paint-order: stroke fill;
  text-shadow: 0 -1px 0 #fff, .5px 1px 0 #c9d2da, 1px 2px 0 #aab7c3, 1.5px 3px 0 #8798a7, 2px 4px 0 #617282, 2.5px 5px 0 #435565, 3px 6px 3px #20344494, 0 1px 6px #172b3c80;
}
body.authed #view .coastal-workspace.shelf-window-widget .window-weather .weather-v4-temperature .temperature-number { font: inherit; line-height: inherit; letter-spacing: inherit; }
body.authed #view .coastal-workspace.shelf-window-widget .window-weather .weather-v4-temperature small,
body.authed #view .coastal-workspace.shelf-window-widget .window-weather .weather-v4-temperature small { color: inherit; font: 600 14.4px/1 var(--font); letter-spacing: 0; margin: 0; vertical-align: baseline; -webkit-text-stroke: .25px #6a79888a; text-shadow: 0 -1px #fff, .5px 1px #aab7c3, 1px 2px #617282, 1.5px 3px 2px #20344494; }

/* A slim rigid PVC profile with the same white finish as the window. */
body.authed #view .coastal-workspace.shelf-window-widget .window-weather :is(.ui-action, .weather-v4-city) {
  border-radius: 1px !important; background: linear-gradient(180deg, #fff, #f7f8f8 48%, #e8ebed) !important;
  box-shadow: inset 0 1px 0 #fff, inset 0 -1px 0 #c8ced2, 0 1px 0 #a1aab1, 0 2px 1px #45536226 !important;
}