/* Black Midnight: Home-only presentation. Existing state and actions are unchanged. */
body.page-home {
  --gold:#91a9d0; --gold2:#566f99; --text:#f1f4f9; --muted:#a3aebf;
  --muted2:#7f8a9b; --line:#26303e; --panel:#0b0e13;
  background:#050607!important; color:var(--text);
}
body.page-home .app-shell .sidebar {background:#07090c!important;border-color:#202733!important}
body.page-home .app-shell .nav button.active,
body.page-home .app-shell .nav-group.has-active>.nav-group-toggle,
body.page-home .app-shell .nav .nav-child.active {background:linear-gradient(90deg,#16243b,#0d1522)!important;box-shadow:inset 3px 0 #819ac3!important;color:#f1f4f9!important}
body.page-home .app-shell .nav button:hover {background:#111a28!important}
body.page-home .app-shell .nav .ico,
body.page-home .app-shell .nav button.active .ico,
body.page-home .app-shell .nav-group.has-active>.nav-group-toggle .ico,
body.page-home .app-shell .nav .nav-child.active .ico {color:#a7b7cf!important}
body.page-home .brand {color:#f1f4f9!important}
body.page-home .brand-sub,body.page-home .user-chip span,body.page-home .system-line {color:#9aa6b8!important}
body.page-home .avatar,body.page-home .main .top-actions .icon-btn,
body.page-home .main .top-actions .btn,body.page-home .date-chip,body.page-home .version-chip,
body.page-home .mobile-menu-button,body.page-home .ask-fab {background:#101925!important;border-color:#29384d!important;color:#dce5f3!important;box-shadow:none!important}
body.page-home .topbar {border-color:#202733!important}
body.page-home .main .eyebrow {color:#9aaecd!important}
body.page-home .main .topbar h1 {color:#f1f4f9!important}
#app .home-midnight {
  --lux-text:#f1f4f9;--lux-muted:#a3aebf;--lux-gold:#91a9d0;
  --lux-gold-soft:#c2cee1;--lux-line:#26303e;
  display:grid;gap:20px!important;max-width:1560px;margin-inline:auto;
}
#app .home-midnight::before,#app .home-midnight::after {display:none!important}
#app .home-midnight * {min-width:0}
#app .home-midnight-hero {
  display:grid;grid-template-columns:minmax(220px,1fr) minmax(440px,1.2fr);gap:24px;
  align-items:center;padding:28px;border:1px solid #293343;border-radius:18px;
  background:linear-gradient(90deg,rgba(5,7,10,.68),rgba(5,7,10,.18)),url('assets/home-midnight-mountains.webp') center 62%/cover no-repeat;
}
#app .home-midnight .home-v152-commandbar,
#app .home-midnight .home-v152-chronos {background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;min-height:0!important;border-radius:0!important;overflow:visible}
#app .home-midnight .home-v152-commandbar {display:flex!important;flex-wrap:wrap;gap:14px!important}
#app .home-midnight .home-v152-commandbar:after,
#app .home-midnight .home-v152-chronos-art {display:none!important}
#app .home-midnight .home-v152-command-copy {flex:1 1 100%}
#app .home-midnight .home-v152-command-copy h2 {font-size:clamp(26px,2.5vw,38px)!important;line-height:1.2;color:#f1f4f9!important;letter-spacing:-.03em}
#app .home-midnight .home-v152-command-copy h2 span {color:#f1f4f9!important}
#app .home-midnight .home-v152-command-copy p {font-size:14px!important;line-height:1.6;color:#bcc7d8!important}
#app .home-midnight .home-v152-eyebrow {color:#9aaecd!important}
#app .home-midnight .home-v152-search-box {background:#0b111c!important;border-color:#29384d!important}
#app .home-midnight .home-v152-icon-btn,#app .home-midnight .home-v152-profile-btn {background:#101925!important;border-color:#29384d!important;color:#dce5f3!important}
#app .home-midnight .home-v152-chronos {display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:14px!important}
#app .home-midnight .home-v152-chronos-main,
#app .home-midnight .home-v152-weather {padding:18px!important;border:1px solid #304057!important;border-radius:14px;background:rgba(9,15,24,.86)!important;align-self:stretch}
#app .home-midnight .home-v152-time {font-size:clamp(30px,3vw,46px)!important;font-weight:450;letter-spacing:-.045em;line-height:1.2;margin-top:8px;white-space:nowrap}
#app .home-midnight .home-v152-day {font-family:inherit;font-size:14px!important;color:#c2cee1!important;margin-top:6px}
#app .home-midnight .home-v152-date-grid {grid-template-columns:1fr!important;gap:8px;margin-top:12px!important}
#app .home-midnight .home-v152-date-grid>div {background:none!important;padding:0!important;border:0!important}
#app .home-midnight .home-v152-date-grid b {font-size:12px!important;line-height:1.5;color:#d2dbe9!important}
#app .home-midnight .home-v152-date-grid small {font-size:10px!important;color:#93a1b6!important}
#app .home-midnight .home-v152-weather-top {gap:8px}
#app .home-midnight .home-v152-weather-top>div>b {font-size:14px!important;color:#e3eaf5!important;overflow-wrap:anywhere}
#app .home-midnight .home-v152-weather-top>span {font-size:28px!important;filter:saturate(.5)!important}
#app .home-midnight .home-v152-weather-temp {font-size:38px!important;margin-top:10px}
#app .home-midnight .home-v152-weather-condition {font-size:12px!important;line-height:1.5;color:#adbbcf!important}
#app .home-midnight .home-v152-weather-meta {margin-top:10px;gap:6px}
#app .home-midnight .home-v152-weather-meta span {padding:7px 0 0;border-color:#273448}
#app .home-midnight .home-v152-weather-meta small {font-size:9px!important;color:#93a1b6}
#app .home-midnight .home-v152-weather-meta b {font-size:13px!important;color:#d7e1f0}
#app .home-midnight .home-v152-weather-refresh {font-size:12px!important;min-height:36px;margin-top:4px;color:#aabbd5!important}
#app .home-midnight .home-v152-kicker,#app .home-midnight .home-v152-section-label>span {color:#b5c5dd!important}
#app .home-midnight .home-v152-metrics-wrap {padding:0!important;border:0!important;background:none!important;box-shadow:none!important}
#app .home-midnight .home-v152-metrics {display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px!important;overflow:visible!important}
#app .home-midnight .home-v152-metric {display:flex!important;flex-direction:column;align-items:center;min-width:0!important;min-height:215px!important;padding:20px 12px!important;border:1px solid #26303e!important;border-radius:15px!important;background:linear-gradient(150deg,#0e1218,#080a0e)!important;box-shadow:none!important}
#app .home-midnight .home-v152-metric>span {order:-1;font-size:15px!important;color:#e6edf7!important;margin:0 0 16px!important}
#app .home-midnight .home-v152-metric .home-v152-metric-ring {--ring:#8da7d1!important;width:108px!important;height:108px!important;background:conic-gradient(var(--ring) calc(var(--p)*1%),#202833 0)!important;box-shadow:none!important;animation:none!important}
#app .home-midnight .home-v152-metric:nth-child(even) .home-v152-metric-ring {--ring:#607eae!important}
#app .home-midnight .home-v152-metric-ring:after {inset:7px;background:#090c11!important;box-shadow:none}
#app .home-midnight .home-v152-metric-ring span {color:#b8c8e2!important;font-size:16px!important}
#app .home-midnight .home-v152-metric-ring b {color:#f1f4f9!important;font-size:20px!important}
#app .home-midnight .home-v152-metric>strong {font-size:19px!important;margin-top:14px!important}
#app .home-midnight .home-v152-metric>small {font-size:12px!important;color:#a3aebf!important;margin-top:4px;min-height:0}
#app .home-midnight .home-v152-actions,#app .home-midnight .home-v152-today,
#app .home-midnight .home-v88-panel,#app .home-midnight .home-v152-more,
#app .home-midnight .home-v88-legacy-card {background:linear-gradient(145deg,#0d1117,#07090d)!important;border:1px solid #26303e!important;border-radius:16px!important;box-shadow:none!important}
#app .home-midnight .home-v152-actions {padding:18px!important}
#app .home-midnight .home-v152-action-grid {grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important}
#app .home-midnight .home-v152-action {min-height:76px!important;padding:12px!important;border-radius:12px!important;border-color:#2a3649!important;background:linear-gradient(135deg,#121c2b,#0c1119)!important;grid-template-columns:32px minmax(0,1fr)!important;gap:10px!important;box-shadow:none!important}
#app .home-midnight .home-v152-action:before,#app .home-midnight .home-v152-action>em {display:none!important}
#app .home-midnight .home-v152-action .home-v152-action-icon {width:32px!important;height:36px!important;background:none!important;border:0!important;color:#c3d0e5!important;box-shadow:none!important;animation:none!important}
#app .home-midnight .home-v152-action b {font-size:14px!important;color:#edf2fa!important}
#app .home-midnight .home-v152-action small {font-size:11px!important;line-height:1.4;color:#a3b1c7!important;white-space:normal!important}
#app .home-midnight-overview {display:grid;grid-template-columns:1fr 1fr;gap:20px}
#app .home-midnight-overview>section {min-height:0!important;padding:22px!important}
#app .home-midnight-overview>section:only-child {grid-column:1/-1}
#app .home-midnight .home-v152-today:before {display:none!important}
#app .home-midnight .home-v152-section-head h3 {font-size:23px!important}
#app .home-midnight .home-v152-score-chip,#app .home-midnight .home-v152-next {background:#111b29!important;border-color:#2b3a50!important;color:#c3d1e6!important}
#app .home-midnight .home-v152-priority {padding:12px 0;grid-template-columns:22px minmax(0,1fr) 20px}
#app .home-midnight .home-v152-priority input {display:block;width:18px;height:18px;accent-color:#819cc8}
#app .home-midnight .home-v152-priority b {font-size:14px!important;line-height:1.4;overflow-wrap:anywhere}
#app .home-midnight .home-v152-priority small {font-size:12px!important;color:#a3aebf}
#app .home-midnight .home-v152-today-foot {flex-wrap:wrap;gap:12px}
#app .home-midnight .home-v152-today-foot button {min-height:42px;font-size:12px!important;color:#dce6f6!important;background:#111b29!important;border-color:#344660!important}
#app .home-midnight .home-v152-today-foot button.primary {background:#1b2d49!important}
#app .home-midnight .home-v152-week-body {grid-template-columns:1fr;margin-top:20px;gap:18px}
#app .home-midnight .home-v152-week-score strong {font-size:38px!important}
#app .home-midnight .home-v152-week-score span {font-size:12px!important;color:#a3aebf}
#app .home-midnight .home-v152-week-bars {height:140px!important;gap:12px}
#app .home-midnight .home-v152-week-bars i {width:70%;max-width:32px;background:linear-gradient(#506c98,#233650)!important;box-shadow:none!important;border-radius:4px 4px 0 0}
#app .home-midnight .home-v152-week-bars b,#app .home-midnight .home-v152-week-bars small {font-size:11px!important;color:#a3b1c7!important}
#app .home-midnight .home-v153-lower-layout .home-v88-panel {padding:24px!important}
#app .home-midnight .home-v88-head>div>b {font-size:18px!important;color:#e9eff8!important}
#app .home-midnight .home-v88-head>div>span {color:#a3aebf!important;font-size:12px!important}
#app .home-midnight .home-v88-bar {background:#202833!important}
#app .home-midnight .home-v88-bar i {background:linear-gradient(90deg,#405a83,#91a9d0)!important}
#app .home-midnight .home-v88-mini-ring {background:conic-gradient(#91a9d0 calc(var(--p)*1%),#202833 0)!important}
#app .home-midnight .home-v88-mini-ring:after {background:#090c11!important}
#app .home-midnight button:focus-visible,#app .home-midnight input:focus-visible {outline:2px solid #a9bfdf!important;outline-offset:4px}
#app .home-midnight .home-v152-metric:hover,#app .home-midnight .home-v152-action:hover {transform:none!important;border-color:#526d95!important}
@media(max-width:1200px) {
  #app .home-midnight-hero {grid-template-columns:1fr;gap:20px;padding:24px}
  #app .home-midnight .home-v152-chronos {grid-template-columns:1fr 1fr!important}
}
@media(max-width:760px) {
  #app .home-midnight {gap:16px!important}
  #app .home-midnight-hero {padding:18px;gap:18px;background-position:60% center;border-radius:15px}
  #app .home-midnight .home-v152-chronos {grid-template-columns:1fr!important;gap:12px!important}
  #app .home-midnight .home-v152-command-copy h2 {font-size:29px!important}
  #app .home-midnight .home-v152-chronos-main,#app .home-midnight .home-v152-weather {padding:16px!important}
  #app .home-midnight .home-v152-time {font-size:38px!important}
  #app .home-midnight .home-v152-date-grid {grid-template-columns:1fr 1fr!important}
  #app .home-midnight .home-v152-weather {display:grid;grid-template-columns:1fr 1fr;gap:6px 14px}
  #app .home-midnight .home-v152-weather-top {grid-column:1/-1;align-items:center}
  #app .home-midnight .home-v152-weather-condition {align-self:center;margin:0}
  #app .home-midnight .home-v152-weather-meta {grid-column:1/-1;margin-top:4px}
  #app .home-midnight .home-v152-weather-refresh {grid-column:1/-1;justify-self:start}
  #app .home-midnight .home-v152-metrics {grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
  #app .home-midnight .home-v152-metric {min-height:212px!important;padding:18px 10px!important}
  #app .home-midnight .home-v152-metric:last-child:nth-child(odd) {grid-column:1/-1!important;width:100%!important;justify-self:stretch!important}
  #app .home-midnight .home-v152-metric .home-v152-metric-ring {width:100px!important;height:100px!important}
  #app .home-midnight .home-v152-action-grid {grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  #app .home-midnight .home-v152-actions {padding:14px!important}
  #app .home-midnight .home-v152-action {padding:12px 10px!important;min-height:82px!important;gap:8px!important}
  #app .home-midnight-overview {grid-template-columns:1fr;gap:16px}
  #app .home-midnight-overview>section {padding:18px!important}
  #app .home-midnight .home-v153-lower-layout .home-v88-panel {padding:18px!important;grid-column:1/-1!important}
  #app .home-midnight .home-v152-section-label {flex-wrap:wrap;gap:6px}
  #app .home-midnight .home-v152-section-label small {font-size:11px!important}
}
@media(prefers-reduced-motion:reduce) {
  #app .home-midnight * {animation:none!important;transition:none!important}
}
