/* --------------------------------------------------------------------------
   Dashboard panel (hero right column)
-------------------------------------------------------------------------- */
.dashboard {
    background: var(--surface);
    border: 1px solid var(--surface-border);
    border-radius: var(--r-card);
    padding: var(--space-lg);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    box-shadow: var(--shadow);
}
.dashboard h2 {
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--text-muted);
    margin-bottom: var(--space-md);
}
.metric {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    padding: var(--space-sm) 0;
    border-top: 1px solid var(--surface-border);
    gap: var(--space-md);
}
.metric:first-of-type { border-top: 0; padding-top: 0; }
.metric span { font-size: 14px; color: var(--text-muted); }
.metric strong {
    font-family: var(--font-heading);
    font-weight: 700;
    font-size: 22px;
    color: var(--color-primary);
    font-variant-numeric: tabular-nums;
}


/* --------------------------------------------------------------------------
   Section titles
-------------------------------------------------------------------------- */
.section-title { max-width: 640px; margin-bottom: var(--space-2xl); }
.section-title h2 { font-size: 32px; margin-bottom: var(--space-sm); }
.section-title p { color: var(--text-muted); }