/* ── Stat Card Redesign ─────────────────────────────────── */
.stat-card-body {
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 1.1rem 1.1rem 0.9rem;
}
.stat-card-ghost-icon {
    position: absolute;
    top: 10px;
    right: 12px;
    font-size: 2rem;
    opacity: 0.10;
    line-height: 1;
    pointer-events: none;
}
.stat-label {
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--muted, #6c757d);
    margin: 0;
}
.stat-value {
    font-size: 1.75rem;
    font-weight: 500;
    margin: 0;
    line-height: 1.15;
}
.stat-sub {
    font-size: 12px;
    margin: 0;
    margin-top: 2px;
}
/* Left-border accent per card variant */
.stat-card--blue   { border-left: 3px solid var(--info) !important; }
.stat-card--green  { border-left: 3px solid var(--success) !important; }
.stat-card--amber  { border-left: 3px solid var(--warning) !important; }
.stat-card--indigo { border-left: 3px solid var(--comm-fixed) !important; }
.stat-card--teal   { border-left: 3px solid var(--primary-dark) !important; }
.stat-card--coral  { border-left: 3px solid var(--danger) !important; }
/* Remove default top/right/bottom border from Bootstrap card so accent stands cleanly */
.stat-card[class*="stat-card--"] {
    border-top: 0.5px solid rgba(0,0,0,0.08) !important;
    border-right: 0.5px solid rgba(0,0,0,0.08) !important;
    border-bottom: 0.5px solid rgba(0,0,0,0.08) !important;
    border-radius: 0.5rem !important;
}
/* ── End Stat Card Redesign ─────────────────────────────── */

.qa-card { transition: all 0.2s ease; cursor: pointer; background-color: var(--bs-body-bg); }
.qa-card:hover { transform: translateY(-4px); box-shadow: 0 .5rem 1rem rgba(0,0,0,.08) !important; border-color: transparent; }