/* Home tab (Kevin, 29 Sep 2026; rebuilt 14 Oct 2026): one scroll of the real pages. js/home.js sets
   body.home-mode while Home is open; the rules below show the real Leadership Dashboard (#tab-overview),
   Cash Flow Voids (#tab-cfv, 19 Oct 2026) and Wealth (#tab-wealth) panels after #tab-home without touching
   switchTab. Tokens only. */
body.home-mode #tab-overview { display: block; }
body.home-mode #tab-cfv { display: block; }
body.home-mode #tab-wealth { display: block; }
#homeCfvDivider { display: none; }
body.home-mode #homeCfvDivider { display: block; }
#homeWealthDivider { display: none; }
body.home-mode #homeWealthDivider { display: block; }
.home-wealth-wait { display: none; }
body.home-mode .home-wealth-wait:not([hidden]) { display: block; margin: 0 0 var(--space-3); font-size: var(--fs-sm); color: var(--text-muted); }
body.home-mode.home-folded-wealth .home-wealth-wait { display: none; }

#tab-home .home-header { margin-bottom: var(--space-4); }
#tab-home .home-header h1 { margin: 0; font-size: var(--fs-2xl); color: var(--text-primary); }
#tab-home .home-header p { margin: var(--space-1) 0 0; color: var(--text-secondary); font-size: var(--fs-md); }
/* Jump buttons, one per section (Kevin, 14 Oct 2026). Once the row reaches the top of the screen js/home.js
   pins it there (position:fixed over the content column), and the slot keeps its height so nothing jumps. */
#tab-home .home-jump-slot { margin: var(--space-3) 0 var(--space-4); }
#tab-home .home-jump { display: flex; flex-wrap: wrap; gap: var(--space-2); padding: var(--space-2) 0;
    background: var(--bg-app); box-sizing: border-box; }
#tab-home .home-jump.home-jump-pinned { position: fixed; top: 0; z-index: 90; box-shadow: 0 1px 0 var(--border-default), var(--shadow-sm); }   /* a shadow, not a border: the row keeps its height */
#tab-home .home-jump-btn { flex: 0 0 auto; background: var(--bg-surface); border: 1px solid var(--border-default); border-radius: var(--radius-full);
    padding: var(--space-1) var(--space-3); font: inherit; font-size: var(--fs-base); color: var(--text-primary); cursor: pointer; }
#tab-home .home-jump-btn:hover { background: var(--bg-surface-2); }
#tab-home .home-jump-btn:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }

/* The approvals and CEO brief frame grows to the page's own height (it posts it), so there is never a
   second scroll bar inside Home. */
#tab-home .home-agents-frame { display: block; width: 100%; height: 600px; border: 0; background: transparent; }
#tab-home .home-status { margin: 0 0 var(--space-3); padding: var(--space-3); border-radius: var(--radius-lg);
    background: var(--bg-surface); border: 1px solid var(--border-default); color: var(--text-secondary); font-size: var(--fs-base); }
#tab-home .home-status.home-error { background: var(--danger-bg); border-color: var(--danger-border); color: var(--danger); }

.home-dash-divider { margin: var(--space-6) 0 var(--space-3); font-size: var(--fs-sm); font-weight: var(--fw-semibold);
    text-transform: uppercase; letter-spacing: .04em; color: var(--text-secondary); }
/* Foldable sections (Kevin, 14 Oct 2026). The headers are switches; a folded panel is hidden under Home. */
.home-fold-btn { display: inline-flex; align-items: center; gap: var(--space-2); padding: 0; border: 0; background: none; cursor: pointer;
    font: inherit; text-transform: inherit; letter-spacing: inherit; color: inherit; }
.home-fold-btn:hover { color: var(--text-primary); }
.home-fold-btn:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
#homeForecastHeading:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }   /* the Cash flow forecast jump lands here from the keyboard */
.home-chev { display: inline-block; width: 16px; font-size: var(--fs-lg); line-height: 1; transition: transform .15s; }
.home-fold-btn[aria-expanded="false"] .home-chev { transform: rotate(-90deg); }
body.home-mode.home-folded-dashboard #tab-overview { display: none; }
body.home-mode.home-folded-cfv #tab-cfv { display: none; }
body.home-mode.home-folded-wealth #tab-wealth { display: none; }
/* Until Wealth is drawn it holds a screen of room, so a jump to it can bring its heading to the top. */
body.home-mode:not(.home-wealth-drawn):not(.home-folded-wealth) #tab-wealth { min-height: 100vh; }

@media print {
    #tab-home .home-jump-slot { display: none; }
}