/* Dashboard stat-strip — the artifact's horizontal stat pattern. One tile for now
   (Sarath outstanding); later milestones add Family Pool, Loans, etc. */

.stat-strip {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 16px;
    margin-bottom: 16px;
}

.stat {
    display: block;
    background: var(--paper);
    border: 1px solid var(--rule);
    padding: 20px 22px;
    text-decoration: none;
    color: inherit;
}
a.stat:hover { border-color: var(--accent); text-decoration: none; }

.stat-label {
    font-family: 'Courier New', monospace;
    font-size: 10px;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: var(--ink-faint);
    margin-bottom: 8px;
}

.stat-value {
    font-size: 30px;
    font-style: italic;
    font-weight: 600;
    letter-spacing: -0.01em;
}
.stat-value.warn  { color: var(--accent); }
.stat-value.green { color: var(--green); }

.stat-foot {
    margin-top: 6px;
    font-size: 12.5px;
    color: var(--ink-soft);
}

.stat.placeholder { opacity: 0.4; }