/* PLANDRM Client Portal — layout only. All color/type/spacing tokens, buttons,
   inputs, cards, and the login gate come from ../styles.css (shared design tokens);
   this file just lays out the four screens differently from the advisor app's
   sidebar-nav shell, since this portal is deliberately low-density. */

/* the shared stylesheet sets body{overflow:hidden} because the advisor app manages
   its own internal scroll region under a fixed header — this portal has no such
   region, so it needs the page itself to scroll normally. */
body { background: var(--bg); color: var(--text); font-family: var(--font-ui); overflow-y: auto; min-height: auto; }

.cp-header {
  display: flex; align-items: center; justify-content: space-between;
  padding: 14px 24px; border-bottom: 1px solid var(--border);
}
.cp-header-right { display: flex; align-items: center; gap: 14px; }

.cp-nav {
  display: flex; gap: 4px; padding: 10px 24px 0; border-bottom: 1px solid var(--border);
}
.cp-nav-item {
  padding: 10px 16px; font-size: var(--fs-base); font-weight: 600; color: var(--muted);
  cursor: pointer; border-bottom: 2px solid transparent; user-select: none;
}
.cp-nav-item:hover { color: var(--text); }
.cp-nav-item.active { color: var(--accent); border-bottom-color: var(--accent); }

.cp-main { max-width: 760px; margin: 0 auto; padding: 24px; }

.cp-readiness { font-size: var(--fs-lg); }
.cp-readiness-good { color: var(--green); }
.cp-readiness-warn { color: var(--yellow); }
.cp-readiness-bad  { color: var(--red); }

.cp-bs-card { margin-bottom: 12px; }
.cp-bs-row {
  display: flex; justify-content: space-between; align-items: center;
  padding: 8px 0; border-top: 1px solid var(--border);
  font-size: var(--fs-base);
}
.cp-bs-row:first-of-type { border-top: none; }

.cp-progress-track {
  height: 8px; border-radius: var(--radius-pill); background: var(--surface-lift);
  overflow: hidden; margin-top: 8px;
}
.cp-progress-fill { height: 100%; background: var(--accent); border-radius: var(--radius-pill); }