/**
 * Resident journey visual family — Home siblings: StepCheck, Summary, Project Hub.
 * Calm shared chrome: clear primary action, phone-friendly controls, no behaviour changes.
 * Local source only — not packed until a deliberate release.
 */
body.bp-resident-workspace {
  --bp-journey-ink: #0F172A;
  --bp-journey-muted: #475569;
  --bp-journey-line: #E2E8F0;
  --bp-journey-paper: #FFFFFF;
  --bp-journey-ground: #F7F5F0;
  --bp-journey-accent: #047857;
  --bp-journey-accent-soft: #ECFDF5;
  --bp-journey-accent-edge: #A7F3D0;
}

/* Workspace page ground — one calm family */
body.bp-resident-workspace {
  background: var(--bp-journey-ground);
  color: #374151;
}

body.bp-resident-workspace .page--resident {
  max-width: 980px;
}

/* Primary actions: comfortable touch targets */
body.bp-resident-workspace .button.primary,
body.bp-resident-workspace .button.secondary,
body.bp-resident-workspace .button.ghost {
  min-height: 48px;
  padding: 0.7rem 1.1rem;
  border-radius: 999px;
  font-weight: 700;
}

body.bp-resident-workspace .button.primary {
  background: var(--bp-journey-accent);
  border-color: var(--bp-journey-accent);
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.08);
}

body.bp-resident-workspace .button.primary:hover,
body.bp-resident-workspace .button.primary:focus-visible {
  filter: brightness(0.96);
}

/* Summary — lift recommended next step */
body.bp-resident-workspace .summary-choice-card.is-recommended {
  border-color: var(--bp-journey-accent);
  background: var(--bp-journey-accent-soft);
  box-shadow:
    inset 0 0 0 1px rgba(4, 120, 87, 0.22),
    0 8px 22px rgba(15, 23, 42, 0.08);
  transform: translateY(0);
}

body.bp-resident-workspace .summary-choice-card.is-recommended strong {
  color: var(--bp-journey-ink);
  font-size: 1.05rem;
}

body.bp-resident-workspace #nextStepsCard .bp-section-head,
body.bp-resident-workspace #nextStepsCard .section-header {
  margin-bottom: 0.85rem;
}

body.bp-resident-workspace #nextStepsCard {
  scroll-margin-top: 1rem;
}

body.bp-resident-workspace .summary-choice-grid {
  gap: 14px;
}

/* Project Hub — primary action first, quieter companions */
body.bp-resident-workspace .pf-primary-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  margin-top: 1rem;
  padding: 0.85rem 0.95rem;
  background: var(--bp-journey-paper);
  border: 1px solid var(--bp-journey-line);
  border-radius: 16px;
  box-shadow: 0 1px 4px rgba(15, 23, 42, 0.04);
}

body.bp-resident-workspace .pf-primary-actions .button.primary {
  flex: 1 1 auto;
  min-width: min(100%, 12rem);
}

body.bp-resident-workspace .pf-primary-actions .button.secondary,
body.bp-resident-workspace .pf-primary-actions .button.ghost {
  flex: 0 1 auto;
}

body.bp-resident-workspace .pf-privacy-summary {
  margin-top: 0.85rem;
}

/* Phone + narrow split-screen */
@media (max-width: 700px) {
  body.bp-resident-workspace .button.primary,
  body.bp-resident-workspace .button.secondary,
  body.bp-resident-workspace .button.ghost {
    width: 100%;
    justify-content: center;
  }

  body.bp-resident-workspace .pf-primary-actions {
    flex-direction: column;
    align-items: stretch;
  }

  body.bp-resident-workspace .pf-primary-actions .button.primary {
    order: -1;
    min-width: 0;
    font-size: 1.02rem;
    min-height: 52px;
  }

  body.bp-resident-workspace .summary-choice-grid {
    grid-template-columns: 1fr;
  }

  body.bp-resident-workspace .summary-choice-card.is-recommended {
    padding: 16px 14px;
  }
}

@media (max-width: 420px) {
  body.bp-resident-workspace .page--resident {
    padding-left: 12px;
    padding-right: 12px;
  }
}