/* ============================================================
   SKY MASTER UX V0.20 — 3 LIVE MINI DASHBOARDS
   ============================================================ */

/* V0.20.1 — hierarchy cleanup / compact cards */

/* V0.20.2 — neutral system / linear-inspired */

/* V0.21 — five dashboards / engine states / OP + calendar */

/* V0.21.1 — source logic cleanup */

/* V0.22 — surgical refinement / calendar as temporal selector */

/* V0.22.1 — signal hierarchy / fixed headers / calendar slot cues */

/* V0.22.2 — final calendar hierarchy */

/* V0.22.3 — inline day briefing */

/* V0.22.4 — lunar phases / darker day bar / dual icon alignment */

/* V0.22.5 — final icon pass + single-line day brief */

.selected-day-panel{
  display:block!important;
  margin:8px 10px 10px!important;
  background:transparent!important;
  border:none!important;
}
.selected-day-briefline{
  min-height:42px;
  padding:7px 9px;
  border:1px solid var(--sm-line);
  border-radius:9px;
  background:#090A0B;
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:8px;
}
.selected-day-kicker{
  color:#6B7277;
  font:600 6px/1 var(--mono);
  letter-spacing:.14em;
  white-space:nowrap;
}
.selected-day-briefline p{
  margin:0;
  color:#DDE0E2;
  font-size:8px;
  line-height:1.25;
  min-width:0;
}
.selected-day-go{
  white-space:nowrap;
  padding:7px 10px;
}
.selected-day-panel.is-empty .selected-day-briefline p{
  color:#8B9196;
}
.selected-day-panel.is-empty .selected-day-go{
  opacity:.42;
}
@media(max-width:760px){
  .selected-day-panel{
    margin:8px 9px 10px!important;
  }
  .selected-day-briefline{
    min-height:40px;
    padding:6px 8px;
    gap:7px;
  }
  .selected-day-briefline p{
    font-size:7.5px;
  }
  .selected-day-go{
    padding:6px 9px;
  }
}
@media(max-width:380px){
  .selected-day-briefline{
    grid-template-columns:1fr auto;
    grid-template-areas:
      "kicker button"
      "text text";
    row-gap:6px;
  }
  .selected-day-kicker{grid-area:kicker}
  .selected-day-briefline p{grid-area:text}
  .selected-day-go{grid-area:button}
}

/* Milky Way gets tiny stars so it reads less like a bare stroke */
.cal-object.mw-object .cal-sky-icon{
  width:19px!important;
  height:19px!important;
}

/* Venus becomes a planet icon, not an astronomical symbol */


/* Operational-day bar moves to the penultimate dark Bellatrix range.
   This separates availability from target-intensity blues. */
.cal-day.operational .cal-day-slotbar{
  background:#0E4B67!important;
  box-shadow:0 0 4px rgba(14,75,103,.14)!important;
}

/* New Moon: deliberately visible as a dark disc surrounded by a pale,
   slightly Bellatrix-tinted halo. */
.cal-day-moon.moon-new{
  color:#4B5358!important;
  filter:
    drop-shadow(0 0 2px rgba(255,255,255,.62))
    drop-shadow(0 0 5px rgba(168,210,231,.42))
    drop-shadow(0 0 8px rgba(126,185,218,.18))!important;
}
.cal-day-moon.moon-mid{
  color:#E1E3E4!important;
  filter:none!important;
}
.cal-day-moon.moon-full{
  color:#D8C781!important;
  filter:drop-shadow(0 0 3px rgba(216,199,129,.13))!important;
}

/* MW and main attraction are two parallel, independent blocks.
   They no longer behave like one centered icon group. */
.cal-day-icons{
  width:100%!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  gap:0!important;
  align-items:center!important;
  justify-items:stretch!important;
  padding:5px 2px 0!important;
}
.cal-day-icons > .cal-object,
.cal-day-icons > .cal-attraction{
  width:100%!important;
  min-width:0!important;
  min-height:22px!important;
  display:grid!important;
  place-items:center!important;
}
.cal-day-icons > .cal-object:first-child{
  border-right:1px solid rgba(255,255,255,.035);
}
.cal-day-icons .cal-sky-icon{
  margin:0 auto!important;
}
.cal-day-icons .mw-object .cal-sky-icon{
  justify-self:center!important;
}
.cal-day-icons .cal-attraction .cal-sky-icon{
  justify-self:center!important;
}

@media(max-width:760px){
  .cal-day-icons{
    padding-inline:1px!important;
  }
}

.calendar-toolbar{
  min-height:56px!important;
  padding:8px 10px!important;
}
.calendar-toolbar>div span{
  font-size:6px!important;
  letter-spacing:.12em!important;
}
.calendar-toolbar>div strong{
  font-size:9.5px!important;
  line-height:1!important;
}
.cal-nav{
  width:34px!important;
  height:34px!important;
  font-size:16px!important;
}

#selectedDayPanel{
  display:grid!important;
  grid-template-columns:1.35fr 1fr 1fr;
  gap:1px;
  margin:8px 10px 10px!important;
  background:var(--sm-line);
  border:1px solid var(--sm-line);
  border-radius:10px;
  overflow:hidden;
}
#selectedDayPanel>div{
  min-width:0;
  min-height:48px;
  padding:8px 9px;
  display:grid;
  align-content:start;
  gap:4px;
  background:#090A0B;
}
#selectedDayPanel span{
  color:#687076;
  font:500 6px/1 var(--mono);
  letter-spacing:.12em;
}
#selectedDayPanel strong{
  color:#ECEEEF;
  font-size:9px;
  line-height:1.15;
  font-weight:620;
}
#selectedDayPanel .selected-day-summary{
  grid-column:1 / -1;
  min-height:62px;
  gap:6px;
}
#selectedDayPanel .selected-day-summary strong{
  font-size:12px;
  line-height:1.05;
}
#selectedDayPanel .selected-day-summary p{
  margin:0;
  color:#8A9095;
  font-size:8px;
  line-height:1.35;
}
#selectedDayPanel .selected-day-actions{
  grid-column:1 / -1;
  min-height:auto;
  display:flex;
  justify-content:flex-end;
  align-items:center;
}
.selected-day-go{
  appearance:none;
  border:1px solid var(--sm-line);
  background:#0D0F10;
  color:#D8DBDD;
  border-radius:999px;
  padding:7px 10px;
  font:600 6.5px/1 var(--mono);
  letter-spacing:.14em;
}
.selected-day-go:disabled{
  opacity:.42;
}
.selected-day-go:not(:disabled):hover{
  border-color:#4A5258;
  background:#111416;
}
#selectedDayPanel.is-empty .selected-day-actions{
  opacity:.72;
}

@media(max-width:760px){
  .calendar-toolbar{
    min-height:50px!important;
    padding:7px 8px!important;
  }
  .cal-nav{
    width:30px!important;
    height:30px!important;
    font-size:15px!important;
  }
  #selectedDayPanel{
    grid-template-columns:1fr 1fr;
    margin:8px 9px 10px!important;
  }
  #selectedDayPanel .selected-day-summary,
  #selectedDayPanel .selected-day-actions{
    grid-column:1 / -1;
  }
  #selectedDayPanel .selected-day-summary{
    min-height:58px;
  }
  #selectedDayPanel .selected-day-summary strong{
    font-size:11px;
  }
  #selectedDayPanel .selected-day-summary p{
    font-size:7.5px;
  }
}
@media(max-width:380px){
  #selectedDayPanel>div{
    min-height:44px;
    padding:7px 8px;
  }
  #selectedDayPanel strong{
    font-size:8.3px;
  }
}

.calendar-legend,.calendar-icon-preview,.selected-day-panel{display:none!important}
.calendar-card{padding-bottom:8px!important}
.calendar-grid{padding:6px 9px 10px!important;gap:4px!important}
.cal-day{min-height:58px!important;padding:5px 5px 6px!important;grid-template-rows:auto 1fr auto!important}
.cal-day-icons{grid-template-columns:1fr 1fr!important;gap:8px!important;align-items:center!important;justify-items:center!important;padding-top:5px!important}
.cal-object{min-height:22px!important}
.cal-object .cal-sky-icon{width:18px!important;height:18px!important}
.cal-attraction .cal-sky-icon{width:19px!important;height:19px!important}
.cal-slot-tag{display:none!important}
.cal-sky-icon.level-1{color:#A8D2E7!important;opacity:1!important}
.cal-sky-icon.level-2{color:#5E8193!important;opacity:.76!important}
.cal-sky-icon.level-3{color:#353B3F!important;opacity:.72!important}
.cal-sky-icon.level-1 svg{filter:drop-shadow(0 0 4px rgba(168,210,231,.25))}
.cal-sky-icon.level-2 svg,.cal-sky-icon.level-3 svg{filter:none!important}
.cal-day-moon{width:16px!important;height:16px!important}
.cal-day-moon.moon-new{color:#50565B!important;filter:drop-shadow(0 0 4px rgba(255,255,255,.26))}
.cal-day-moon.moon-mid{color:#E1E3E4!important;filter:none!important}
.cal-day-moon.moon-full{color:#D8C781!important;filter:drop-shadow(0 0 3px rgba(216,199,129,.12))}
.cal-attraction{position:relative;display:grid;place-items:center;min-height:22px}
.cal-attraction.meteor .cal-sky-icon{color:var(--sm-red)!important;filter:drop-shadow(0 0 4px rgba(255,100,92,.18))}
.cal-attraction.no-target .cal-sky-icon{color:#2D3337!important;opacity:.55!important}
.cal-day-event-badge{display:none!important}
@media(max-width:760px){
  .cal-day{min-height:56px!important}
  .cal-object .cal-sky-icon{width:17px!important;height:17px!important}
  .cal-attraction .cal-sky-icon{width:18px!important;height:18px!important}
}
@media(max-width:380px){
  .cal-day{min-height:52px!important}
  .cal-day-icons{gap:5px!important}
}

.sky-live-card .sky-card-head{
  height:74px!important;
  min-height:74px!important;
  max-height:74px!important;
  padding:12px 14px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:12px!important;
}
.sky-live-card .sky-card-head>div:first-child{align-self:center!important}
.sky-live-card .sky-card-head h3{line-height:1.05!important}
.sky-live-card .sky-head-sub{margin-top:5px!important;line-height:1.1!important}

.sky-now-source-state{align-self:center!important;gap:7px!important}
.sky-now-source-state span{
  font-size:8px!important;
  line-height:1!important;
  letter-spacing:.07em!important;
  font-weight:560!important;
}
.sky-now-source-state .source-dot{
  width:7px!important;height:7px!important;flex-basis:7px!important;
}
.operation-decision>span{font-size:8px!important;line-height:1!important}
.operation-decision>strong{font-size:10px!important}
.operation-decision>strong i{width:7px!important;height:7px!important}

.target-code{
  color:#F0F2F3!important;
  font-family:var(--mono);
  font-style:normal;
  font-weight:520;
}
.target-icon.level-1{color:#A8D2E7!important}
.target-icon.level-2{color:#6096B2!important}
.target-icon.level-3{color:#454C51!important}
.target-icon.level-1 svg,.target-icon.level-2 svg{filter:drop-shadow(0 0 4px currentColor)}
.sky-signal-icon.target-icon{transition:color .2s ease}

.cal-day{grid-template-rows:auto 1fr auto!important}
.cal-day-top{
  display:flex;align-items:center;justify-content:space-between;gap:4px;min-width:0;
}
.cal-day-number{justify-self:auto!important}
.cal-day-moon{
  width:15px;height:15px;display:grid;place-items:center;flex:0 0 15px;
}
.cal-day-moon svg{width:100%;height:100%;display:block}
.cal-day-icons{
  grid-template-columns:1.1fr 1fr 1fr!important;
  gap:3px!important;align-items:end!important;padding-top:5px!important;
}
.cal-object{
  position:relative;min-width:0;display:grid;place-items:center;min-height:18px;
}
.cal-object .cal-sky-icon{width:15px!important;height:15px!important}
.cal-slot-tag{
  position:absolute;right:-1px;bottom:-2px;
  min-width:8px;height:8px;display:grid;place-items:center;
  border-radius:2px;background:#111315;color:#6F767B;
  font:600 5px/8px var(--mono);letter-spacing:0;pointer-events:none;
}
.cal-object.is-empty .cal-slot-tag{display:none}
.cal-object.is-empty .cal-sky-icon{opacity:.22}
.cal-object.mw-object .cal-slot-tag{display:none}
.cal-day-moon.moon-new{color:#343A3E}
.cal-day-moon.moon-mid{color:#D5D8DA}
.cal-day-moon.moon-full{color:#D8C781}

@media(max-width:760px){
  .sky-live-card .sky-card-head{
    height:78px!important;min-height:78px!important;max-height:78px!important;
    grid-template-columns:minmax(0,1fr) auto!important;gap:9px!important;padding:11px 12px!important;
  }
  .sky-now-source-state{justify-items:end!important;margin-left:auto!important}
  .sky-now-source-state span{font-size:7px!important}
  .cal-day-moon{width:14px;height:14px;flex-basis:14px}
  .cal-object .cal-sky-icon{width:14px!important;height:14px!important}
}
@media(max-width:380px){
  .sky-live-card .sky-card-head{
    height:86px!important;min-height:86px!important;max-height:86px!important;
    grid-template-columns:1fr auto!important;
  }
  .sky-now-source-state{justify-items:end!important;margin-left:auto!important}
  .sky-now-source-state span{font-size:6.5px!important}
}


/* No system-wide green source lights outside the cards. */
.system-source-strip{display:none!important}

/* SKY NOW is the single place that exposes live source provenance. */
.sky-now-source-state{
  display:grid!important;
  justify-items:end!important;
  align-content:center!important;
  gap:5px!important;
  margin-left:auto;
}
.sky-now-source-state span{
  width:max-content;
  justify-content:flex-end;
  color:#858A8F!important;
  font-size:6.5px!important;
  letter-spacing:.065em!important;
}
.sky-now-source-state .source-dot{
  order:2;
  margin-left:2px;
}
.sky-now-source-state .source-dot.online{
  background:var(--sm-green)!important;
  box-shadow:0 0 4px rgba(114,224,141,.18)!important;
}

/* Technical levels share a restrained Bellatrix scale. */
.target-level{
  font-family:var(--mono);
  font-style:normal;
  font-weight:520;
}
.target-level.level-1{color:#A8D2E7!important}
.target-level.level-2{color:#6096B2!important}
.target-level.level-3{color:#4E555A!important}
.obs-code{
  font-variant-numeric:tabular-nums;
  letter-spacing:.045em;
}

/* Calendar: its only job is selecting time. */
.calendar-card{padding-bottom:10px!important}
.calendar-grid{
  padding:5px 9px 9px!important;
  gap:4px!important;
}
.cal-day{
  aspect-ratio:auto!important;
  min-height:54px!important;
  padding:5px 4px 6px!important;
  display:grid!important;
  grid-template-rows:auto 1fr auto!important;
  place-items:stretch!important;
  align-content:stretch!important;
  border-color:rgba(255,255,255,.055)!important;
  background:#090A0B!important;
}
.cal-day-number{
  position:relative;
  z-index:2;
  justify-self:start;
  color:#AEB2B5;
  font:520 8px/1 var(--mono);
}
.cal-day-icons{
  min-width:0;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:2px;
  align-items:center;
  justify-items:center;
  padding-top:3px;
}
.cal-sky-icon{
  width:12px;height:12px;
  display:grid;place-items:center;
  color:#4D5358;
}
.cal-sky-icon svg{display:block;width:100%;height:100%}
.cal-sky-icon.level-1{color:#A8D2E7}
.cal-sky-icon.level-2{color:#6096B2}
.cal-sky-icon.level-3{color:#3B4145}
.cal-sky-icon.off{color:#2B3034;opacity:.72}
.cal-sky-icon.moon-new{color:#343A3E}
.cal-sky-icon.moon-mid{color:#D5D8DA}
.cal-sky-icon.moon-full{color:#D8C781}
.cal-sky-icon.special{color:var(--sm-red)}

.cal-day-event-badge{
  position:absolute;
  top:4px;right:4px;
  width:10px;height:10px;
  display:grid;place-items:center;
  color:#6A7075;
  pointer-events:none;
}
.cal-day-event-badge svg{display:block;width:100%;height:100%}
.cal-day-event-badge.meteor{color:var(--sm-red)}
.cal-day-event-badge.sqm{color:#A9ADB0}

.cal-day-slotbar{
  align-self:end;
  height:2px;
  border-radius:999px;
  background:transparent;
  opacity:.92;
}
.cal-day.operational .cal-day-slotbar{
  background:#A8D2E7; /* pale Bellatrix: grade availability, not target quality */
}
.cal-day.off{
  background:
    repeating-linear-gradient(135deg,rgba(255,100,92,.045) 0 1px,transparent 1px 8px),
    #090A0B!important;
}
.cal-day.off .cal-day-slotbar{background:rgba(255,100,92,.34)}
.cal-day.hold .cal-day-slotbar{background:#B6A061}
.cal-day.special .cal-day-slotbar{background:var(--sm-red);height:2px}
.cal-day.sqm .cal-day-slotbar{
  background:#A9ADB0;
  box-shadow:0 -3px 0 rgba(169,173,176,.16);
}
/* Disable the old pseudo-bars: real slotbar is now inside each cell. */
.cal-day.operational::after,
.cal-day.off::after,
.cal-day.hold::after,
.cal-day.special::after,
.cal-day.sqm::after{display:none!important}

.cal-day.selected{
  border-color:#E2E4E5!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.10)!important;
}
.cal-day.today::before{
  top:5px!important;right:5px!important;
  width:3px!important;height:3px!important;
  background:#E5E7E8!important;
}

/* Legend is now only about calendar state, not duplicated date analysis. */
.calendar-legend{
  margin-top:0;
  padding:8px 10px!important;
}
.legend-mark.op{background:#A8D2E7!important}
.legend-mark.off{background:rgba(255,100,92,.48)!important}
.legend-mark.hold{background:#B6A061!important}
.legend-mark.special{background:var(--sm-red)!important}
.legend-mark.sqm{background:#A9ADB0!important}

.selected-day-panel,
.calendar-icon-preview{display:none!important}

@media(max-width:760px){
  .sky-now-source-state{
    justify-items:end!important;
    margin-top:0!important;
  }
  .sky-card-head{
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:start!important;
  }
  .sky-now-source-state span{font-size:6px!important}
  .calendar-grid{gap:3px!important}
  .cal-day{
    min-height:50px!important;
    padding-inline:3px!important;
  }
  .cal-sky-icon{width:10px;height:10px}
}
@media(max-width:380px){
  .sky-card-head{grid-template-columns:1fr!important}
  .sky-now-source-state{
    justify-items:start!important;
    margin-left:0!important;
  }
  .sky-now-source-state span{justify-content:flex-start!important}
  .sky-now-source-state .source-dot{order:0;margin-left:0}
  .cal-day{min-height:46px!important}
  .cal-sky-icon{width:9px;height:9px}
}

.system-source-strip{
  display:flex;
  align-items:center;
  gap:14px;
  flex-wrap:wrap;
  width:max-content;
  max-width:100%;
  padding:9px 11px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:8px;
  background:rgba(0,0,0,.12);
}
.system-source-strip span,
.sky-now-source-state span{
  display:flex;
  align-items:center;
  gap:5px;
  color:#858A8F;
  font:500 7px/1 var(--mono);
  letter-spacing:.075em;
  white-space:nowrap;
}
.source-dot{
  width:5px;height:5px;border-radius:50%;
  display:inline-block;flex:0 0 5px;
  background:#484D51;
}
.source-dot.online{
  background:var(--sm-green);
  box-shadow:0 0 4px rgba(114,224,141,.22);
}
.source-dot.pulse{animation:sourcePulse 2s ease-out infinite}
@keyframes sourcePulse{
  0%{box-shadow:0 0 0 0 rgba(114,224,141,.24)}
  70%{box-shadow:0 0 0 5px rgba(114,224,141,0)}
  100%{box-shadow:0 0 0 0 rgba(114,224,141,0)}
}
.sky-now-source-state{
  display:flex;
  align-items:center;
  gap:8px;
  justify-content:flex-end;
  flex-wrap:wrap;
}
.sky-now-source-state span{font-size:6.5px}
.operation-decision{
  min-width:112px;
  display:grid;
  justify-items:end;
  gap:5px;
}
.operation-decision>span{
  color:#72777C;
  font:500 6.5px/1 var(--mono);
  letter-spacing:.075em;
}
.operation-decision>strong{
  display:flex;
  align-items:center;
  gap:6px;
  color:#E8EAEB;
  font:600 9px/1 var(--mono);
}
.operation-decision>strong i{
  width:7px;height:7px;border-radius:50%;
  display:inline-block;
  background:#777;
}
.operation-decision--ok>strong i{
  background:var(--sm-green);
  box-shadow:0 0 5px rgba(114,224,141,.22);
}
.operation-decision--hold>strong i{
  background:#B6A061;
  box-shadow:0 0 5px rgba(182,160,97,.20);
}
.operation-decision--stop>strong i{
  background:var(--sm-red);
  box-shadow:0 0 5px rgba(255,100,92,.22);
}

/* old repeated source/status indicators are intentionally hidden */
.engine-strip,
.condition-gate,
.data-source-strip{
  display:none!important;
}

/* trim bottom spacing now that technical footers are gone */
.atmosphere-card,
.op-horizon-card,
.calendar-card{
  padding-bottom:8px;
}
.sqm-history-panel,
.calendar-icon-preview,
.field-grid{
  margin-bottom:10px;
}

@media(max-width:760px){
  .system-source-strip{
    width:100%;
    gap:10px 12px;
  }
  .sky-card-head{
    display:grid;
    grid-template-columns:1fr;
    gap:7px;
  }
  .sky-now-source-state,
  .operation-decision{
    justify-content:start;
    justify-items:start;
  }
}
@media(prefers-reduced-motion:reduce){
  .source-dot.pulse{animation:none}
}

.engine-strip{
  display:flex;
  align-items:center;
  gap:9px;
  min-width:0;
  flex-wrap:wrap;
}
.engine-strip.compact{justify-content:flex-end}
.engine-strip span{
  display:flex;
  align-items:center;
  gap:5px;
  color:#81868B;
  font:500 7px/1 var(--mono);
  letter-spacing:.08em;
  white-space:nowrap;
}
.engine-dot{
  width:5px;height:5px;border-radius:50%;
  display:inline-block;flex:0 0 5px;
  background:#42474B;
}
.engine-dot.online{
  background:var(--sm-green);
  box-shadow:0 0 4px rgba(114,224,141,.24);
}
.engine-dot.idle{background:#484D51;box-shadow:none}
.engine-dot.alert{
  background:var(--sm-red);
  box-shadow:0 0 5px rgba(255,100,92,.26);
}
.engine-dot.pulse{animation:enginePulse 1.9s ease-out infinite}
@keyframes enginePulse{
  0%{box-shadow:0 0 0 0 rgba(114,224,141,.28)}
  70%{box-shadow:0 0 0 5px rgba(114,224,141,0)}
  100%{box-shadow:0 0 0 0 rgba(114,224,141,0)}
}
.condition-gate{
  margin:0 10px 10px;
  min-height:29px;
  padding:0 9px;
  display:flex;
  align-items:center;
  gap:11px;
  flex-wrap:wrap;
  border:1px solid var(--sm-line);
  border-radius:7px;
  background:rgba(255,255,255,.01);
}
.condition-gate span{
  display:flex;align-items:center;gap:5px;
  color:#777D82;font:500 6.5px/1 var(--mono);
  letter-spacing:.055em;
}
.gate-dot{width:5px;height:5px;border-radius:50%;background:#484D51}
.gate-dot.ok{background:var(--sm-green)}
.gate-dot.alert{background:var(--sm-red)}
.gate-dot.idle{background:#4A4F53}

/* Card 4 */
.op-identity-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:1px;
  background:var(--sm-line);
}
.op-identity-grid>div{
  min-width:0;min-height:52px;padding:8px 10px;
  display:grid;align-content:center;gap:2px;
  background:var(--sm-panel);
}
.op-identity-grid span{
  color:var(--sm-dim);
  font:500 6.5px/1 var(--mono);
  letter-spacing:.065em;
}
.op-identity-grid strong{
  color:var(--sm-text);
  font-size:10px;line-height:1.1;font-weight:620;
}
.op-identity-grid small{
  color:#777D82;font-size:7px;line-height:1.1;
}
.horizon-panel{
  margin:9px 10px 8px;
  padding:9px 9px 8px;
  border:1px solid var(--sm-line-strong);
  border-radius:9px;
  background:linear-gradient(180deg,rgba(255,255,255,.014),rgba(255,255,255,.006));
}
.horizon-title{
  display:flex;justify-content:space-between;gap:8px;
  margin-bottom:2px;font:500 7.5px/1 var(--mono);
}
.horizon-title span{color:#BCC0C3}
.horizon-title b{color:#666C71;font-weight:400}
.horizon-svg{display:block;width:100%;height:178px}
.horizon-grid-lines line{stroke:rgba(255,255,255,.055);stroke-width:1}
.terrain-area{fill:url(#terrainFade)}
.terrain-line{fill:none;stroke:#C7CACD;stroke-width:1.4}
.skyglow-lobe{fill:url(#skyglowFade)}
.target-arc{
  fill:none;stroke:#8E9499;stroke-width:1.1;
  stroke-dasharray:4 5;
}
.target-point{fill:#DCE0E2}
.horizon-label,.skyglow-label,.horizon-axis{
  font-family:var(--mono);font-size:7px;letter-spacing:.035em;
}
.horizon-label{fill:#9EA3A7}
.skyglow-label{fill:#C77D78}
.horizon-axis{fill:#71777C}
.horizon-readout{
  display:grid;grid-template-columns:repeat(3,1fr);
  gap:1px;background:var(--sm-line);
}
.horizon-readout>div{
  min-width:0;padding:6px 7px;background:#090A0B;
  display:grid;gap:2px;
}
.horizon-readout span{
  color:#666C71;font:500 6px/1 var(--mono)
}
.horizon-readout b{
  color:#ECEEEF;font:500 9px/1 var(--mono)
}
.horizon-readout small{color:#72787D;font-size:6.5px}
.sqm-history-panel{
  margin:0 10px 8px;
  border:1px solid var(--sm-line-strong);
  border-radius:9px;
  overflow:hidden;
}
.sqm-history-head{
  min-height:38px;padding:7px 9px;
  display:flex;justify-content:space-between;align-items:center;gap:8px;
  border-bottom:1px solid var(--sm-line);
}
.sqm-history-head>div{display:grid;gap:2px}
.sqm-history-head span{color:#777D82;font:500 6.5px/1 var(--mono)}
.sqm-history-head strong{color:#ECEEEF;font:600 10px/1 var(--mono)}
.sqm-history-head>b{color:#777D82;font:500 7px/1 var(--mono)}
.sqm-empty-chart{
  position:relative;height:78px;
  background:#070809;overflow:hidden;
}
.sqm-grid{
  position:absolute;inset:0;
  background:
    linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);
  background-size:100% 26px,52px 100%;
}
.sqm-empty-message{
  position:absolute;inset:0;
  display:grid;place-content:center;text-align:center;gap:4px;
}
.sqm-empty-message strong{
  color:#92979C;font:500 8px/1 var(--mono);letter-spacing:.06em
}
.sqm-empty-message span{
  color:#5E6468;font-size:7px
}

/* Card 5 */
.calendar-toolbar{
  min-height:53px;
  padding:8px 10px;
  display:grid;
  grid-template-columns:34px 1fr 34px;
  align-items:center;
  gap:8px;
  border-bottom:1px solid var(--sm-line);
}
.calendar-toolbar>div{text-align:center;display:grid;gap:3px}
.calendar-toolbar span{
  color:#6D7378;font:500 6.5px/1 var(--mono);letter-spacing:.07em
}
.calendar-toolbar strong{
  color:#ECEEEF;font-size:11px;font-weight:620
}
.cal-nav{
  width:32px;height:32px;
  border:1px solid var(--sm-line-strong);
  border-radius:7px;background:#0B0C0D;color:#AEB2B5;
  display:grid;place-items:center;cursor:pointer;
  font-size:20px;line-height:1;
}
.cal-nav:hover{border-color:rgba(255,255,255,.20);color:#fff}
.calendar-weekdays{
  display:grid;grid-template-columns:repeat(7,1fr);
  padding:8px 9px 4px;
  gap:3px;
}
.calendar-weekdays span{
  text-align:center;color:#5E6469;
  font:500 6px/1 var(--mono)
}
.calendar-grid{
  padding:4px 9px 8px;
  display:grid;grid-template-columns:repeat(7,1fr);gap:3px;
}
.cal-day{
  position:relative;
  aspect-ratio:1/1;
  min-width:0;
  border:1px solid rgba(255,255,255,.06);
  border-radius:5px;
  background:#090A0B;
  color:#9CA1A5;
  display:grid;place-items:center;
  cursor:pointer;
  font:500 8px/1 var(--mono);
  overflow:hidden;
}
.cal-day.empty{visibility:hidden;pointer-events:none}
.cal-day:hover{border-color:rgba(255,255,255,.18);color:#fff}
.cal-day.operational::after,
.cal-day.off::after,
.cal-day.hold::after,
.cal-day.special::after,
.cal-day.sqm::after{
  content:"";position:absolute;left:4px;right:4px;bottom:3px;height:1px;
}
.cal-day.operational::after{background:var(--sm-green)}
.cal-day.off::after{background:rgba(255,100,92,.48)}
.cal-day.off{
  background:
    repeating-linear-gradient(135deg,rgba(255,100,92,.055) 0 1px,transparent 1px 7px),
    #090A0B;
}
.cal-day.hold::after{background:#B6A061}
.cal-day.special::after{background:var(--sm-red);height:2px}
.cal-day.sqm::after{background:#A9ADB0;box-shadow:0 -3px 0 rgba(169,173,176,.25)}
.cal-day.selected{
  border-color:#D5D8DA;
  color:#fff;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.10);
}
.cal-day.today::before{
  content:"";position:absolute;top:4px;right:4px;
  width:4px;height:4px;border-radius:50%;background:#E5E7E8;
}
.calendar-legend{
  padding:7px 10px;
  border-top:1px solid var(--sm-line);
  border-bottom:1px solid var(--sm-line);
  display:flex;align-items:center;gap:10px;flex-wrap:wrap;
}
.calendar-legend span{
  display:flex;align-items:center;gap:4px;
  color:#747A7F;font:500 6px/1 var(--mono)
}
.legend-mark{display:inline-block;width:10px;height:2px;background:#555}
.legend-mark.op{background:var(--sm-green)}
.legend-mark.off{background:rgba(255,100,92,.65)}
.legend-mark.hold{background:#B6A061}
.legend-mark.special{background:var(--sm-red)}
.legend-mark.sqm{background:#A9ADB0}
.selected-day-panel{
  margin:8px 10px;
  display:grid;grid-template-columns:1.15fr .85fr .85fr;
  gap:1px;background:var(--sm-line);
}
.selected-day-panel>div{
  min-width:0;min-height:46px;padding:7px 8px;
  display:grid;gap:2px;background:#090A0B;
}
.selected-day-panel span{
  color:#666C71;font:500 6px/1 var(--mono)
}
.selected-day-panel strong{
  color:#ECEEEF;font-size:8.5px;line-height:1.1;font-weight:620
}
.calendar-icon-preview{
  margin:0 10px 8px;
  padding:7px 8px;
  border:1px solid var(--sm-line);
  border-radius:7px;
  display:grid;
  grid-template-columns:auto auto auto 1fr;
  gap:8px;align-items:center;
}
.cal-icon-item{
  display:flex;align-items:center;gap:4px;
  color:#878D92;font:500 6px/1 var(--mono)
}
.cal-mini-icon{width:17px;height:17px;color:#C7CACD;display:grid;place-items:center}
.cal-mini-icon svg{display:block;width:100%;height:100%}
.calendar-icon-preview>small{
  justify-self:end;text-align:right;color:#5E6468;
  font-size:6px;line-height:1.2;max-width:150px
}
@media(max-width:760px){
  .engine-strip.compact{justify-content:flex-start;margin-top:6px}
  .horizon-svg{height:166px}
  .calendar-toolbar{min-height:50px}
  .calendar-grid{gap:4px}
  .cal-day{font-size:8px}
  .calendar-icon-preview{grid-template-columns:auto auto auto}
  .calendar-icon-preview>small{grid-column:1/-1;justify-self:start;text-align:left;max-width:none}
}
@media(prefers-reduced-motion:reduce){
  .engine-dot.pulse{animation:none}
}

.sky-master-live{
  --sm-bg:#040506;
  --sm-panel:#090A0B;
  --sm-panel-2:#0D0F10;
  --sm-panel-3:#111416;
  --sm-text:#F2F3F4;
  --sm-sub:#ABAFB4;
  --sm-dim:#70757A;
  --sm-line:rgba(255,255,255,.08);
  --sm-line-strong:rgba(255,255,255,.12);
  --sm-soft:rgba(255,255,255,.04);
  --sm-bar:#D6D8DA;
  --sm-bar-2:#9EA4A8;
  --sm-bar-3:#5E6368;
  --sm-green:#72E08D;
  --sm-red:#FF645C;
  --sm-red-soft:rgba(255,100,92,.14);
  --sm-green-soft:rgba(114,224,141,.12);
  --sm-wire:repeating-linear-gradient(135deg, rgba(255,100,92,.18) 0 2px, transparent 2px 10px);
}
.sky-live-shell{
  background:
    radial-gradient(circle at 65% 0%, rgba(255,255,255,.03), transparent 24%),
    rgba(0,0,0,.22)!important;
}
.sky-live-card{
  color:var(--sm-text)!important;
  background:
    linear-gradient(180deg, var(--sm-panel-3) 0%, var(--sm-panel) 58%, #050607 100%)!important;
  border-color:var(--sm-line)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.02), 0 18px 48px rgba(0,0,0,.26)!important;
}
.sky-card-head{
  border-bottom:1px solid var(--sm-line)!important;
}
.sky-card-head h3{
  color:var(--sm-text)!important;
  font-weight:630!important;
  letter-spacing:.03em!important;
}
.sky-head-sub{
  display:block;
  margin-top:4px;
  color:var(--sm-dim);
  font-size:10px;
  line-height:1;
  font-weight:430;
}
.sky-card-meta{
  display:flex;
  align-items:center;
  gap:7px;
  flex-wrap:wrap;
  justify-content:flex-end;
  padding-top:1px;
}
.sky-card-meta span{
  color:#8A8F95;
  font:500 7px/1 var(--mono);
  letter-spacing:.09em;
}
.sky-context-grid,.sky-signal-grid,.mission-summary,.mission-footer-grid,.meteo-kpis,.field-grid{
  background:var(--sm-line)!important;
  border-color:var(--sm-line)!important;
}
.sky-context-cell,.sky-signal,.mission-window,.mission-footer-grid>div,.meteo-kpis>div,.field-grid>div{
  background:var(--sm-panel)!important;
}
.sky-context-cell>span,
.sky-card-context span,
.sky-signal span,
.mission-window-head span,
.mission-footer-grid span,
.cloud-layers span,
.field-grid span,
.meteo-kpis small,
.sky-row-label,
.mission-graph-row>span{
  color:var(--sm-dim)!important;
}
.sky-context-cell>strong,
.sky-signal strong,
.mission-window-head b,
.mission-footer-grid b,
.field-grid b,
.meteo-kpis b,
.sky-operation-state>strong,
.sky-clock-block strong{
  color:var(--sm-text)!important;
}
.sky-op-line small,.sky-clock-block small,.mission-footer-grid small,.field-grid small,.cloud-layers em,.sky-signal small{
  color:#8B9197!important;
}
.sky-op-cell em{color:#B8BDC2!important}
.sky-signal-icon,
.mini-target-icon,
.meteo-icon{
  color:#D0D3D6!important;
}
.mw-icon{
  color:#E5E7E8!important;
  filter:none!important;
}
.sky-canvas,
.mission-graph,
.meteo-chart{
  border-color:var(--sm-line-strong)!important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.018), rgba(255,255,255,.01))!important;
}
.sky-canvas-top span,.mission-graph-title span,.meteo-chart-title span{
  color:#BCBFC3!important;
}
.sky-canvas-top b,.mission-graph-title b,.meteo-chart-title b,
.sky-time-axis,.mission-time,.meteo-axis-labels text{
  color:#6E7479!important;
  fill:#6E7479!important;
}
.sky-track,.mission-graph-row>div,.cloud-layers i{
  background:rgba(255,255,255,.04)!important;
}
.bar-night{background:#5B6065!important;box-shadow:none!important}
.bar-moon{background:#9DA2A7!important}
.bar-mw{box-shadow:none!important}
.mw-v1{background:#F0F2F3!important;box-shadow:0 0 10px rgba(255,255,255,.09)!important}
.mw-v2{background:#B2B7BC!important}
.mw-v3{background:#676C71!important}
.planet-o1{background:#DFE2E4!important;box-shadow:none!important}
.planet-o2{background:#8E9499!important}
.slot-a,.slot-b,.g-slot-a,.g-slot-b{
  border-color:rgba(255,255,255,.26)!important;
  background:rgba(255,255,255,.01)!important;
}
.slot-a em,.slot-b em,
.sky-now-line span{
  color:#CACDD0!important;
}
.sky-now-line{
  background:#C9CCCF!important;
  box-shadow:0 0 8px rgba(255,255,255,.16)!important;
}
.sky-operation-state{
  position:relative;
  border-color:rgba(114,224,141,.28)!important;
  background:linear-gradient(90deg, rgba(114,224,141,.10), rgba(114,224,141,.02))!important;
  box-shadow:inset 2px 0 0 var(--sm-green)!important;
  overflow:hidden;
}
.sky-operation-state>span,
.sky-operation-state b{
  color:#AEEBBA!important;
}
.sky-operation-state.is-inoperable{
  border-color:rgba(255,100,92,.28)!important;
  background:linear-gradient(90deg, rgba(255,100,92,.10), rgba(255,100,92,.03))!important;
  box-shadow:inset 2px 0 0 var(--sm-red)!important;
}
.sky-operation-state.is-inoperable>span,
.sky-operation-state.is-inoperable b,
.sky-operation-state.is-inoperable strong{
  color:#FFD6D2!important;
}
.sky-operation-state.is-inoperable::after{
  content:"";
  position:absolute;
  inset:0;
  background:var(--sm-wire);
  opacity:.38;
  pointer-events:none;
}
.mission-window-card.is-inoperable .mission-window,
.mission-window-card.is-inoperable .mission-graph,
.mission-window-card.is-inoperable .mission-footer-grid>div{
  position:relative;
}
.mission-window-card.is-inoperable .mission-window::after,
.mission-window-card.is-inoperable .mission-graph::after{
  content:"";
  position:absolute;
  inset:0;
  background:var(--sm-wire);
  opacity:.20;
  pointer-events:none;
}
.mission-window-card.is-inoperable .g-slot-a,
.mission-window-card.is-inoperable .g-slot-b,
#skyNowCard.is-inoperable .slot-a,
#skyNowCard.is-inoperable .slot-b{
  border-color:rgba(255,100,92,.42)!important;
}
.g-venus,.g-mw,.g-sat{
  box-shadow:none!important;
}
.g-venus{background:#979CA0!important}
.g-mw{background:linear-gradient(90deg,#5B6065,#F0F2F3 46%,#9EA4A8)!important}
.g-sat{background:linear-gradient(90deg,#7E8489,#DADDE0)!important}
.cloud-layers i b{background:linear-gradient(90deg,#5F6469,#B7BCC0)!important;box-shadow:none!important}
.cloud-line{stroke:#C7CBCE!important;filter:none!important}
.temp-line{stroke:#8E9499!important}
.cloud-area{opacity:.56}
.meteo-chart-key{fill:#9EA3A8!important}
.data-source-strip{
  border-color:var(--sm-line)!important;
  background:linear-gradient(180deg, rgba(255,255,255,.018), rgba(255,255,255,.008));
}
.data-source-strip span{color:#83888E!important}
.data-source-strip i{background:#4D5257!important}
.data-source-strip i.online{background:var(--sm-green)!important;box-shadow:0 0 5px rgba(114,224,141,.28)!important}
.section-head .sky-live-label{
  color:#EAECEE!important;
}
.section-head .sky-live-label .live-status-dot{
  background:var(--sm-red)!important;
  box-shadow:0 0 0 0 rgba(255,100,92,.34)!important;
  animation:skyLiveRedPulse 1.7s ease-out infinite;
}
@keyframes skyLiveRedPulse{
  0%{box-shadow:0 0 0 0 rgba(255,100,92,.34)}
  70%{box-shadow:0 0 0 7px rgba(255,100,92,0)}
  100%{box-shadow:0 0 0 0 rgba(255,100,92,0)}
}
@media(max-width:760px){
  .sky-card-meta{
    gap:6px;
    justify-content:flex-start;
    margin-top:5px;
  }
  .sky-card-head{
    display:block;
  }
  .sky-head-sub{font-size:9px}
}

.sky-card-head{
  min-height:46px;
  padding:11px 14px 9px;
  align-items:center;
}
.sky-card-head>div:first-child{gap:0}
.sky-card-head h3{font-size:15px;letter-spacing:.06em}

/* Internal LIVE indicators intentionally removed:
   SKY MASTER · LIVE in the section header remains the only pulsing state. */
.sky-card-live,.sky-card-index{display:none!important}

.sky-context-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:1px;
  background:rgba(168,210,231,.07);
  border-bottom:1px solid rgba(168,210,231,.07);
}
.sky-context-cell{
  min-width:0;
  min-height:53px;
  padding:8px 11px;
  display:grid;
  align-content:center;
  gap:3px;
  background:#0A1014;
}
.sky-context-cell>span{
  color:#66757D;
  font:500 6.5px/1 var(--mono);
  letter-spacing:.08em;
}
.sky-context-cell>strong{
  min-width:0;
  color:#EAF0F2;
  font-size:10px;
  line-height:1.12;
  font-weight:620;
  letter-spacing:.01em;
}
.sky-op-cell{gap:3px}
.sky-op-line{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:8px;
}
.sky-op-line strong{
  color:#F4F7F8;
  font:600 13px/1 var(--mono);
}
.sky-op-line small{
  color:#75838B;
  font:400 7px/1 var(--mono);
}
.sky-op-cell em{
  color:#7EB9DA;
  font:400 7px/1 var(--mono);
  font-style:normal;
  letter-spacing:.015em;
}
.sky-clock-block{
  text-align:left;
}
.sky-clock-block strong{
  color:#F4F7F8;
  font:400 16px/1 var(--mono);
  letter-spacing:-.04em;
}
.sky-clock-block small{
  color:#75838B;
  font:400 7px/1 var(--mono);
  text-transform:uppercase;
}

/* Remove the previous combined context styling from layout */
.sky-card-context{display:none!important}

/* Compact the card without squeezing the data graphics */
.sky-live-card{
  min-height:440px;
}
.sky-signal{min-height:62px;padding-top:7px;padding-bottom:7px}
.sky-canvas{margin-top:9px;margin-bottom:8px;padding-top:9px;padding-bottom:9px}
.sky-canvas-top{margin-bottom:8px}
.sky-canvas-grid{row-gap:7px}
.sky-operation-state{
  min-height:43px;
  margin-bottom:10px;
  padding-top:7px;
  padding-bottom:7px;
}
.mission-window{padding-top:9px;padding-bottom:8px}
.mission-graph{margin-top:9px;margin-bottom:8px;padding-top:9px;padding-bottom:9px}
.mission-footer-grid{margin-bottom:10px}
.meteo-chart{margin-top:9px;margin-bottom:7px;padding-top:9px}
.meteo-chart svg{height:112px}
.cloud-layers{margin-bottom:7px}
.field-grid{margin-bottom:8px}
.data-source-strip{margin-bottom:10px}

/* The obsolete per-card prototype footer is gone. */
.sky-data-note{display:none!important}

/* Sirius becomes the visual ending of the page. */
#sirius-final{
  padding-bottom:max(72px,calc(72px + env(safe-area-inset-bottom)));
}

@media(max-width:760px){
  .sky-live-card{min-height:460px}
  .sky-card-head{min-height:44px;padding:10px 12px 8px}
  .sky-context-cell{min-height:50px;padding:8px 9px}
  .sky-context-cell>strong{font-size:9.5px}
  .sky-clock-block strong{font-size:15px}
  .sky-signal{min-height:58px}
  .sky-canvas-grid{row-gap:8px}
  .meteo-chart svg{height:108px}
}

.sky-live-shell{
  padding-top:10px;
  padding-bottom:16px;
  background:
    radial-gradient(circle at 50% 0%,rgba(0,137,190,.055),transparent 36%),
    rgba(4,7,9,.18);
}
.sky-live-rail{align-items:stretch}
.sky-live-card{
  grid-template-rows:auto!important;
  min-height:500px;
  padding:0;
  color:#EAF0F2;
  background:
    radial-gradient(circle at 88% 0%,rgba(0,137,190,.08),transparent 28%),
    linear-gradient(180deg,#11181D 0%,#0A0F13 62%,#06090B 100%);
  border-color:rgba(168,210,231,.13);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 18px 48px rgba(0,0,0,.20);
}
.sky-card-head{
  min-height:58px;
  padding:13px 15px 11px;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
  border-bottom:1px solid rgba(168,210,231,.09);
}
.sky-card-head>div:first-child{display:grid;gap:4px;min-width:0}
.sky-card-index{
  font:500 8px/1 var(--mono);
  color:#50A1CC;
  letter-spacing:.10em;
}
.sky-card-head h3{
  margin:0;
  font-size:16px;
  line-height:1;
  font-weight:690;
  letter-spacing:.055em;
}
.sky-card-live{
  display:flex;
  align-items:center;
  gap:7px;
  padding-top:2px;
  white-space:nowrap;
  font:500 8px/1 var(--mono);
  color:#A8D2E7;
  letter-spacing:.075em;
}
.sky-card-live i{
  width:6px;height:6px;border-radius:50%;
  background:#0089BE;
  box-shadow:0 0 0 0 rgba(0,137,190,.38);
  animation:skyCardPulse 1.8s ease-out infinite;
}
.sky-card-live-static i{animation:none;opacity:.68}
.meteo-status i{background:#50A1CC}
@keyframes skyCardPulse{
  0%{box-shadow:0 0 0 0 rgba(0,137,190,.34)}
  65%{box-shadow:0 0 0 6px rgba(0,137,190,0)}
  100%{box-shadow:0 0 0 0 rgba(0,137,190,0)}
}

.sky-card-context{
  min-height:57px;
  display:grid;
  grid-template-columns:1fr auto;
  gap:10px;
  align-items:center;
  padding:10px 15px;
  border-bottom:1px solid rgba(168,210,231,.07);
}
.sky-card-context>div:first-child{display:grid;gap:3px;min-width:0}
.sky-card-context span{
  font:500 8px/1 var(--mono);
  color:#50A1CC;
  letter-spacing:.085em;
}
.sky-card-context b{
  font-size:11px;
  color:#EAF0F2;
  font-weight:620;
}
.sky-clock-block{text-align:right;display:grid;gap:2px}
.sky-clock-block strong{
  font:400 20px/1 var(--mono);
  color:#F4F7F8;
  letter-spacing:-.05em;
}
.sky-clock-block small{
  font:400 8px/1 var(--mono);
  color:#7D8A92;
  letter-spacing:.06em;
  text-transform:uppercase;
}

.sky-signal-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:1px;
  background:rgba(168,210,231,.07);
  border-bottom:1px solid rgba(168,210,231,.07);
}
.sky-signal{
  min-width:0;
  min-height:70px;
  padding:9px 8px;
  display:grid;
  grid-template-columns:28px minmax(0,1fr);
  gap:7px;
  align-items:center;
  background:#0A1014;
}
.sky-signal-icon{
  width:28px;height:28px;
  display:grid;place-items:center;
  color:#CAE5F2;
}
.sky-signal-icon svg{display:block;width:100%;height:100%}
.mw-icon{color:#A8D2E7;filter:drop-shadow(0 0 5px rgba(80,161,204,.18))}
.saturn-icon{color:#CAE5F2}
.sky-signal>div:last-child{display:grid;gap:2px;min-width:0}
.sky-signal span{
  font:500 7px/1 var(--mono);
  color:#75828A;
  letter-spacing:.07em;
  white-space:nowrap;
}
.sky-signal strong{
  color:#F4F7F8;
  font:500 14px/1 var(--mono);
}
.sky-signal small{
  color:#7EB9DA;
  font:400 7px/1.15 var(--mono);
  white-space:nowrap;
}

.sky-canvas{
  margin:11px 12px 10px;
  padding:10px 10px 11px;
  border:1px solid rgba(168,210,231,.10);
  border-radius:9px;
  background:
    radial-gradient(ellipse at 58% 42%,rgba(0,137,190,.045),transparent 48%),
    rgba(3,7,9,.34);
}
.sky-canvas-top{
  display:flex;
  justify-content:space-between;
  gap:10px;
  margin-bottom:10px;
  font:500 8px/1 var(--mono);
  letter-spacing:.075em;
}
.sky-canvas-top span{color:#A8D2E7}
.sky-canvas-top b{color:#647078;font-weight:400}
.sky-time-axis{
  display:grid;
  grid-template-columns:42px repeat(4,1fr);
  margin-bottom:7px;
  color:#64727A;
  font:400 8px/1 var(--mono);
}
.sky-time-axis span:not(:first-child){text-align:center}
.sky-canvas-grid{
  --sky-label-w:42px;
  position:relative;
  display:grid;
  grid-template-columns:42px minmax(0,1fr);
  row-gap:8px;
  min-width:0;
}
.sky-row-label{
  align-self:center;
  color:#79868E;
  font:500 7px/1 var(--mono);
  letter-spacing:.05em;
}
.sky-track{
  position:relative;
  height:9px;
  background:linear-gradient(90deg,rgba(168,210,231,.035),rgba(168,210,231,.065));
  overflow:visible;
}
.sky-track>i{position:absolute;top:1px;height:7px;display:block}
.bar-night{
  background:#0C678E;
  box-shadow:0 0 8px rgba(0,137,190,.11);
}
.bar-moon{background:rgba(183,188,190,.46)}
.bar-mw{box-shadow:0 0 6px rgba(80,161,204,.18)}
.mw-v1{background:#CAE5F2;box-shadow:0 0 8px rgba(202,229,242,.30)}
.mw-v2{background:#50A1CC}
.mw-v3{background:#0E4B67}
.planet-o1{background:#CAE5F2;box-shadow:0 0 7px rgba(202,229,242,.24)}
.planet-o2{background:#50A1CC}
.slot-a,.slot-b{
  top:0!important;height:9px!important;
  border:1px solid #50A1CC;
  background:rgba(80,161,204,.025);
}
.slot-b{border-color:#7EB9DA}
.slot-a em,.slot-b em{
  position:absolute;left:3px;top:-1px;
  color:#A8D2E7;
  font:500 7px/9px var(--mono);
  font-style:normal;
}
.sky-now-line{
  position:absolute;
  left:calc(42px + (100% - 42px)*.12);
  top:-3px;
  bottom:-3px;
  width:1px;
  background:#A8D2E7;
  box-shadow:0 0 6px rgba(168,210,231,.40);
  pointer-events:none;
}
.sky-now-line span{
  position:absolute;
  top:-13px;left:4px;
  color:#CAE5F2;
  font:500 7px/1 var(--mono);
}

.sky-operation-state{
  margin:0 12px 9px;
  padding:9px 10px;
  min-height:49px;
  display:grid;
  grid-template-columns:auto 1fr auto;
  gap:10px;
  align-items:center;
  border:1px solid rgba(126,185,218,.24);
  border-radius:7px;
  background:linear-gradient(90deg,rgba(14,75,103,.18),rgba(9,29,40,.06));
  box-shadow:inset 2px 0 0 #0089BE;
}
.sky-operation-state>span{
  font:500 7px/1 var(--mono);
  color:#7EB9DA;
}
.sky-operation-state>strong{
  color:#F4F7F8;
  font-size:15px;
  font-weight:660;
}
.sky-operation-state>div{
  display:grid;gap:3px;text-align:right;
}
.sky-operation-state b{
  font:500 7px/1 var(--mono);
  color:#A8D2E7;
}
.sky-data-note{
  margin:auto 12px 10px;
  padding-top:7px;
  border-top:1px solid rgba(168,210,231,.07);
  color:#56636B;
  font:400 6.5px/1.35 var(--mono);
  letter-spacing:.035em;
}

/* CARD 02 — Mission windows */
.mission-summary{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:1px;
  background:rgba(168,210,231,.07);
  border-bottom:1px solid rgba(168,210,231,.07);
}
.mission-window{
  min-width:0;
  padding:11px 12px 10px;
  background:#0A1014;
}
.mission-window-head{display:grid;gap:3px;margin-bottom:7px}
.mission-window-head span{
  font:500 7px/1 var(--mono);
  color:#50A1CC;
  letter-spacing:.08em;
}
.mission-window-head b{
  color:#EAF0F2;
  font-size:10px;
  font-weight:650;
}
.mission-window>strong{
  display:block;
  margin-bottom:9px;
  color:#F4F7F8;
  font:400 16px/1 var(--mono);
  letter-spacing:-.04em;
}
.mission-targets{display:grid;gap:7px}
.mission-target{
  min-width:0;
  display:grid;
  grid-template-columns:22px minmax(0,1fr);
  gap:6px;
  align-items:center;
}
.mini-target-icon{
  width:22px;height:22px;
  color:#A8D2E7;
  display:grid;place-items:center;
}
.mini-target-icon svg{display:block;width:100%;height:100%}
.mission-target>span:last-child{display:grid;gap:2px;min-width:0}
.mission-target b{
  color:#DCE7EC;
  font:500 7px/1.1 var(--mono);
  white-space:nowrap;
}
.mission-target small{
  color:#64727A;
  font:400 7px/1 var(--mono);
}

.mission-graph{
  margin:11px 12px 10px;
  padding:10px;
  border:1px solid rgba(168,210,231,.10);
  border-radius:9px;
  background:rgba(3,7,9,.28);
}
.mission-graph-title{
  display:flex;justify-content:space-between;gap:10px;
  font:500 8px/1 var(--mono);
  margin-bottom:10px;
}
.mission-graph-title span{color:#A8D2E7}
.mission-graph-title b{color:#647078;font-weight:400}
.mission-time{
  margin-left:46px;
  display:grid;grid-template-columns:repeat(4,1fr);
  margin-bottom:7px;
  color:#64727A;font:400 8px/1 var(--mono);
}
.mission-time span{text-align:center}
.mission-graph-row{
  display:grid;
  grid-template-columns:46px minmax(0,1fr);
  align-items:center;
  gap:0;
  margin-bottom:8px;
}
.mission-graph-row:last-child{margin-bottom:0}
.mission-graph-row>span{
  color:#79868E;
  font:500 7px/1 var(--mono);
}
.mission-graph-row>div{
  position:relative;height:9px;
  background:rgba(168,210,231,.045);
}
.mission-graph-row i{position:absolute;top:1px;height:7px;display:block}
.g-venus{background:#7EB9DA}
.g-mw{background:linear-gradient(90deg,#0E4B67,#CAE5F2 45%,#50A1CC);box-shadow:0 0 6px rgba(80,161,204,.18)}
.g-sat{background:linear-gradient(90deg,#50A1CC,#CAE5F2);box-shadow:0 0 5px rgba(202,229,242,.18)}
.g-slot-a,.g-slot-b{
  top:0!important;height:9px!important;
  border:1px solid #50A1CC;background:transparent;
}
.g-slot-b{border-color:#7EB9DA}

.mission-footer-grid{
  margin:0 12px 9px;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:1px;
  background:rgba(168,210,231,.07);
}
.mission-footer-grid>div{
  min-width:0;
  min-height:48px;
  padding:8px 9px;
  background:#0A1014;
  display:grid;gap:2px;
}
.mission-footer-grid span{
  font:500 6.5px/1 var(--mono);
  color:#50A1CC;
  letter-spacing:.06em;
}
.mission-footer-grid b{
  color:#EAF0F2;
  font-size:9px;
  font-weight:620;
}
.mission-footer-grid small{
  color:#65727A;
  font-size:7px;
}

/* CARD 03 — Atmosphere + field */
.meteo-kpis{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:1px;
  background:rgba(168,210,231,.07);
  border-bottom:1px solid rgba(168,210,231,.07);
}
.meteo-kpis>div{
  min-width:0;
  min-height:64px;
  padding:8px 6px;
  display:grid;
  grid-template-columns:24px minmax(0,1fr);
  gap:5px;
  align-items:center;
  background:#0A1014;
}
.meteo-icon{width:24px;height:24px;color:#7EB9DA;display:grid;place-items:center}
.meteo-icon svg{display:block;width:100%;height:100%}
.meteo-kpis>div>span:last-child{display:grid;gap:2px}
.meteo-kpis small{
  color:#66747C;
  font:500 6px/1 var(--mono);
}
.meteo-kpis b{
  color:#F4F7F8;
  font:500 12px/1 var(--mono);
}
.meteo-chart{
  margin:11px 12px 8px;
  padding:10px 10px 6px;
  border:1px solid rgba(168,210,231,.10);
  border-radius:9px;
  background:
    radial-gradient(ellipse at 45% 45%,rgba(80,161,204,.04),transparent 56%),
    rgba(3,7,9,.28);
}
.meteo-chart-title{
  display:flex;justify-content:space-between;gap:10px;
  margin-bottom:2px;
  font:500 8px/1 var(--mono);
}
.meteo-chart-title span{color:#A8D2E7}
.meteo-chart-title b{color:#647078;font-weight:400}
.meteo-chart svg{display:block;width:100%;height:122px}
.meteo-grid-lines line{stroke:rgba(168,210,231,.07);stroke-width:1}
.cloud-area{fill:url(#cloudFillMini)}
.cloud-line{
  fill:none;stroke:#50A1CC;stroke-width:1.6;
  filter:drop-shadow(0 0 3px rgba(80,161,204,.25));
}
.temp-line{
  fill:none;stroke:#CAE5F2;stroke-width:1.2;
  stroke-dasharray:3 4;opacity:.76;
}
.meteo-axis-labels text{
  fill:#64727A;
  font:400 8px var(--mono);
}
.meteo-chart-key{
  font:500 7px var(--mono);
  letter-spacing:.05em;
}
.cloud-key{fill:#50A1CC}
.temp-key{fill:#CAE5F2}

.cloud-layers{
  margin:0 12px 9px;
  display:grid;
  gap:5px;
}
.cloud-layers>div{
  display:grid;
  grid-template-columns:34px 1fr 30px;
  gap:7px;
  align-items:center;
}
.cloud-layers span{
  color:#718087;
  font:500 7px/1 var(--mono);
}
.cloud-layers i{
  display:block;height:5px;
  background:rgba(168,210,231,.05);
}
.cloud-layers i b{
  display:block;height:100%;
  background:linear-gradient(90deg,#0E4B67,#50A1CC);
  box-shadow:0 0 4px rgba(80,161,204,.12);
}
.cloud-layers em{
  text-align:right;
  color:#A8D2E7;
  font:400 7px/1 var(--mono);
  font-style:normal;
}
.field-grid{
  margin:0 12px 9px;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:1px;
  background:rgba(168,210,231,.07);
}
.field-grid>div{
  min-width:0;
  min-height:47px;
  padding:7px 8px;
  display:grid;gap:2px;
  background:#0A1014;
}
.field-grid span{
  color:#50A1CC;
  font:500 6.5px/1 var(--mono);
  letter-spacing:.045em;
}
.field-grid b{
  color:#EAF0F2;
  font-size:10px;
  font-weight:620;
}
.field-grid small{
  color:#65727A;
  font-size:7px;
}
.data-source-strip{
  margin:0 12px 8px;
  min-height:29px;
  padding:0 8px;
  display:flex;
  align-items:center;
  gap:13px;
  border:1px solid rgba(168,210,231,.08);
  border-radius:7px;
}
.data-source-strip span{
  display:flex;align-items:center;gap:5px;
  color:#718087;
  font:500 7px/1 var(--mono);
}
.data-source-strip i{
  width:5px;height:5px;border-radius:50%;
  background:#465159;
}
.data-source-strip i.online{
  background:#0089BE;
  box-shadow:0 0 5px rgba(0,137,190,.30);
}

/* Sky Master rail sizing should feel like the site's existing cards,
   but a bit taller so the charts remain legible on narrow screens. */
@media(min-width:960px){
  .sky-live-rail{--rail-card-w:min(42vw,560px)}
  .sky-live-card{max-width:560px}
}
@media(max-width:760px){
  .sky-master-live{padding-top:52px}
  .sky-master-live .section-head{margin-bottom:20px}
  .sky-live-rail{--rail-card-w:84vw;gap:14px}
  .sky-live-card{
    flex-basis:84vw;
    width:84vw;
    max-width:84vw;
    min-height:460px;
  }
  .sky-card-head{padding:12px 13px 10px}
  .sky-card-head h3{font-size:15px}
  .sky-signal{grid-template-columns:25px minmax(0,1fr);gap:5px;padding-inline:6px}
  .sky-signal-icon{width:25px;height:25px}
  .sky-signal span{font-size:6.5px}
  .sky-signal strong{font-size:13px}
  .sky-signal small{font-size:6.5px}
  .sky-canvas{margin-inline:10px}
  .sky-canvas-grid{--sky-label-w:38px;grid-template-columns:38px minmax(0,1fr);row-gap:9px}
  .sky-time-axis{grid-template-columns:38px repeat(4,1fr)}
  .sky-now-line{left:calc(38px + (100% - 38px)*.12)}
  .sky-operation-state{margin-inline:10px}
  .mission-summary{grid-template-columns:1fr}
  .mission-window{padding:10px 12px}
  .mission-window>strong{font-size:15px}
  .mission-targets{grid-template-columns:1fr 1fr}
  .mission-graph{margin-inline:10px}
  .mission-footer-grid{margin-inline:10px}
  .meteo-kpis{grid-template-columns:1fr 1fr}
  .meteo-kpis>div{min-height:52px;padding:7px 9px}
  .meteo-chart{margin-inline:10px}
  .cloud-layers,.field-grid,.data-source-strip{margin-left:10px;margin-right:10px}
}
@media(max-width:380px){
  .sky-live-rail{--rail-card-w:88vw}
  .sky-live-card{flex-basis:88vw;width:88vw;max-width:88vw}
  .sky-signal-grid{grid-template-columns:1fr 1fr 1fr}
  .sky-signal{grid-template-columns:1fr;justify-items:start;align-content:center;gap:4px}
  .sky-signal-icon{width:23px;height:23px}
  .mission-targets{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){
  .sky-card-live i{animation:none}
}


/* Calendar surgical design states.
   These extend the existing approved visual system; they do not redesign it. */
.calendar-card{
  overflow:hidden!important;
}
.cal-day{
  isolation:isolate;
}

/* Availability bar: darker Bellatrix, deliberately separate from target intensity. */
.cal-day.operational .cal-day-slotbar{
  background:#0E4B67!important;
  box-shadow:0 0 4px rgba(14,75,103,.14)!important;
}

/* Real forecast warning — yellow, gradient + 45º hatch.
   Day number and Moon remain readable; lower astronomy becomes subordinate. */
.cal-day.weather-alert{
  border-color:rgba(211,176,72,.34)!important;
  background:
    linear-gradient(145deg,rgba(211,176,72,.17),rgba(9,10,11,.96) 58%)!important;
  box-shadow:inset 0 0 18px rgba(211,176,72,.035)!important;
}
.cal-day.weather-alert::before{
  content:"";
  position:absolute;
  inset:20px 0 2px;
  z-index:2;
  pointer-events:none;
  background:
    repeating-linear-gradient(135deg,
      transparent 0 7px,
      rgba(211,176,72,.11) 7px 8px);
}
.cal-day.weather-alert .cal-day-icons{
  opacity:.10!important;
}
.cal-day.weather-alert .cal-day-slotbar{
  background:#D3B048!important;
}

/* Outside forecast horizon — no yellow; only pale graphite wireframe. */
.cal-day.weather-offline::before{
  content:"";
  position:absolute;
  inset:18px 0 2px;
  z-index:1;
  pointer-events:none;
  background:
    repeating-linear-gradient(135deg,
      transparent 0 8px,
      rgba(145,154,160,.075) 8px 9px);
}
.cal-day.weather-offline .cal-day-icons,
.cal-day.weather-offline .cal-day-top,
.cal-day.weather-offline .cal-day-slotbar{
  position:relative;
  z-index:3;
}

/* Historical/climatological risk — burnt yellow haze, never warning hatch. */
.cal-day.climate-history{
  background:
    linear-gradient(145deg,rgba(151,103,49,.095),rgba(9,10,11,.97) 61%)!important;
}
.cal-day.climate-history.climate-high{
  background:
    linear-gradient(145deg,rgba(166,112,49,.145),rgba(9,10,11,.97) 64%)!important;
}

/* Meteor event — live chrome foil ONLY on the card line.
   The interior stays black; the metallic reflection travels around the frame. */
@keyframes skyMeteorFoil{
  0%   {background-position:0 0, 0% 50%}
  50%  {background-position:0 0, 100% 50%}
  100% {background-position:0 0, 200% 50%}
}
.cal-day.meteor-day{
  border:1px solid transparent!important;
  background:
    linear-gradient(#090A0B,#090A0B) padding-box,
    linear-gradient(110deg,
      #17191c 0%,
      #62676d 7%,
      #f8fafb 14%,
      #8b9096 20%,
      #272a2e 27%,
      #c8ccd0 34%,
      #ffffff 40%,
      #676c72 47%,
      #17191c 54%,
      #9ca1a7 61%,
      #f5f7f8 68%,
      #4e5359 76%,
      #1a1c20 84%,
      #d7dade 92%,
      #30343a 100%) border-box!important;
  background-size:100% 100%, 260% 260%!important;
  animation:skyMeteorFoil 7.5s linear infinite!important;
  box-shadow:
    0 0 11px rgba(236,241,244,.055),
    inset 0 0 18px rgba(53,110,144,.035)!important;
}
@media (prefers-reduced-motion:reduce){
  .cal-day.meteor-day{animation:none!important}
}
.cal-day.meteor-day .cal-attraction .cal-sky-icon{
  color:#F5F7F8!important;
  filter:drop-shadow(0 0 5px rgba(255,255,255,.18))!important;
}
.cal-day.meteor-day .cal-day-slotbar{
  position:relative!important;
  background:linear-gradient(90deg,rgba(244,248,250,.98) 0%, rgba(180,222,244,.96) 20%, rgba(87,153,191,.94) 48%, rgba(23,86,121,.96) 78%, rgba(10,28,38,.95) 100%)!important;
  box-shadow:0 0 8px rgba(74,136,172,.24)!important;
}
.cal-day.meteor-day .cal-day-slotbar::before{
  content:""!important;
  position:absolute;
  inset:0;
  border-radius:inherit;
  pointer-events:none;
  background:linear-gradient(90deg,rgba(255,255,255,.62) 0%, rgba(255,255,255,0) 16%, rgba(255,255,255,0) 82%, rgba(4,9,12,.38) 100%);
  opacity:.9;
}
.cal-day.meteor-day .cal-day-slotbar::after{
  content:""!important;
  position:absolute;
  left:0; right:0; top:0;
  height:1px;
  pointer-events:none;
  background:linear-gradient(90deg,rgba(255,255,255,.85) 0%, rgba(223,238,246,.42) 28%, rgba(14,43,58,.18) 84%, rgba(0,0,0,.45) 100%);
}
.cal-day.meteor-day .mw-object{
  opacity:1!important;
}

/* Explicit small data-state tag; does not compete with astronomy icons. */
.cal-data-state{
  position:absolute;
  left:4px;
  bottom:5px;
  z-index:4;
  max-width:calc(100% - 8px);
  color:#737B80;
  font:600 4.6px/1 var(--mono);
  letter-spacing:.07em;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  pointer-events:none;
}
.cal-day.weather-alert .cal-data-state{color:#B79A4C}
.cal-day.climate-history .cal-data-state{color:#9D7546}
.cal-day.weather-offline:not(.climate-history) .cal-data-state{color:#737C81}

/* The existing debrief is kept as a single horizontal strip: 2/3 copy + 1/3 CTA. */
.selected-day-panel{
  display:block!important;
  margin:8px 10px 10px!important;
  background:transparent!important;
  border:0!important;
}
.selected-day-briefline{
  min-height:42px!important;
  padding:7px 9px!important;
  border:1px solid var(--sm-line)!important;
  border-radius:9px!important;
  background:#090A0B!important;
  display:grid!important;
  grid-template-columns:minmax(0,2fr) minmax(104px,1fr)!important;
  align-items:center!important;
  gap:0!important;
}
.selected-day-kicker{
  display:none!important;
}
.selected-day-briefline p{
  margin:0!important;
  padding-right:10px!important;
  color:#DDE0E2!important;
  font-size:7.8px!important;
  line-height:1.25!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.selected-day-go{
  justify-self:stretch!important;
  height:100%!important;
  min-height:28px!important;
  border-left:1px solid var(--sm-line)!important;
  border-top:0!important;
  border-right:0!important;
  border-bottom:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#D8DBDD!important;
  font:600 6.5px/1 var(--mono)!important;
  letter-spacing:.13em!important;
}

/* Fine tune icon blocks: MW and attraction are genuinely parallel. */
.cal-day-top{
  position:relative!important;
  z-index:3!important;
}
.cal-day-icons{
  position:relative!important;
  z-index:3!important;
  width:100%!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  gap:0!important;
  align-items:center!important;
  padding:5px 2px 0!important;
}
.cal-day-icons > .cal-object,
.cal-day-icons > .cal-attraction{
  width:100%!important;
  display:grid!important;
  place-items:center!important;
}
.cal-day-icons > .cal-object:first-child{
  border-right:1px solid rgba(255,255,255,.032);
}
.cal-day-icons .cal-sky-icon{
  margin:auto!important;
}

/* V1/V2/V3 and O1/O2/O3: obvious jump, no ambiguous second blue. */
.cal-sky-icon.level-1{color:#A8D2E7!important;opacity:1!important}
.cal-sky-icon.level-2{color:#557687!important;opacity:.74!important;filter:none!important}
.cal-sky-icon.level-3{color:#343A3E!important;opacity:.72!important;filter:none!important}

/* New Moon is intentionally dark but readable through a clear pale halo. */
.cal-day-moon.moon-new{
  color:#4B5358!important;
  filter:
    drop-shadow(0 0 2px rgba(255,255,255,.68))
    drop-shadow(0 0 5px rgba(168,210,231,.48))
    drop-shadow(0 0 8px rgba(126,185,218,.20))!important;
}

@media(max-width:760px){
  .selected-day-briefline{
    grid-template-columns:minmax(0,2fr) minmax(94px,1fr)!important;
  }
  .selected-day-briefline p{
    font-size:7.2px!important;
  }
}


/* V0.22.7 — CALENDAR MOCK VALIDATION
   Only exceptional operating nights receive a state signature.
   Normal operational nights remain visually quiet; off-grade remains off-grade. */

.cal-day .cal-day-slotbar{
  position:relative!important;
  overflow:visible!important;
  z-index:5!important;
}

/* Neutral operating day: no GO text, no extra glow. */
.cal-day.operational:not(.monitor-state):not(.nogo-state) .cal-day-slotbar::before,
.cal-day.operational:not(.monitor-state):not(.nogo-state) .cal-day-slotbar::after{
  content:none!important;
}

/* MONITOR: climate attention state.
   Alert stays under the astronomy icons: blurred climate layer below, icons still readable. */
.cal-day.operational.monitor-state{
  border-color:rgba(156,112,48,.28)!important;
  background:
    radial-gradient(circle at 50% 72%, rgba(139,97,39,.22), transparent 60%),
    linear-gradient(145deg,rgba(158,111,42,.10),rgba(9,10,11,.97) 62%)!important;
  box-shadow:
    inset 0 0 22px rgba(140,98,38,.055),
    0 0 10px rgba(107,75,29,.08)!important;
}
.cal-day.operational.monitor-state::before{
  content:""!important;
  position:absolute;
  inset:20px 0 2px;
  z-index:1;
  pointer-events:none;
  background:
    radial-gradient(circle at 50% 78%, rgba(184,145,63,.15), transparent 46%),
    repeating-linear-gradient(135deg,
      transparent 0 7px,
      rgba(206,171,88,.07) 7px 8px);
}
.cal-day.operational.monitor-state .cal-day-icons{
  opacity:1!important;
}
.cal-day.operational.monitor-state .cal-day-slotbar{
  background:#7F5A28!important;
  box-shadow:0 0 6px rgba(127,90,40,.22)!important;
}
.cal-day.operational.monitor-state .cal-day-slotbar::before{
  content:""!important;
  position:absolute;
  left:-3px;right:-3px;bottom:-2px;
  height:22px;
  pointer-events:none;
  background:linear-gradient(to top,rgba(139,96,38,.24),rgba(139,96,38,.08) 44%,transparent 100%);
  filter:blur(3px);
}
.cal-day.operational.monitor-state .cal-day-slotbar::after{
  content:"!·CLIMA"!important;
  position:absolute;
  left:50%;bottom:5px;
  transform:translateX(-50%);
  color:#D3B679;
  text-shadow:0 0 8px rgba(139,96,38,.28);
  font:650 4.8px/1 var(--mono);
  letter-spacing:.11em;
  white-space:nowrap;
}
/* NO-GO: quiet graphite signal + pale lift.
   Only the NO-GO word carries the strong DSE non-operation red. */
.cal-day.operational.nogo-state{
  border-color:rgba(119,126,132,.22)!important;
  background:#090A0B!important;
  box-shadow:0 0 8px rgba(236,240,242,.055)!important;
}
.cal-day.operational.nogo-state .cal-day-slotbar{
  background:linear-gradient(90deg,#292D31 0%,#4A5055 48%,#25292D 100%)!important;
  box-shadow:0 0 6px rgba(236,240,242,.13)!important;
}
.cal-day.operational.nogo-state .cal-day-slotbar::before{
  content:""!important;
  position:absolute;
  left:-3px;right:-3px;bottom:-2px;
  height:24px;
  pointer-events:none;
  background:linear-gradient(to top,rgba(240,243,245,.18),rgba(240,243,245,.055) 46%,transparent 100%);
  filter:blur(2.5px);
}
.cal-day.operational.nogo-state .cal-day-slotbar::after{
  content:"NO-GO"!important;
  position:absolute;
  left:50%;bottom:5px;
  transform:translateX(-50%);
  color:#E55262;
  text-shadow:
    0 0 5px rgba(229,82,98,.30),
    0 0 9px rgba(229,82,98,.14);
  font:700 5px/1 var(--mono);
  letter-spacing:.13em;
  white-space:nowrap;
}


/* Hide generic calendar data tags during this design test.
   The bar signature + debrief is the intended hierarchy. */
.cal-data-state{
  display:none!important;
}

/* A tiny mock marker lives in the calendar toolbar, not in every cell. */
.calendar-toolbar::after{
  content:"MOCK DATA";
  position:absolute;
  right:50px;
  color:#596166;
  font:600 5px/1 var(--mono);
  letter-spacing:.10em;
}
.calendar-toolbar{
  position:relative;
}


/* =========================================================
   V0.23.2 · SURGICAL PASS
   Only: NO-GO state + selected-day debrief geometry.
   ========================================================= */

/* NO-GO
   Red frame returns.
   The bar itself remains graphite, but its emitted glow is red.
   Diagonal red wireframe sits behind the disabled astronomy. */
.cal-day.operational.nogo-state{
  border-color:rgba(151,43,61,.78)!important;
  background:
    linear-gradient(145deg,rgba(113,28,43,.075),rgba(9,10,11,.98) 58%)!important;
  box-shadow:
    0 0 10px rgba(128,32,48,.19),
    inset 0 0 17px rgba(128,32,48,.045)!important;
}
.cal-day.operational.nogo-state::before{
  content:""!important;
  position:absolute;
  inset:19px 0 2px;
  z-index:1;
  pointer-events:none;
  background:
    radial-gradient(circle at 50% 78%,rgba(174,58,73,.13),transparent 48%),
    repeating-linear-gradient(
      135deg,
      transparent 0 7px,
      rgba(219,102,115,.075) 7px 8px
    )!important;
}
.cal-day.operational.nogo-state .cal-day-top,
.cal-day.operational.nogo-state .cal-day-icons{
  position:relative!important;
  z-index:3!important;
}
.cal-day.operational.nogo-state .cal-day-icons .cal-sky-icon,
.cal-day.operational.nogo-state .cal-day-moon{
  color:#555C61!important;
  opacity:.52!important;
  filter:none!important;
}
.cal-day.operational.nogo-state .cal-day-slotbar{
  background:linear-gradient(90deg,#272B2F 0%,#50565B 48%,#25292D 100%)!important;
  box-shadow:
    0 0 6px rgba(185,48,67,.28),
    0 0 11px rgba(185,48,67,.13)!important;
}
.cal-day.operational.nogo-state .cal-day-slotbar::before{
  content:""!important;
  position:absolute;
  left:-4px;right:-4px;bottom:-3px;
  height:25px;
  pointer-events:none;
  background:linear-gradient(
    to top,
    rgba(176,43,62,.31),
    rgba(176,43,62,.10) 44%,
    transparent 100%
  )!important;
  filter:blur(2.7px)!important;
}
.cal-day.operational.nogo-state .cal-day-slotbar::after{
  content:"NO-GO"!important;
  position:absolute;
  left:50%;bottom:5px;
  transform:translateX(-50%);
  color:#F04F61!important;
  text-shadow:
    0 0 5px rgba(240,79,97,.38),
    0 0 10px rgba(240,79,97,.18)!important;
  font:700 5px/1 var(--mono)!important;
  letter-spacing:.13em!important;
  white-space:nowrap!important;
}

/* DAY BRIEF
   One continuous outer container.
   Two transparent internal layout zones only; no visible seam/dent. */
.selected-day-panel{
  display:block!important;
  margin:8px 10px 10px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
}
.selected-day-briefline{
  width:100%!important;
  min-height:42px!important;
  padding:0!important;
  border:1px solid var(--sm-line)!important;
  border-radius:9px!important;
  overflow:hidden!important;
  background:#090A0B!important;
  display:grid!important;
  grid-template-columns:minmax(0,2fr) minmax(104px,1fr)!important;
  align-items:stretch!important;
  gap:0!important;
}
.selected-day-briefcopy,
.selected-day-briefaction{
  min-width:0!important;
  background:transparent!important;
  border:0!important;
}
.selected-day-briefcopy{
  padding:7px 10px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:8px!important;
}
.selected-day-kicker{
  display:inline-block!important;
  flex:0 0 auto!important;
  color:#656D72!important;
  font:600 5.5px/1 var(--mono)!important;
  letter-spacing:.12em!important;
  white-space:nowrap!important;
}
.selected-day-briefcopy p{
  margin:0!important;
  padding:0!important;
  min-width:0!important;
  color:#DDE0E2!important;
  font-size:7.5px!important;
  line-height:1.2!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.selected-day-briefaction{
  padding:6px 8px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
}
.selected-day-go{
  width:auto!important;
  height:28px!important;
  min-height:28px!important;
  margin:0!important;
  padding:0 10px!important;
  border:1px solid rgba(255,255,255,.075)!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.018)!important;
  color:#D8DBDD!important;
  font:600 6.2px/1 var(--mono)!important;
  letter-spacing:.12em!important;
  white-space:nowrap!important;
  justify-self:auto!important;
}
.selected-day-go:disabled{
  opacity:.34!important;
}
@media(max-width:760px){
  .selected-day-briefline{
    grid-template-columns:minmax(0,2fr) minmax(94px,1fr)!important;
  }
  .selected-day-briefcopy{
    gap:6px!important;
    padding:6px 8px!important;
  }
  .selected-day-briefcopy p{
    font-size:7px!important;
  }
  .selected-day-briefaction{
    padding:5px 6px!important;
  }
  .selected-day-go{
    padding:0 8px!important;
    font-size:5.8px!important;
  }
}

.selected-day-briefcopy{
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr)!important;
  align-items:center!important;
  gap:8px!important;
}
.selected-day-briefstack{
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  gap:2px!important;
}
.selected-day-briefstack strong{
  display:block!important;
  margin:0!important;
  color:#F0F2F4!important;
  font:700 7.2px/1 var(--mono)!important;
  letter-spacing:.08em!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.selected-day-briefcopy p{
  font-size:6.4px!important;
  line-height:1.1!important;
  color:#9FA5A9!important;
}
.selected-day-briefaction{
  justify-content:center!important;
}
@media(max-width:760px){
  .selected-day-briefcopy{gap:6px!important}
  .selected-day-briefstack strong{font-size:6.6px!important}
  .selected-day-briefcopy p{font-size:5.9px!important}
}


/* =========================================================
   V0.23.5 · DAY BRIEF FULL-WIDTH FIX
   Only width/distribution changes. Height stays compact.
   ========================================================= */
#selectedDayPanel.selected-day-panel{
  display:block!important;
  width:calc(100% - 18px)!important;
  max-width:none!important;
  min-width:0!important;
  margin:8px 9px 10px!important;
  padding:0!important;
  justify-self:stretch!important;
  align-self:auto!important;
  box-sizing:border-box!important;
}

#selectedDayPanel .selected-day-briefline{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  height:42px!important;
  min-height:42px!important;
  max-height:42px!important;
  margin:0!important;
  padding:0!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 104px!important;
  grid-template-areas:none!important;
  align-items:stretch!important;
  gap:0!important;
  box-sizing:border-box!important;
}

#selectedDayPanel .selected-day-briefcopy{
  min-width:0!important;
  height:100%!important;
  padding:6px 10px!important;
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr)!important;
  grid-template-areas:none!important;
  align-items:center!important;
  gap:8px!important;
  overflow:hidden!important;
}

#selectedDayPanel .selected-day-kicker{
  display:block!important;
  margin:0!important;
  grid-area:auto!important;
  color:#687076!important;
  font:600 5.2px/1 var(--mono)!important;
  letter-spacing:.12em!important;
  white-space:nowrap!important;
}

#selectedDayPanel .selected-day-briefstack{
  min-width:0!important;
  height:100%!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  gap:2px!important;
  overflow:hidden!important;
}

#selectedDayPanel .selected-day-briefstack strong{
  margin:0!important;
  color:#F0F2F4!important;
  font:700 6.8px/1 var(--mono)!important;
  letter-spacing:.07em!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

#selectedDayPanel .selected-day-briefstack p{
  margin:0!important;
  padding:0!important;
  color:#8F979C!important;
  font:500 5.9px/1.05 var(--mono)!important;
  letter-spacing:.025em!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

#selectedDayPanel .selected-day-briefaction{
  min-width:0!important;
  height:100%!important;
  padding:5px 7px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:0!important;
  background:transparent!important;
}

#selectedDayPanel .selected-day-go{
  width:100%!important;
  height:28px!important;
  min-height:28px!important;
  max-height:28px!important;
  margin:0!important;
  padding:0 7px!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid rgba(255,255,255,.075)!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.018)!important;
  color:#D8DBDD!important;
  font:600 5.7px/1 var(--mono)!important;
  letter-spacing:.095em!important;
  white-space:nowrap!important;
  grid-area:auto!important;
}

@media(max-width:380px){
  #selectedDayPanel.selected-day-panel{
    width:calc(100% - 16px)!important;
    margin:8px 8px 10px!important;
  }
  #selectedDayPanel .selected-day-briefline{
    grid-template-columns:minmax(0,1fr) 92px!important;
    grid-template-areas:none!important;
  }
  #selectedDayPanel .selected-day-briefcopy{
    grid-template-columns:auto minmax(0,1fr)!important;
    grid-template-areas:none!important;
    gap:6px!important;
    padding:5px 7px!important;
  }
  #selectedDayPanel .selected-day-kicker{
    grid-area:auto!important;
    font-size:4.8px!important;
  }
  #selectedDayPanel .selected-day-briefstack strong{
    font-size:6.2px!important;
  }
  #selectedDayPanel .selected-day-briefstack p{
    font-size:5.4px!important;
  }
  #selectedDayPanel .selected-day-go{
    grid-area:auto!important;
    font-size:5.2px!important;
    letter-spacing:.075em!important;
  }
}


/* =========================================================
   V0.23.6 · DAY BRIEF HEIGHT COMPLETION
   Width/content/CTA remain frozen.
   The brief absorbs the card's free vertical space on 5-row months.
   Six-row months automatically return to the compact height.
   ========================================================= */
#calendarCard{
  --day-brief-height:74px;
}

#selectedDayPanel .selected-day-briefline{
  height:var(--day-brief-height)!important;
  min-height:var(--day-brief-height)!important;
  max-height:var(--day-brief-height)!important;
}

#selectedDayPanel .selected-day-briefcopy{
  padding-top:9px!important;
  padding-bottom:9px!important;
}


/* =========================================================
   V0.23.7 · DAY BRIEF RHYTHM + TYPOGRAPHIC HIERARCHY
   Keep the outer card height frozen.
   Expand the internal brief to complete the vertical rhythm,
   using the OP / Horizon Profile hierarchy as reference.
   ========================================================= */
#selectedDayPanel.selected-day-panel{
  margin:10px 9px 12px!important;
}

#selectedDayPanel .selected-day-briefline{
  height:var(--day-brief-height)!important;
  min-height:var(--day-brief-height)!important;
  max-height:var(--day-brief-height)!important;
  grid-template-columns:minmax(0,1fr) 126px!important;
  border-radius:13px!important;
}

#selectedDayPanel .selected-day-briefcopy{
  height:100%!important;
  min-height:0!important;
  padding:12px 14px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  align-content:space-between!important;
  justify-items:start!important;
  gap:0!important;
}

#selectedDayPanel .selected-day-kicker{
  display:block!important;
  margin:0!important;
  color:#6B7277!important;
  font:600 5.3px/1 var(--mono)!important;
  letter-spacing:.16em!important;
  white-space:nowrap!important;
}

#selectedDayPanel .selected-day-briefstack{
  width:100%!important;
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-start!important;
  gap:4px!important;
}

#selectedDayPanel .selected-day-briefstack strong{
  margin:0!important;
  color:#F1F2F3!important;
  font:700 9px/1.02 var(--mono)!important;
  letter-spacing:.06em!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

#selectedDayPanel .selected-day-briefstack p{
  margin:0!important;
  padding:0!important;
  color:#99A0A5!important;
  font:500 6.35px/1.2 var(--mono)!important;
  letter-spacing:.02em!important;
  white-space:normal!important;
  overflow:hidden!important;
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
}

#selectedDayPanel .selected-day-briefaction{
  height:100%!important;
  min-height:0!important;
  padding:10px 12px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}

#selectedDayPanel .selected-day-go{
  width:100%!important;
  max-width:110px!important;
  height:34px!important;
  min-height:34px!important;
  max-height:34px!important;
  padding:0 12px!important;
  font:600 5.9px/1 var(--mono)!important;
  letter-spacing:.1em!important;
}

@media(max-width:380px){
  #selectedDayPanel .selected-day-briefline{
    grid-template-columns:minmax(0,1fr) 112px!important;
  }
  #selectedDayPanel .selected-day-briefcopy{
    padding:10px 11px!important;
  }
  #selectedDayPanel .selected-day-kicker{
    font-size:4.9px!important;
  }
  #selectedDayPanel .selected-day-briefstack strong{
    font-size:8.1px!important;
  }
  #selectedDayPanel .selected-day-briefstack p{
    font-size:5.7px!important;
  }
  #selectedDayPanel .selected-day-go{
    height:31px!important;
    min-height:31px!important;
    max-height:31px!important;
    font-size:5.25px!important;
  }
}

#selectedDayPanel .selected-day-briefaction{
  padding-top:8px!important;
  padding-bottom:8px!important;
}

#selectedDayPanel .selected-day-go{
  height:32px!important;
  min-height:32px!important;
  max-height:32px!important;
}

/* On the 6-week month the JS sets 44px, keeping the card geometry intact. */
@media(max-width:380px){
  #calendarCard{
    --day-brief-height:70px;
  }
}

/* =========================================================
   V0.24 · CALENDAR GRID + TYPE CONSOLIDATION
   Final authority for the calendar card. Matches the label /
   value / support hierarchy used by the remaining Sky Master.
   ========================================================= */
#calendarCard{
  --day-brief-height:76px;
  --calendar-week-rows:5;
  flex:0 0 min(94vw,620px)!important;
  width:min(94vw,620px)!important;
  max-width:620px!important;
  grid-template-rows:auto auto auto minmax(0,1fr) auto!important;
  padding-bottom:0!important;
}
#calendarCard .calendar-toolbar{
  min-height:58px!important;
  padding:10px 12px!important;
  grid-template-columns:36px minmax(0,1fr) 36px!important;
  gap:12px!important;
}
#calendarCard .calendar-toolbar>div{gap:4px!important}
#calendarCard .calendar-toolbar span{
  font:500 6.5px/1 var(--mono)!important;
  letter-spacing:.08em!important;
}
#calendarCard .calendar-toolbar strong{
  font:620 11px/1.1 var(--sans)!important;
  letter-spacing:.025em!important;
}
#calendarCard .calendar-toolbar::after{
  content:"PILOT DATA"!important;
  right:56px!important;
  bottom:7px!important;
  font:600 5.5px/1 var(--mono)!important;
}
#calendarCard .cal-nav{
  width:36px!important;
  height:36px!important;
  border-radius:8px!important;
}
#calendarCard .calendar-weekdays{
  padding:10px 12px 5px!important;
  gap:5px!important;
}
#calendarCard .calendar-weekdays span{
  color:#687076!important;
  font:600 6.5px/1 var(--mono)!important;
  letter-spacing:.06em!important;
}
#calendarCard .calendar-grid{
  padding:5px 12px 10px!important;
  gap:5px!important;
  min-height:0!important;
  grid-template-rows:repeat(var(--calendar-week-rows),minmax(56px,1fr))!important;
  align-content:stretch!important;
}
#calendarCard .cal-day{
  min-height:56px!important;
  padding:6px 5px 7px!important;
  border-radius:7px!important;
}
#calendarCard .cal-day-number{
  color:#B5BABE!important;
  font:600 10px/1 var(--mono)!important;
}
#calendarCard .cal-day-moon{
  width:15px!important;
  height:15px!important;
}
#calendarCard .cal-day-icons{
  padding:5px 1px 1px!important;
}
#calendarCard .cal-day-icons .cal-sky-icon{
  width:14px!important;
  height:14px!important;
}
#calendarCard .cal-day.adjacent-month{
  pointer-events:none!important;
  border-color:rgba(133,145,152,.10)!important;
  background:rgba(255,255,255,.012)!important;
  box-shadow:none!important;
}
#calendarCard .cal-day.adjacent-month .cal-day-number{
  color:#4F585E!important;
  font-weight:500!important;
}
#calendarCard .cal-day.operational.nogo-state .cal-day-slotbar::after{
  content:"HOLD"!important;
  font-size:5.2px!important;
}
#selectedDayPanel.selected-day-panel{
  width:calc(100% - 24px)!important;
  margin:0 12px 12px!important;
}
#selectedDayPanel .selected-day-briefline{
  grid-template-columns:minmax(0,1fr) 118px!important;
  border-radius:10px!important;
}
#selectedDayPanel .selected-day-briefcopy{
  padding:11px 12px!important;
}
#selectedDayPanel .selected-day-kicker{
  color:#687076!important;
  font:600 6.5px/1 var(--mono)!important;
  letter-spacing:.10em!important;
}
#selectedDayPanel .selected-day-briefstack{gap:4px!important}
#selectedDayPanel .selected-day-briefstack strong{
  font:650 10px/1.05 var(--sans)!important;
  letter-spacing:.035em!important;
}
#selectedDayPanel .selected-day-briefstack p{
  color:#8F979C!important;
  font:500 7px/1.25 var(--sans)!important;
  letter-spacing:.01em!important;
}
#selectedDayPanel .selected-day-briefaction{padding:9px 10px!important}
#selectedDayPanel .selected-day-go{
  max-width:none!important;
  height:34px!important;
  min-height:34px!important;
  max-height:34px!important;
  font:600 6.5px/1 var(--mono)!important;
  letter-spacing:.09em!important;
}
@media(max-width:760px){
  #calendarCard .calendar-grid{gap:4px!important}
  #calendarCard .cal-day{min-height:52px!important;padding-inline:4px!important}
  #selectedDayPanel .selected-day-briefline{grid-template-columns:minmax(0,1fr) 108px!important}
}
@media(max-width:380px){
  #calendarCard{--day-brief-height:72px}
  #calendarCard .calendar-toolbar{padding-inline:9px!important;gap:8px!important}
  #calendarCard .calendar-weekdays{padding-inline:9px!important;gap:3px!important}
  #calendarCard .calendar-grid{padding-inline:9px!important;gap:3px!important}
  #calendarCard .cal-day{min-height:48px!important;padding:5px 3px 6px!important}
  #selectedDayPanel.selected-day-panel{width:calc(100% - 18px)!important;margin-inline:9px!important}
  #selectedDayPanel .selected-day-briefline{grid-template-columns:minmax(0,1fr) 98px!important}
  #selectedDayPanel .selected-day-briefcopy{padding:9px!important}
  #selectedDayPanel .selected-day-kicker{font-size:5.7px!important}
  #selectedDayPanel .selected-day-briefstack strong{font-size:8.8px!important}
  #selectedDayPanel .selected-day-briefstack p{font-size:6.3px!important}
  #selectedDayPanel .selected-day-go{font-size:5.8px!important}
}

/* =========================================================
   V0.26 · DAY BRIEF TYPOGRAPHIC HIERARCHY
   Same label / value / support rhythm as Atmosphere + Field.
   ========================================================= */
#calendarCard{--day-brief-height:94px!important}
#selectedDayPanel.selected-day-panel{
  margin-bottom:14px!important;
}
#selectedDayPanel .selected-day-briefline{
  grid-template-columns:minmax(0,1fr) 132px!important;
}
#selectedDayPanel .selected-day-briefcopy{
  padding:15px 16px!important;
  gap:7px!important;
}
#selectedDayPanel .selected-day-kicker{
  color:#788187!important;
  font:600 7px/1 var(--mono)!important;
  letter-spacing:.09em!important;
}
#selectedDayPanel .selected-day-briefstack{
  gap:5px!important;
}
#selectedDayPanel .selected-day-briefstack strong{
  color:#F0F2F3!important;
  font:650 13px/1.05 var(--sans)!important;
  letter-spacing:.01em!important;
}
#selectedDayPanel .selected-day-briefstack p{
  color:#929A9F!important;
  font:500 8px/1.3 var(--sans)!important;
  letter-spacing:0!important;
}
#selectedDayPanel .selected-day-briefaction{
  padding:14px 13px!important;
}
#selectedDayPanel .selected-day-go{
  height:40px!important;
  min-height:40px!important;
  max-height:40px!important;
  font:600 7px/1 var(--mono)!important;
}
@media(max-width:460px){
  #calendarCard{--day-brief-height:88px!important}
  #selectedDayPanel .selected-day-briefline{grid-template-columns:minmax(0,1fr) 108px!important}
  #selectedDayPanel .selected-day-briefcopy{padding:12px!important}
  #selectedDayPanel .selected-day-briefstack strong{font-size:11px!important}
  #selectedDayPanel .selected-day-briefstack p{font-size:7.5px!important}
  #selectedDayPanel .selected-day-briefaction{padding:11px 9px!important}
  #selectedDayPanel .selected-day-go{font-size:6.4px!important}
}