body.auto-theme:not(.dark-mode){
  background-color:#719dcc!important;
  background-image:url('./sky-palette.svg')!important;
  background-size:1200% 100%!important;
  background-position:var(--sky-position,50%) center!important;
  background-repeat:no-repeat!important;
  background-attachment:fixed!important;
  transition:background-position 12s ease;
}
/* All foreground information keeps the same contrast, including at night. */
body.auto-theme:not(.dark-mode) footer{color:#171512;background:#fffdf7e8;border-radius:12px;padding:8px}
@media(prefers-reduced-motion:reduce){body.auto-theme{transition:none}}
/* Frosted surfaces show the sky while preserving dark text contrast. */
body.auto-theme:not(.dark-mode){--card:rgba(255,254,251,.82);--panel:rgba(255,254,251,.74);--muted:#514b47}
body.auto-theme:not(.dark-mode) :is(.card,.project-card,.panel,.kpi,.gate-card,.modal-card,.sidebar,.topbar){
  background:rgba(255,254,251,.20)!important;
  backdrop-filter:blur(18px) saturate(115%);
  -webkit-backdrop-filter:blur(18px) saturate(115%);
  border-color:rgba(35,31,28,.72)!important;
  box-shadow:0 8px 28px rgba(24,27,45,.12),inset 0 1px 0 rgba(255,255,255,.72)!important;
  color:#171512;
}
body.auto-theme:not(.dark-mode) :is(.list-row,.rank-row){background:rgba(255,254,251,.66)!important}
body.auto-theme .topbar{padding:.8rem 1rem;border:1px solid rgba(35,31,28,.72);border-radius:1rem}
/* The white raster matte blends into the surrounding surface. */
.house-logo,.brand img{border:none!important;padding:0!important}
#tvScreenBtn.hidden,#tvOverlay.hidden{display:none!important}
.hidden{display:none!important}
#signOut:not(.hidden){display:inline-flex!important;flex-shrink:0}
#appRoot{min-height:100dvh;display:flex;flex-direction:column;width:100%;padding-bottom:0!important}
#appRoot>footer{margin-top:auto!important;padding-top:1rem;padding-bottom:.75rem}
#authCard>div:first-child{align-items:center;flex-wrap:wrap;gap:.75rem}
.finance-page-footer{margin-top:auto;padding:1rem;text-align:center;font-size:.75rem}