.sidebar > .side-nav:first-of-type { overflow-y: auto; min-height: 0; padding-right: 3px; }
.compact-metrics { margin-top: 16px; }
.compact-metrics .metric-card { min-height: 125px; }
.compact-metrics .metric-value { font-size: clamp(22px, 2vw, 30px); }
.health-value { font-size: 24px !important; }
.health-risk { border-color: rgba(219, 98, 98, .55); }
.safe-details { margin-top: 10px; font-size: 11px; }
.safe-details summary { cursor: pointer; font-weight: 800; }
.safe-details small { display: block; margin-top: 6px; line-height: 1.4; }
.event-upcoming { background: color-mix(in srgb, var(--purple) 5%, transparent); border-radius: 12px; padding-inline: 8px; }
.series-choice { max-width: 520px; }
.choice-row { display: flex; gap: 12px; align-items: flex-start; padding: 12px; border: 1px solid var(--border); border-radius: 12px; cursor: pointer; }
.choice-row input { margin-top: 4px; }
.choice-row span { display: grid; gap: 3px; }
.choice-row small { color: var(--muted); }
.dialog-actions { display: flex; justify-content: flex-end; gap: 10px; margin-top: 8px; }
.event-dot.personal-event { background: rgba(118, 103, 235, .12); color: var(--purple); border-left: 2px solid var(--purple); }
.credit-statement-card { display: grid; gap: 14px; }
.credit-statement-card details { border-top: 1px solid var(--border); padding-top: 12px; }
.credit-statement-card summary, .facts-json + summary { cursor: pointer; }
.debt-opportunity { margin-top: 16px; border-color: color-mix(in srgb, var(--green) 45%, var(--border)); }
.facts-json { max-width: 440px; overflow: auto; margin-top: 8px; padding: 10px; border-radius: 10px; background: color-mix(in srgb, var(--surface-2) 80%, transparent); color: var(--muted); font: 11px/1.45 ui-monospace, SFMono-Regular, Consolas, monospace; white-space: pre-wrap; }
.goal-card .row-actions { margin-top: 12px; }
@media (max-width: 780px) {
  .credit-statement-card .goal-stats { grid-template-columns: 1fr 1fr; }
  .facts-json { max-width: 260px; }
}