/*
 * The daylight skin is opt-in. The existing cockpit remains the default
 * night theme; this file only changes paint tokens and never changes layout.
 */

.theme-control {
  display: flex;
  align-items: center;
  gap: 7px;
  min-height: 34px;
  padding: 0 11px;
  border-right: 1px solid rgba(111,178,196,.12);
}

.theme-control > span { color: #718887; font-size: 9px; }
.theme-control > button {
  min-width: 42px;
  min-height: 28px;
  padding: 0 8px;
  border: 1px solid rgba(103,228,214,.38);
  border-radius: 7px;
  background: rgba(18,78,82,.4);
  color: #bdf4eb;
  font-size: 11px;
  font-weight: 600;
  cursor: pointer;
}
.theme-control > button:hover,
.theme-control > button:focus-visible {
  border-color: #67e4d6;
  background: rgba(27,113,112,.62);
  color: #fff;
}

.usable-cockpit.daylight-mode {
  color-scheme: light;
  color: #20374a;
  --cockpit-bg: #f7fbfd;
  --cockpit-panel: rgba(255,255,255,.74);
  --cockpit-line: rgba(93,145,166,.25);
  --glass-panel: linear-gradient(145deg, rgba(255,255,255,.92), rgba(226,242,246,.86) 46%, rgba(244,250,252,.9));
  --glass-panel-strong: linear-gradient(145deg, rgba(255,255,255,.97), rgba(218,238,243,.94) 48%, rgba(240,248,250,.96));
  --glass-control: rgba(245,251,252,.88);
  --glass-control-hover: rgba(211,239,237,.94);
  --glass-control-sheen: linear-gradient(180deg, rgba(255,255,255,.96), rgba(58,151,158,.04) 48%, rgba(218,239,242,.4));
  --glass-border: rgba(69,126,140,.3);
  --glass-border-strong: rgba(35,139,142,.56);
  --glass-highlight: rgba(255,255,255,.95);
  --glass-shadow: inset 1px 1px 0 var(--glass-highlight), inset -1px -1px 0 rgba(47,145,154,.08), 0 14px 34px rgba(63,103,116,.13);
  --glass-shadow-control: inset 1px 1px 0 rgba(255,255,255,.98), inset 0 0 18px rgba(40,127,127,.06), 0 7px 18px rgba(52,87,85,.09);
  --glass-shadow-hover: inset 1px 1px 0 #fff, inset 0 0 22px rgba(40,127,127,.1), 0 12px 26px rgba(52,87,85,.13);
  --glass-shadow-selected: inset 1px 1px 0 #fff, inset 0 0 24px rgba(40,127,127,.13), 0 10px 24px rgba(52,87,85,.12), 0 0 0 1px rgba(40,127,127,.2);
  --glass-shadow-pressed: inset 0 2px 10px rgba(38,83,82,.14), 0 3px 8px rgba(52,87,85,.08);
  --glass-button-text: #244348;
  --glass-button-text-muted: #466966;
  --glass-button-accent: #287f7f;
  --glass-button-gold: #9a641d;
  background:
    radial-gradient(circle at 50% 44%, rgba(176,224,235,.38), transparent 34%),
    radial-gradient(circle at 74% 28%, rgba(211,204,251,.26), transparent 28%),
    linear-gradient(145deg, #f5fafc, #edf5f8 56%, #f8fbfd);
}

.usable-cockpit.daylight-mode .cockpit-stars {
  opacity: .17;
  background-image: radial-gradient(circle, rgba(65,147,181,.36) 0 1px, transparent 1.4px);
}
.usable-cockpit.daylight-mode .cockpit-stars::after {
  background-image: radial-gradient(circle, rgba(108,176,194,.25) 0 1px, transparent 1.4px);
}
.usable-cockpit.daylight-mode .cockpit-frame {
  border-color: rgba(116,164,183,.22);
  box-shadow: inset 0 0 100px rgba(107,157,177,.08);
}
.usable-cockpit.daylight-mode .cockpit-frame::before {
  border-color: rgba(116,164,183,.18);
  background: linear-gradient(90deg, rgba(233,245,249,.84), rgba(251,254,255,.28));
}
.usable-cockpit.daylight-mode .cockpit-frame i { border-color: rgba(116,164,183,.18); }
.usable-cockpit.daylight-mode .cockpit-frame i:nth-child(2) { box-shadow: 0 -18px 60px rgba(101,177,196,.12); }
.usable-cockpit.daylight-mode .cockpit-frame i:nth-child(3) { border-color: rgba(212,164,87,.2); }

.usable-cockpit.daylight-mode .cockpit-header {
  border-bottom-color: rgba(110,151,168,.2);
  background: linear-gradient(180deg, rgba(255,255,255,.9), rgba(245,250,252,.7));
}
.usable-cockpit.daylight-mode .cockpit-brand { color: #213d52; }
.usable-cockpit.daylight-mode .cockpit-brand span {
  border-color: rgba(41,177,178,.38);
  color: #159e9e;
  box-shadow: inset 0 0 16px rgba(50,186,186,.12), 0 0 22px rgba(50,186,186,.08);
}
.usable-cockpit.daylight-mode .developer-credit { border-left-color: rgba(41,152,165,.24); color: #607c8a; }
.usable-cockpit.daylight-mode .developer-credit span { color: #159e9e; }
.usable-cockpit.daylight-mode .developer-credit b { color: #425f70; }
.usable-cockpit.daylight-mode .top-commands {
  border-color: rgba(116,163,180,.26);
  background: rgba(255,255,255,.72);
  box-shadow: 0 18px 54px rgba(89,130,150,.14), inset 0 0 24px rgba(89,172,190,.06);
}
.usable-cockpit.daylight-mode .top-commands a,
.usable-cockpit.daylight-mode .top-commands button { color: #496679; }
.usable-cockpit.daylight-mode .top-commands a + a,
.usable-cockpit.daylight-mode .top-commands > * + * { border-left-color: rgba(115,157,173,.2); }
.usable-cockpit.daylight-mode .top-commands a:hover,
.usable-cockpit.daylight-mode .top-commands a:focus-visible,
.usable-cockpit.daylight-mode .top-commands button:hover,
.usable-cockpit.daylight-mode .top-commands button:focus-visible { color: #1b5067; background: rgba(87,190,207,.13); }
.usable-cockpit.daylight-mode .top-commands .is-primary { color: #916021; }
.usable-cockpit.daylight-mode .top-commands .insight-command { color: #0d5554; background: #8adfd3; box-shadow: 0 0 18px rgba(61,185,172,.2); }
.usable-cockpit.daylight-mode .top-commands .insight-command:hover,
.usable-cockpit.daylight-mode .top-commands .insight-command:focus-visible { color: #07413f; background: #a5eee2; }
.usable-cockpit.daylight-mode .flight-meta {
  border-color: rgba(57,157,206,.44);
  background: linear-gradient(145deg, rgba(255,255,255,.9), rgba(224,244,250,.76));
  color: #234b61;
  box-shadow: 0 0 0 1px rgba(57,157,206,.1), inset 0 0 22px rgba(57,157,206,.06), 0 0 20px rgba(57,157,206,.1);
}
.usable-cockpit.daylight-mode .flight-meta:hover,
.usable-cockpit.daylight-mode .flight-meta:focus-visible { border-color: #38aee2; color: #173d53; box-shadow: 0 0 0 2px rgba(57,157,206,.14), inset 0 0 24px rgba(57,157,206,.1), 0 0 24px rgba(57,157,206,.14); }
.usable-cockpit.daylight-mode .flight-meta b { color: #23465a; }
.usable-cockpit.daylight-mode .flight-meta small { color: #526d79; font-weight: 500; }
.usable-cockpit.daylight-mode .online-dot { background: #28bda9; box-shadow: 0 0 12px rgba(40,189,169,.55); }

.usable-cockpit.daylight-mode .side-rail {
  border-color: rgba(122,170,185,.3);
  background: linear-gradient(145deg, rgba(255,255,255,.8), rgba(229,244,248,.65) 42%, rgba(214,234,241,.58));
  box-shadow: inset 1px 1px 0 rgba(255,255,255,.9), inset -1px -1px 0 rgba(89,183,193,.1), inset 0 0 28px rgba(92,188,201,.1), 16px 0 55px rgba(76,125,145,.12);
}
.usable-cockpit.daylight-mode .side-rail::before { border-color: rgba(255,255,255,.72); }
.usable-cockpit.daylight-mode .side-rail-heading { color: #6c8792; }
.usable-cockpit.daylight-mode .side-rail-divider { background: linear-gradient(90deg, transparent, rgba(58,159,172,.3), transparent); }
.usable-cockpit.daylight-mode .side-rail a { color: #597482; }
.usable-cockpit.daylight-mode .side-rail a > span:first-child { color: #688d9a; }
.usable-cockpit.daylight-mode .side-rail-copy small { color: #78929c; }
.usable-cockpit.daylight-mode .side-rail a:hover,
.usable-cockpit.daylight-mode .side-rail a:focus-visible,
.usable-cockpit.daylight-mode .side-rail a.is-active { color: #1c6474; border-color: rgba(41,171,171,.28); background: rgba(103,213,205,.18); box-shadow: inset 0 0 20px rgba(103,198,193,.08); }
.usable-cockpit.daylight-mode .side-rail a.is-active::before { background: #25b7ad; box-shadow: 0 0 12px rgba(37,183,173,.5); }
.usable-cockpit.daylight-mode .side-rail a.is-active > span:first-child { color: #159e9e; }
.usable-cockpit.daylight-mode .side-rail a.is-active .side-rail-copy small { color: #3a9897; }
.usable-cockpit.daylight-mode .side-rail-deep { border-color: rgba(128,104,219,.18) !important; }
.usable-cockpit.daylight-mode .side-rail-deep > span:first-child { color: #816ed0 !important; }
.usable-cockpit.daylight-mode .side-rail-node { border-color: rgba(71,147,218,.18) !important; }
.usable-cockpit.daylight-mode .side-rail-node > span:first-child { color: #448fd2 !important; }
.usable-cockpit.daylight-mode .side-rail-talent { border-color: rgba(210,151,66,.2) !important; }
.usable-cockpit.daylight-mode .side-rail-talent > span:first-child { color: #c28c3e !important; }
.usable-cockpit.daylight-mode .side-rail-backup { border-color: rgba(49,174,165,.2) !important; }
.usable-cockpit.daylight-mode .side-rail-backup > span:first-child { color: #24a79e !important; }

.usable-cockpit.daylight-mode .viewport-shell {
  border-color: rgba(143,218,230,.42);
  background: radial-gradient(circle at 52% 48%, rgba(18,67,89,.46), rgba(2,12,21,.9) 45%, #01060c 100%);
  box-shadow: inset 0 1px rgba(241,255,255,.2), inset 0 -1px rgba(103,228,214,.1), inset 0 0 92px rgba(0,5,11,.72), 0 20px 80px rgba(72,127,146,.18), 0 0 36px rgba(80,170,193,.1);
}
.usable-cockpit.daylight-mode .viewport-shell::before { border-color: rgba(207,244,249,.24); box-shadow: inset 0 2px 2px rgba(255,255,255,.14), inset 2px 0 3px rgba(157,231,240,.1), inset -2px 0 3px rgba(154,124,255,.08), inset 0 0 52px rgba(128,223,238,.06); }
.usable-cockpit.daylight-mode .viewport-glass {
  background: linear-gradient(118deg, rgba(222,250,253,.06), rgba(157,226,236,.015) 24%, transparent 48%, rgba(154,124,255,.025) 76%, rgba(189,239,246,.045)), radial-gradient(ellipse at 50% -12%, rgba(225,252,255,.08), transparent 45%);
  box-shadow: inset 0 0 62px rgba(128,223,238,.07), inset 0 0 4px rgba(235,254,255,.32);
  backdrop-filter: blur(.65px) saturate(1.14) brightness(1.02);
  -webkit-backdrop-filter: blur(.65px) saturate(1.14) brightness(1.02);
}
.usable-cockpit.daylight-mode .viewport-glass::before { background: linear-gradient(180deg, rgba(241,255,255,.24), rgba(168,231,239,.06) 47%, rgba(122,199,214,.02) 68%, transparent 82%); }
.usable-cockpit.daylight-mode .viewport-glass::after { opacity: .42; }
.usable-cockpit.daylight-mode .viewport-lens { background: transparent; box-shadow: none; }
.usable-cockpit.daylight-mode.lens-balanced .viewport-lens { background: rgba(2,13,22,.2); backdrop-filter: brightness(.82) saturate(.92) contrast(1.03); -webkit-backdrop-filter: brightness(.82) saturate(.92) contrast(1.03); box-shadow: inset 0 0 70px rgba(0,7,15,.14); }
.usable-cockpit.daylight-mode.lens-deep .viewport-lens { background: rgba(0,4,12,.54); backdrop-filter: brightness(.6) saturate(.8) contrast(1.08); -webkit-backdrop-filter: brightness(.6) saturate(.8) contrast(1.08); box-shadow: inset 0 0 90px rgba(0,0,5,.3); }
.usable-cockpit.daylight-mode .viewport-heading span { color: #76eadc; }
.usable-cockpit.daylight-mode .viewport-heading h1 { color: #f2fbff; text-shadow: 0 2px 12px rgba(0,0,0,.95), 0 0 18px rgba(103,228,214,.12); }
.usable-cockpit.daylight-mode .organism-stage > .cosmic-background-canvas { opacity: .9; mix-blend-mode: screen; filter: saturate(.98) brightness(1.02); }
.usable-cockpit.daylight-mode .organism-stage > .cosmic-orbital-canvas { opacity: .98; filter: saturate(1.3) brightness(1.12); }
.usable-cockpit.daylight-mode .p1-lifeform-layer .rotatable-organism-canvas { mix-blend-mode: screen; filter: saturate(1.06) brightness(1.03); }
.usable-cockpit.daylight-mode .p1-lifeform-layer .rotatable-organism-canvas:focus-visible,
.usable-cockpit.daylight-mode .organism-canvas:focus-visible { outline-color: #b7772f; }

.usable-cockpit.daylight-mode .knowledge-marker {
  border-color: rgba(103,158,177,.14);
  background: rgba(255,255,255,.7);
  color: #24465b;
  box-shadow: 0 6px 18px rgba(81,128,143,.1);
}
.usable-cockpit.daylight-mode .knowledge-marker b { color: #24465b; text-shadow: none; }
.usable-cockpit.daylight-mode .knowledge-marker small { color: #6c8994; }
.usable-cockpit.daylight-mode .knowledge-marker:hover,
.usable-cockpit.daylight-mode .knowledge-marker:focus-visible,
.usable-cockpit.daylight-mode .knowledge-marker.is-selected { border-color: rgba(205,145,64,.72); background: rgba(255,255,255,.92); box-shadow: 0 0 0 1px rgba(205,145,64,.18), 0 10px 28px rgba(75,124,141,.18), 0 0 26px rgba(205,145,64,.16); }
.usable-cockpit.daylight-mode .knowledge-marker.is-selected b { color: #8d5d24; }
.usable-cockpit.daylight-mode .stage-ticker { border-color: rgba(92,161,177,.28); background: linear-gradient(90deg, rgba(255,255,255,.88), rgba(224,244,248,.78), rgba(255,255,255,.88)); color: #406574; box-shadow: inset 0 0 18px rgba(103,198,214,.08), 0 2px 12px rgba(71,122,139,.12); text-shadow: none; }

.usable-cockpit.daylight-mode .mission-panel,
.usable-cockpit.daylight-mode .domain-empty-state,
.usable-cockpit.daylight-mode .domain-summary,
.usable-cockpit.daylight-mode .domain-data-viz,
.usable-cockpit.daylight-mode .talent-panel,
.usable-cockpit.daylight-mode .domain-overview-card,
.usable-cockpit.daylight-mode .growth-history-view,
.usable-cockpit.daylight-mode .growth-history-item article {
  color: #284457;
}
.usable-cockpit.daylight-mode .domain-empty-state { border-color: rgba(55,171,171,.28); background: linear-gradient(145deg, rgba(235,252,251,.9), rgba(220,243,246,.72) 50%, rgba(245,251,253,.9)); box-shadow: inset 1px 1px 0 rgba(255,255,255,.9), inset 0 0 28px rgba(103,207,201,.1), 0 10px 28px rgba(76,126,143,.12); }
.usable-cockpit.daylight-mode .domain-empty-state > span,
.usable-cockpit.daylight-mode .domain-detail-header span { color: #169a99; }
.usable-cockpit.daylight-mode .domain-empty-state h2,
.usable-cockpit.daylight-mode .domain-detail-header h2 { color: #24465b; }
.usable-cockpit.daylight-mode .domain-empty-state p,
.usable-cockpit.daylight-mode .domain-detail-header p { color: #486675; font-size: 12px; }
.usable-cockpit.daylight-mode .domain-empty-state button,
.usable-cockpit.daylight-mode .domain-detail-back { border-color: rgba(38,163,164,.38); background: rgba(255,255,255,.76) !important; color: #1d6c75 !important; }
.usable-cockpit.daylight-mode .domain-empty-state button:hover,
.usable-cockpit.daylight-mode .domain-empty-state button:focus-visible,
.usable-cockpit.daylight-mode .domain-detail-back:hover,
.usable-cockpit.daylight-mode .domain-detail-back:focus-visible { border-color: #26a3a4; background: rgba(201,245,240,.86) !important; }
.usable-cockpit.daylight-mode .academic-track-context {
  border-color: rgba(186,128,45,.38);
  background: rgba(255,249,235,.94);
  box-shadow: inset 1px 1px 0 rgba(255,255,255,.96), 0 8px 20px rgba(117,83,37,.08);
}
.usable-cockpit.daylight-mode .academic-track-context span { color: #9a5e18; }
.usable-cockpit.daylight-mode .academic-track-context b { color: #74470f; }
.usable-cockpit.daylight-mode .academic-track-context small { color: #476473; }
.usable-cockpit.daylight-mode .cockpit-domain-superpower { border-color: rgba(209,158,81,.3); background: rgba(255,248,231,.62); }
.usable-cockpit.daylight-mode .superpower-state header span { color: #b2752c; }
.usable-cockpit.daylight-mode .superpower-state header strong,
.usable-cockpit.daylight-mode .superpower-state header > b,
.usable-cockpit.daylight-mode .domain-overview-card strong,
.usable-cockpit.daylight-mode .domain-summary-stat strong,
.usable-cockpit.daylight-mode .domain-summary-stat:last-child strong,
.usable-cockpit.daylight-mode .talent-panel-header > strong,
.usable-cockpit.daylight-mode .talent-metric-grid b { color: #9a6728; }
.usable-cockpit.daylight-mode .superpower-state p,
.usable-cockpit.daylight-mode .superpower-state > small,
.usable-cockpit.daylight-mode .superpower-stats,
.usable-cockpit.daylight-mode .superpower-stats b { color: #536b76; }
.usable-cockpit.daylight-mode .superpower-state p { font-size: 11px; }
.usable-cockpit.daylight-mode .superpower-state > small,
.usable-cockpit.daylight-mode .superpower-stats { font-size: 10px; }
.usable-cockpit.daylight-mode .talent-panel { border-color: rgba(211,159,80,.32); background: linear-gradient(145deg, rgba(255,250,239,.9), rgba(237,246,247,.8) 50%, rgba(250,252,252,.94)); box-shadow: inset 1px 1px 0 rgba(255,255,255,.9), inset 0 0 24px rgba(242,190,114,.06); }
.usable-cockpit.daylight-mode .talent-panel-header span,
.usable-cockpit.daylight-mode .talent-columns header span,
.usable-cockpit.daylight-mode .talent-ledger header span { color: #b2752c; }
.usable-cockpit.daylight-mode .talent-panel-header h2 { color: #654b29; }
.usable-cockpit.daylight-mode .talent-panel-header p,
.usable-cockpit.daylight-mode .talent-columns header b,
.usable-cockpit.daylight-mode .talent-ledger header b { color: #536a74; }
.usable-cockpit.daylight-mode .talent-panel-header p { font-size: 11px; }
.usable-cockpit.daylight-mode .talent-columns header b,
.usable-cockpit.daylight-mode .talent-ledger header b { font-size: 10px; }
.usable-cockpit.daylight-mode .talent-metric-grid div { border-left-color: rgba(194,142,64,.2); }
.usable-cockpit.daylight-mode .talent-metric-grid span { color: #435f6d; font-size: 10px; font-weight: 500; }
.usable-cockpit.daylight-mode .talent-metric-grid small { color: #536b75; font-size: 9px; }
.usable-cockpit.daylight-mode .talent-columns li,
.usable-cockpit.daylight-mode .talent-ledger li { border-color: rgba(111,157,162,.2); background: rgba(255,255,255,.64); }
.usable-cockpit.daylight-mode .talent-columns li b,
.usable-cockpit.daylight-mode .talent-ledger li b { color: #2f5365; font-size: 11px; font-weight: 650; }
.usable-cockpit.daylight-mode .talent-columns li small,
.usable-cockpit.daylight-mode .talent-ledger li small { color: #4d6874; font-size: 9px; }
.usable-cockpit.daylight-mode .talent-ledger-empty {
  border-color: rgba(103,148,157,.3) !important;
  background: rgba(248,252,252,.9) !important;
}
.usable-cockpit.daylight-mode .domain-overview-card { border-color: rgba(106,168,181,.34); background: linear-gradient(145deg, rgba(241,252,254,.88), rgba(225,243,247,.76) 55%, rgba(248,252,253,.9)); box-shadow: inset 1px 1px 0 rgba(255,255,255,.9), inset 0 0 24px rgba(110,209,222,.08), 0 9px 24px rgba(76,126,143,.1); }
.usable-cockpit.daylight-mode .domain-overview-card .overview-kicker,
.usable-cockpit.daylight-mode .domain-overview-card small,
.usable-cockpit.daylight-mode .domain-summary-stat small { color: #6e8993; }
.usable-cockpit.daylight-mode .domain-overview-card > b { color: #37586a; }
.usable-cockpit.daylight-mode .domain-summary { border-color: rgba(105,176,187,.3); background: linear-gradient(145deg, rgba(245,253,254,.9), rgba(223,243,247,.74) 48%, rgba(248,252,253,.9)); box-shadow: inset 1px 1px 0 rgba(255,255,255,.86), inset 0 0 28px rgba(103,228,214,.08), 0 10px 28px rgba(76,126,143,.1); }
.usable-cockpit.daylight-mode .domain-summary > header { color: #58818b; }
.usable-cockpit.daylight-mode .domain-summary > header b,
.usable-cockpit.daylight-mode .domain-summary-stat span,
.usable-cockpit.daylight-mode .domain-summary-note { color: #466675; }
.usable-cockpit.daylight-mode .domain-summary-stat { border-left-color: rgba(72,166,174,.2); }
.usable-cockpit.daylight-mode .domain-summary-note i { background: #27b5aa; box-shadow: 0 0 10px rgba(39,181,170,.5); }
.usable-cockpit.daylight-mode .domain-data-viz { border-color: rgba(142,122,220,.28); background: linear-gradient(145deg, rgba(241,239,255,.86), rgba(227,236,250,.8) 52%, rgba(248,250,253,.92)); box-shadow: inset 1px 1px 0 rgba(255,255,255,.9), inset 0 0 24px rgba(154,124,255,.08), 0 10px 28px rgba(76,126,143,.1); }
.usable-cockpit.daylight-mode .domain-data-viz > header span { color: #7a68bd; }
.usable-cockpit.daylight-mode .domain-data-viz > header b { color: #496475; }
.usable-cockpit.daylight-mode .domain-data-viz > header > strong { color: #98631e; font-weight: 600; }
.usable-cockpit.daylight-mode .knowledge-graph-plot { border-color: rgba(123,157,201,.25); background: radial-gradient(circle at 50% 45%, rgba(156,190,244,.22), transparent 62%), rgba(248,251,255,.72); }
.usable-cockpit.daylight-mode .knowledge-graph-links line { stroke: rgba(117,137,205,.42); }
.usable-cockpit.daylight-mode .knowledge-graph-node text { fill: #49617d; stroke: rgba(255,255,255,.85); }
.usable-cockpit.daylight-mode .knowledge-graph-empty b { color: #38596a; font-size: 13px; font-weight: 650; }
.usable-cockpit.daylight-mode .knowledge-graph-empty small { color: #4f6976; font-size: 10px; }
.usable-cockpit.daylight-mode .knowledge-data-metrics b { color: #98631e; }
.usable-cockpit.daylight-mode .knowledge-data-metrics span,
.usable-cockpit.daylight-mode .knowledge-level-distribution > span,
.usable-cockpit.daylight-mode .knowledge-level-distribution i b { color: #486571; }
.usable-cockpit.daylight-mode .knowledge-data-metrics span { font-size: 10px; font-weight: 500; }

.usable-cockpit.daylight-mode .domain-start-action,
.usable-cockpit.daylight-mode .cockpit-controls > .persistent-action-zone .domain-start-action { border-color: rgba(191,133,52,.58) !important; background: linear-gradient(100deg, rgba(255,225,159,.9), rgba(247,200,116,.8) 52%, rgba(239,228,196,.9)) !important; color: #6e4b1e !important; box-shadow: 0 0 0 1px rgba(191,133,52,.1), inset 0 1px rgba(255,255,255,.82), 0 12px 26px rgba(135,100,52,.14), 0 0 26px rgba(205,157,76,.12); }
.usable-cockpit.daylight-mode .domain-start-action b { color: #6e4b1e !important; }
.usable-cockpit.daylight-mode .domain-start-action small { color: #876d42; }
.usable-cockpit.daylight-mode .domain-start-action > span { border-color: rgba(174,122,40,.46); color: #96651e; }
.usable-cockpit.daylight-mode .domain-start-action > i { color: #93611d; }
.usable-cockpit.daylight-mode .domain-assistant-action,
.usable-cockpit.daylight-mode .cockpit-controls > .persistent-action-zone .domain-assistant-action { border-color: rgba(42,166,157,.48); background: linear-gradient(100deg, rgba(209,248,241,.92), rgba(181,236,229,.82) 52%, rgba(226,245,247,.94)) !important; color: #176d70 !important; box-shadow: 0 0 0 1px rgba(42,166,157,.08), inset 0 1px rgba(255,255,255,.82), 0 12px 26px rgba(67,139,141,.12), 0 0 24px rgba(103,228,214,.1); }
.usable-cockpit.daylight-mode .domain-assistant-action b { color: #176d70 !important; }
.usable-cockpit.daylight-mode .domain-assistant-action small { color: #4d8988; }
.usable-cockpit.daylight-mode .domain-assistant-action > span,
.usable-cockpit.daylight-mode .domain-assistant-action > i { color: #168e87; }

.usable-cockpit.daylight-mode .cockpit-controls {
  border-top-color: rgba(110,151,168,.2);
  background: linear-gradient(0deg, rgba(245,250,252,.94), rgba(255,255,255,.7));
}
.usable-cockpit.daylight-mode .cockpit-controls > div { border-right-color: rgba(115,157,173,.2); }
.usable-cockpit.daylight-mode .cockpit-controls span { color: #6e8791; }
.usable-cockpit.daylight-mode .cockpit-controls button { color: #3e6474; }
.usable-cockpit.daylight-mode .cockpit-controls .lens-control { border-color: rgba(47,166,160,.3); background: rgba(226,249,245,.72); box-shadow: inset 0 1px rgba(255,255,255,.86), 0 0 16px rgba(41,157,157,.07); }
.usable-cockpit.daylight-mode .cockpit-controls .lens-control > span { color: #218d88; }
.usable-cockpit.daylight-mode .cockpit-controls .lens-control > button { border-color: rgba(47,166,160,.36); background: rgba(186,239,232,.72); color: #19736e; }
.usable-cockpit.daylight-mode .cockpit-controls .lens-control > button:hover,
.usable-cockpit.daylight-mode .cockpit-controls .lens-control > button:focus-visible { border-color: #28a79f; background: rgba(147,224,215,.88); color: #0e5d59; }
.usable-cockpit.daylight-mode .theme-control { border-right-color: rgba(115,157,173,.2); }
.usable-cockpit.daylight-mode .theme-control > span { color: #6e8791; }
.usable-cockpit.daylight-mode .theme-control > button { border-color: rgba(57,142,196,.35); background: rgba(225,242,252,.9); color: #28688e; }
.usable-cockpit.daylight-mode .theme-control > button:hover,
.usable-cockpit.daylight-mode .theme-control > button:focus-visible,
.usable-cockpit.daylight-mode .theme-control > button[aria-pressed="true"] { border-color: #378dc2; background: rgba(190,226,248,.95); color: #1d5a80; }

@media (min-width: 901px) {
  .usable-cockpit.daylight-mode .side-rail-heading { color: #536f7c; }
  .usable-cockpit.daylight-mode .side-rail a {
    border-color: rgba(87, 151, 169, .26) !important;
    background-color: rgba(246, 252, 253, .82) !important;
    background-image: linear-gradient(145deg, rgba(255, 255, 255, .9), rgba(221, 240, 244, .8)) !important;
    color: #294f61 !important;
    box-shadow: inset 1px 1px 0 rgba(255, 255, 255, .92), 0 5px 14px rgba(70, 119, 134, .1) !important;
  }
  .usable-cockpit.daylight-mode .side-rail-copy small,
  .usable-cockpit.daylight-mode .side-rail-deep .side-rail-copy small,
  .usable-cockpit.daylight-mode .side-rail-node .side-rail-copy small,
  .usable-cockpit.daylight-mode .side-rail-talent .side-rail-copy small,
  .usable-cockpit.daylight-mode .side-rail-backup .side-rail-copy small { color: #5f7c88; }
  .usable-cockpit.daylight-mode .side-rail a:hover,
  .usable-cockpit.daylight-mode .side-rail a:focus-visible,
  .usable-cockpit.daylight-mode .side-rail a.is-active {
    border-color: rgba(37, 163, 164, .46) !important;
    background-color: rgba(206, 243, 241, .9) !important;
    background-image: linear-gradient(145deg, rgba(235, 253, 250, .96), rgba(181, 229, 228, .88)) !important;
    color: #124f5e !important;
  }
  .usable-cockpit.daylight-mode .side-rail a.is-active .side-rail-copy small { color: #287d7d; }

  .usable-cockpit.daylight-mode .cockpit-controls > div:not(.persistent-action-zone) {
    border-color: rgba(91, 151, 169, .28);
    background: rgba(239, 248, 250, .86);
    box-shadow: inset 0 1px rgba(255, 255, 255, .92), 0 5px 16px rgba(69, 116, 132, .1);
  }
  .usable-cockpit.daylight-mode .cockpit-controls > div:not(.persistent-action-zone) > span,
  .usable-cockpit.daylight-mode .cockpit-controls .lens-control > span,
  .usable-cockpit.daylight-mode .theme-control > span { color: #587580; }
  .usable-cockpit.daylight-mode .cockpit-controls > div:not(.persistent-action-zone) > button,
  .usable-cockpit.daylight-mode .cockpit-controls .lens-control > button,
  .usable-cockpit.daylight-mode .theme-control > button,
  .usable-cockpit.daylight-mode .theme-control > button[aria-pressed="true"] {
    border-color: rgba(55, 145, 157, .38) !important;
    background-color: rgba(225, 243, 245, .94) !important;
    background-image: linear-gradient(180deg, rgba(255, 255, 255, .96), rgba(214, 239, 242, .94)) !important;
    color: #245c69 !important;
    box-shadow: inset 0 1px rgba(255, 255, 255, .92), 0 2px 7px rgba(64, 126, 140, .1) !important;
  }
  .usable-cockpit.daylight-mode .cockpit-controls > div:not(.persistent-action-zone) > button:hover,
  .usable-cockpit.daylight-mode .cockpit-controls > div:not(.persistent-action-zone) > button:focus-visible,
  .usable-cockpit.daylight-mode .cockpit-controls .lens-control > button:hover,
  .usable-cockpit.daylight-mode .cockpit-controls .lens-control > button:focus-visible,
  .usable-cockpit.daylight-mode .theme-control > button:hover,
  .usable-cockpit.daylight-mode .theme-control > button:focus-visible {
    border-color: #2ca49e !important;
    background-color: rgba(198, 239, 234, .96) !important;
    background-image: linear-gradient(180deg, rgba(232, 251, 247, .98), rgba(184, 232, 227, .96)) !important;
    color: #125f61 !important;
  }
}

.usable-cockpit.daylight-mode .growth-history-view { border-color: rgba(112,175,192,.3); background: radial-gradient(circle at 82% 8%, rgba(194,183,244,.2), transparent 25%), linear-gradient(145deg, rgba(243,251,253,.9), rgba(224,241,245,.86) 48%, rgba(248,252,253,.96)); box-shadow: inset 1px 1px rgba(255,255,255,.9), inset 0 0 70px rgba(103,228,214,.06), 0 20px 70px rgba(76,126,143,.12); }
.usable-cockpit.daylight-mode .growth-history-header { border-bottom-color: rgba(112,166,180,.2); }
.usable-cockpit.daylight-mode .growth-history-header span { color: #169a99; }
.usable-cockpit.daylight-mode .growth-history-header h1 { color: #284a5d; }
.usable-cockpit.daylight-mode .growth-history-header p,
.usable-cockpit.daylight-mode .growth-history-item article > p { color: #607b87; }
.usable-cockpit.daylight-mode .growth-history-header > a,
.usable-cockpit.daylight-mode .growth-history-empty a,
.usable-cockpit.daylight-mode .growth-history-item footer a,
.usable-cockpit.daylight-mode .growth-history-controls > a { border-color: rgba(46,164,159,.36); background: linear-gradient(145deg, rgba(232,251,248,.9), rgba(255,255,255,.82)); color: #2a7779; box-shadow: inset 1px 1px rgba(255,255,255,.86); }
.usable-cockpit.daylight-mode .growth-history-summary { border-color: rgba(112,175,192,.24); background: rgba(255,255,255,.6); }
.usable-cockpit.daylight-mode .growth-history-summary div { border-left-color: rgba(112,166,180,.18); }
.usable-cockpit.daylight-mode .growth-history-summary dt,
.usable-cockpit.daylight-mode .growth-history-time time,
.usable-cockpit.daylight-mode .growth-history-item footer > span { color: #708892; }
.usable-cockpit.daylight-mode .growth-history-summary dd,
.usable-cockpit.daylight-mode .growth-history-item article > header b,
.usable-cockpit.daylight-mode .growth-history-controls > div b { color: #9a6728; }
.usable-cockpit.daylight-mode .growth-history-time::after { background: rgba(45,164,159,.22); }
.usable-cockpit.daylight-mode .growth-history-time i { border-color: #eaf8fa; background: #2ab7aa; box-shadow: 0 0 12px rgba(42,183,170,.45); }
.usable-cockpit.daylight-mode .growth-history-item article { border-color: rgba(112,175,192,.24); background: linear-gradient(145deg, rgba(255,255,255,.72), rgba(226,243,247,.78)); box-shadow: inset 1px 1px rgba(255,255,255,.86); }
.usable-cockpit.daylight-mode .growth-history-item article > header span { color: #269d98; }
.usable-cockpit.daylight-mode .growth-history-item h2 { color: #2f5265; }
.usable-cockpit.daylight-mode .growth-history-empty { border-color: rgba(45,164,159,.25); }
.usable-cockpit.daylight-mode .growth-history-empty > span { color: #2aa9a2; }
.usable-cockpit.daylight-mode .growth-history-empty h2 { color: #4f5f65; }
.usable-cockpit.daylight-mode .growth-history-empty p { color: #728a92; }

/* Dialogs and workspace surfaces follow the selected homepage skin too. */
.usable-cockpit.daylight-mode :is(.route-dialog, .domain-archive-dialog, .cockpit-workspace-dialog, .today-action-dialog, .ai-assistant-dialog) { color: #284457; background: rgba(250,253,254,.97) !important; border-color: rgba(103,166,181,.35); box-shadow: 0 32px 110px rgba(66,107,123,.22), inset 0 1px rgba(255,255,255,.9); }
.usable-cockpit.daylight-mode :is(.route-dialog, .domain-archive-dialog, .cockpit-workspace-dialog, .today-action-dialog, .ai-assistant-dialog)::backdrop { background: rgba(206,226,233,.48); backdrop-filter: blur(8px) saturate(.92); -webkit-backdrop-filter: blur(8px) saturate(.92); }
.usable-cockpit.daylight-mode .cockpit-workspace-shell { background: radial-gradient(circle at 78% 10%, rgba(177,207,241,.22), transparent 38%), linear-gradient(145deg, rgba(251,254,255,.98), rgba(231,243,247,.98)); }
.usable-cockpit.daylight-mode .cockpit-workspace-topbar { border-bottom-color: rgba(112,166,180,.2); background: rgba(245,251,253,.82); }
.usable-cockpit.daylight-mode .cockpit-workspace-topbar span,
.usable-cockpit.daylight-mode .workspace-intro > span { color: #198f91; }
.usable-cockpit.daylight-mode .cockpit-workspace-topbar h2,
.usable-cockpit.daylight-mode .workspace-intro h2 { color: #294b5e; }
.usable-cockpit.daylight-mode .cockpit-workspace-topbar > button { border-color: rgba(112,166,180,.28); background: rgba(255,255,255,.76); color: #52717e; }
.usable-cockpit.daylight-mode .workspace-intro p,
.usable-cockpit.daylight-mode .workspace-section-heading small { color: #6a838c; }
.usable-cockpit.daylight-mode .discovery-switcher { border-color: rgba(112,166,180,.2); background: rgba(232,245,248,.74); }
.usable-cockpit.daylight-mode .discovery-switcher button { color: #587581; }
.usable-cockpit.daylight-mode .discovery-switcher button:hover,
.usable-cockpit.daylight-mode .discovery-switcher button:focus-visible,
.usable-cockpit.daylight-mode .discovery-switcher button.is-active { border-color: rgba(46,164,159,.32); background: linear-gradient(135deg, rgba(213,246,241,.9), rgba(232,247,249,.88)); color: #216d73; }
.usable-cockpit.daylight-mode :is(.cockpit-direction-card, .guided-question, .guided-results article, .custom-direction-form, .custom-conflict) { background: linear-gradient(145deg, rgba(248,253,254,.94), rgba(225,242,246,.92)); }
.usable-cockpit.daylight-mode :is(.cockpit-direction-card h3, .guided-question h3, .guided-results h3, .custom-conflict h3, .workspace-section-heading span) { color: #2e5063; }
.usable-cockpit.daylight-mode :is(.cockpit-direction-card header, .cockpit-direction-card > small, .guided-results small, .custom-direction-form label) { color: #6b848d; }
.usable-cockpit.daylight-mode :is(.guided-options button, .guided-free input, .custom-direction-form input, .custom-direction-form textarea, .cockpit-knowledge-form input, .cockpit-knowledge-form textarea, .cockpit-knowledge-form select, .archive-confirm-field input) { border-color: rgba(103,166,181,.3); background: rgba(255,255,255,.84); color: #294b5e; }
.usable-cockpit.daylight-mode :is(.guided-options button, .workspace-section-heading button, .workspace-success-actions button) { color: #426a79; background: rgba(255,255,255,.78); }
.usable-cockpit.daylight-mode .today-action-dialog { background: rgba(250,253,254,.98) !important; }
.usable-cockpit.daylight-mode .today-action-header { border-bottom-color: rgba(112,166,180,.18); background: linear-gradient(125deg, rgba(218,247,243,.9), rgba(240,249,251,.94)); }
.usable-cockpit.daylight-mode .today-action-header > span { color: #178e8b; }
.usable-cockpit.daylight-mode .today-action-header b { color: #9a6728; }
.usable-cockpit.daylight-mode .today-action-message h2 { color: #2d4d5e; text-shadow: 0 2px 18px rgba(255,255,255,.8); }
.usable-cockpit.daylight-mode .today-action-message p,
.usable-cockpit.daylight-mode .today-action-detail-intro p,
.usable-cockpit.daylight-mode .today-action-detail-grid dd { color: #607b86; }
.usable-cockpit.daylight-mode .today-action-details { border-color: rgba(46,164,159,.22); background: linear-gradient(145deg, rgba(231,249,247,.88), rgba(244,251,252,.96)); }
.usable-cockpit.daylight-mode .today-action-footer { border-top-color: rgba(112,166,180,.18); background: rgba(238,248,250,.9); }
.usable-cockpit.daylight-mode .ai-assistant-header { background: #d8f2ef; border-bottom-color: rgba(112,166,180,.2); }
.usable-cockpit.daylight-mode .ai-assistant-header h2 { color: #2d4d5e; }
.usable-cockpit.daylight-mode .ai-assistant-header p,
.usable-cockpit.daylight-mode .ai-assistant-status,
.usable-cockpit.daylight-mode .ai-assistant-messages { color: #607b86; background: #f7fbfc; }
.usable-cockpit.daylight-mode .ai-assistant-status { border-bottom-color: rgba(112,166,180,.16); }
.usable-cockpit.daylight-mode .assistant-message p { border-color: rgba(112,166,180,.2); background: #eaf5f7; color: #456676; }
.usable-cockpit.daylight-mode .assistant-message.is-user p { border-color: rgba(205,153,73,.28); background: #fff1d6; color: #735528; }
.usable-cockpit.daylight-mode .ai-assistant-prompts { background: #f7fbfc; }
.usable-cockpit.daylight-mode .ai-assistant-composer { border-top-color: rgba(112,166,180,.16); background: #eef7f9; }
.usable-cockpit.daylight-mode .ai-assistant-composer textarea { border-color: rgba(103,166,181,.28); background: #fff; color: #294b5e; }

@media (max-width: 900px) {
  .theme-control { min-height: 44px; padding: 0 5px; justify-content: center; }
  .theme-control > span { font-size: 11px; letter-spacing: 0; }
  .theme-control > button { min-width: 48px; min-height: 44px; }
}

@media (max-width: 560px) {
  .theme-control > span { display: none; }
}