/* Modernisasi kartu NobleUI: shadow lembut, radius lebih besar, transisi halus */

.card {
    border: 1px solid rgba(15, 23, 42, 0.06);
    border-radius: 0.9rem;
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.04), 0 8px 24px -12px rgba(15, 23, 42, 0.08);
    transition: box-shadow 0.2s ease, transform 0.2s ease;
}

.card:hover {
    box-shadow: 0 4px 10px rgba(15, 23, 42, 0.06), 0 16px 32px -16px rgba(15, 23, 42, 0.12);
}

.card .card-title {
    font-weight: 600;
    letter-spacing: 0.01em;
}

.card-body {
    padding: 1.5rem;
}

.stretch-card .card {
    width: 100%;
}

/*
 * Icon badge kartu statistik (dashboard, dsb). Sengaja bikin class sendiri,
 * bukan pakai kombinasi wd-45/icon-md bawaan NobleUI - svg.icon-md itu
 * cuma 16px, kelihatan kekecilan/gak proporsional di dalam lingkaran 45px.
 */
.stat-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 3.25rem;
    height: 3.25rem;
    border-radius: 50%;
}

.stat-icon svg {
    width: 1.5rem;
    height: 1.5rem;
}