/* White frosted controls. Action height is shared; content rows keep their geometry. */
body.authed {
  --frost-action-height: 32px;
  --frost-action-ink: #626971;
  --frost-action-line: #d9dfe4;
  --frost-action-surface: linear-gradient(135deg, #ffffffed, #f3f6f9b8);
  --frost-action-shadow: inset 0 1px 0 #fff, inset 0 -1px 0 #ffffffb8, 0 2px 5px #52627510;
}

/* Match the approved company schedule surface without altering its title color. */
body.authed .cl-grid > .cl-personal {
  background: radial-gradient(ellipse at 0 5%, #e5eff47d, transparent 63%), radial-gradient(ellipse at 100% 100%, #eae6f270, transparent 65%), linear-gradient(120deg, #ffffffdf, #f5f8fa9c);
  border: 1px solid #fff;
  border-radius: 18px;
  box-shadow: inset 1px 2px 1px #fff, 0 0 0 1px #dce3e988, 0 9px 20px #61758b14;
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}

body.authed .cl-personal .private-month-calendar {
  background: linear-gradient(120deg, #ffffff88, #ffffff38);
  border: 1px solid #ffffffdf;
  border-radius: 13px;
  box-shadow: inset 0 1px #fff, 0 3px 9px #687d9310;
}

body.authed .cl-personal .private-month-calendar::before,
body.authed .cl-personal .private-month-calendar::after { content: none; }

body.authed .cl-personal .cl-day { border-color: #dce4ea85; }
body.authed .cl-personal .cl-day.is-today {
  background: #ffffffba;
  border: 1px solid #d9e2ec;
  box-shadow: inset 0 1px #fff, 0 2px 4px #687d9310;
}
body.authed .cl-personal .cl-mini-date.is-week { background: #eaf0f5a8; }

/* Explicit action selectors intentionally exclude date cells, event/list rows,
   text areas, photo sticker tiles and other editable content surfaces. */
body.authed :is(#view, .private-dialog) :is(.ui-action, .btn, .cl-link, .cl-seg > button, .workspace-privacy, .warehouse-add, .stock-inline-save, .cl-mini-month > span > button, .cl-week-navigation > span > button, .cl-mini-today, .location-button, .weather-retry) {
  --action-h: var(--frost-action-height);
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  height: var(--frost-action-height) !important;
  min-height: var(--frost-action-height) !important;
  max-height: var(--frost-action-height) !important;
  padding: 0 10px !important;
  border: 1px solid var(--frost-action-line) !important;
  border-radius: 8px !important;
  background: var(--frost-action-surface) !important;
  color: var(--frost-action-ink) !important;
  box-shadow: var(--frost-action-shadow) !important;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  text-shadow: none !important;
  line-height: 1.2;
  white-space: nowrap;
  vertical-align: middle;
}

body.authed :is(#view, .private-dialog) :is(.ui-action, .btn, .cl-link, .cl-seg > button, .warehouse-add, .stock-inline-save, .cl-mini-month > span > button, .cl-week-navigation > span > button, .cl-mini-today, .location-button, .weather-retry):not(:disabled):hover {
  background: linear-gradient(135deg, #fff, #f4f7fae8) !important;
  border-color: #bcc7d0 !important;
  color: #4a525c !important;
  box-shadow: inset 0 1px #fff, 0 3px 7px #5262751a !important;
}

body.authed :is(#view, .private-dialog) :is(.ui-action, .btn, .cl-link, .cl-seg > button, .warehouse-add, .stock-inline-save, .cl-mini-today):not(:disabled):active {
  background: linear-gradient(135deg, #edf1f5e8, #fffffff2) !important;
  box-shadow: inset 0 1px 3px #52627520, 0 1px #fff !important;
}

body.authed :is(#view, .private-dialog) :is(.ui-action, .btn, .cl-link, .cl-seg > button, .warehouse-add, .stock-inline-save, .cl-mini-today):focus-visible {
  outline: 2px solid #8b98a6;
  outline-offset: 3px;
}

body.authed :is(#view, .private-dialog) :is(.ui-action, .btn, .cl-link, .cl-seg > button):is([aria-pressed="true"], .primary, .ui-action--primary) {
  background: linear-gradient(135deg, #fff, #e9eef3df) !important;
  border-color: #aebbc8 !important;
  color: #555e68 !important;
  font-weight: 600;
}

body.authed :is(#view, .private-dialog) :is(.ui-action--icon, .warehouse-add, .weather-retry, .cl-mini-month > span > button, .cl-week-navigation > span > button) {
  width: 32px !important;
  min-width: 32px !important;
  flex: 0 0 32px;
  padding: 0 !important;
}

/* Text actions such as Today retain a width appropriate to their label. */
body.authed :is(#view, .private-dialog) :is(.cl-mini-today, .ui-action--icon[data-d="0"]) {
  width: auto !important;
  min-width: 42px !important;
  flex-basis: auto;
  padding-inline: 9px !important;
}

body.authed #view .workspace-privacy { flex: none; font-size: 10px; }
body.authed #view :is(#home-album, #home-album-2) .workspace-privacy {
  width: 32px !important;
  min-width: 32px;
  padding: 0 !important;
}
body.authed #view .workspace-privacy svg { width: 12px; height: 12px; flex: none; }

body.authed #view .cl-seg {
  min-height: 32px;
  height: 32px;
  align-items: center;
  gap: 4px;
  border: 0;
  background: none;
  overflow: visible;
}
body.authed #view :is(.cl-week-navigation, .cl-mini-month) > span:last-child {
  display: flex;
  flex: none;
  gap: 4px;
}

/* Location, geolocation and refresh share one 32 px white glass control row. */
body.authed #view .coastal-workspace .window-weather .weather-v4-top {
  min-width: 0;
  align-items: center;
  gap: 4px;
}
body.authed #view .coastal-workspace .window-weather .weather-v4-city {
  box-sizing: border-box;
  height: 32px !important;
  min-height: 32px !important;
  max-height: 32px;
  padding: 0 5px;
  border: 1px solid var(--frost-action-line);
  border-radius: 8px;
  background: var(--frost-action-surface);
  color: var(--frost-action-ink);
  box-shadow: var(--frost-action-shadow);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}
body.authed #view .coastal-workspace .window-weather .weather-v4-city select {
  height: 30px;
  min-height: 30px;
  width: 74px;
  max-width: 100%;
  padding-block: 0;
  background: transparent;
  color: inherit;
  box-sizing: border-box;
}
body.authed #view .coastal-workspace .window-weather .weather-v4-actions {
  align-items: center;
  gap: 4px;
}

@media (max-width: 600px) {
  body.authed #view :is(.private-album-head, .private-schedule-toolbar) { flex-wrap: wrap; gap: 7px; }
  body.authed #view .private-album-actions { flex-wrap: wrap; gap: 5px; }
  body.authed #view .private-month-calendar .cl-mini-month { flex-wrap: wrap; }
  body.authed .private-dialog .photo-editor-footer { flex-wrap: wrap; gap: 8px; }
}

@media (max-width: 380px) {
  body.authed :is(#view, .private-dialog) :is(.ui-action, .btn, .cl-link, .cl-seg > button, .stock-inline-save) { padding-inline: 7px !important; font-size: 10px; }
  body.authed :is(#view, .private-dialog) .ui-action--icon { padding: 0 !important; }
  body.authed #view .coastal-workspace .window-weather .weather-v4-city select { width: 62px; }
}

@media (prefers-reduced-transparency: reduce) {
  body.authed { --frost-action-surface: linear-gradient(135deg, #fff, #f3f6f9); }
}

/* The weather view remains visible through its glass controls. */
body.authed #view .coastal-workspace .window-weather{--frost-action-surface:linear-gradient(135deg,#ffffff32,#e9f3ff19);--frost-action-ink:#fff;--frost-action-line:#ffffff65;--frost-action-shadow:inset 0 1px #ffffff45,0 2px 5px #1a2f4824}
body.authed #view .coastal-workspace .window-weather :is(.ui-action,.weather-v4-city){backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
body.authed #view .coastal-workspace .window-weather .ui-action:hover{background:#ffffff40!important;color:#fff!important}

/* Compact transparent weather controls: left tools, lower-right temperature. */
body.authed #view .coastal-workspace .window-weather{--frost-action-surface:linear-gradient(135deg,#ffffff18,#e9f3ff0a);--frost-action-line:#ffffff45;--frost-action-shadow:inset 0 1px #ffffff28,0 1px 3px #142f4214}
body.authed #view .coastal-workspace .window-weather .weather-v4-top{justify-content:flex-start;gap:3px}
body.authed #view .coastal-workspace .window-weather :is(.ui-action,.weather-v4-city){height:26px!important;min-height:26px!important;max-height:26px;border-radius:7px;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);font-size:10px}
body.authed #view .coastal-workspace .window-weather .ui-action{padding:0 6px!important}
body.authed #view .coastal-workspace .window-weather .ui-action--icon{width:26px!important;padding:0!important}
body.authed #view .coastal-workspace .window-weather .ui-action svg{width:12px;height:12px}
body.authed #view .coastal-workspace .window-weather .weather-v4-city{padding:0 3px}
body.authed #view .coastal-workspace .window-weather .weather-v4-city select{height:24px;min-height:24px;width:60px;font-size:10px}
body.authed #view .coastal-workspace .window-weather .weather-v4-actions{gap:3px}
body.authed #view .coastal-workspace .window-weather .weather-v4-main{padding-bottom:0;transform:translateY(5px)}
body.authed #view .coastal-workspace .window-weather .weather-v4-reading{box-sizing:border-box;height:36px;padding:4px 7px;border:1px solid #ffffff40;border-radius:7px;background:linear-gradient(120deg,#ffffff14,#ffffff05);box-shadow:inset 0 1px #ffffff20;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}
body.authed #view .coastal-workspace .window-weather .weather-v4-temperature{font-size:22.4px;line-height:26px}
body.authed #view .coastal-workspace .window-weather .weather-v4-temperature small{font-size:12px;line-height:1;margin-left:2px}