/**
 * Report Hub — style.css
 * assets/css/style.css
 *
 * HANYA berisi report-specific styles.
 * Layout, sidebar, navbar, cards dasar, tombol, login, dsb.
 * sudah di-handle oleh global.css — JANGAN override di sini.
 */

/* ── Report Table ────────────────────────────────────────────────────────────── */
.report-table thead th {
    font-size: .75rem;
    text-transform: uppercase;
    letter-spacing: .04em;
    font-weight: 600;
    color: #6c757d;
    border-bottom: 2px solid #dee2e6;
    background-color: var(--light-color);
}

.report-table tbody tr:hover {
    background: rgba(209, 57, 100, .04);
}

td .progress {
    min-width: 60px;
}

/* ── Filter Bar ──────────────────────────────────────────────────────────────── */
.filter-bar {
    border: none;
}

.filter-label {
    font-size: .7rem;
    text-transform: uppercase;
    letter-spacing: .05em;
    color: #6c757d;
    font-weight: 600;
    margin-bottom: .25rem;
}

/* ── Stats Cards (report variant) ───────────────────────────────────────────── */
/* global.css sudah punya .stats-card, ini hanya extends */
.stats-title {
    font-size: .75rem;
    text-transform: uppercase;
    letter-spacing: .05em;
}

.stats-value {
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.2;
    margin: .25rem 0;
}

/* ── Gauge / big number ──────────────────────────────────────────────────────── */
.gauge-value {
    font-size: 2.5rem;
    font-weight: 800;
    line-height: 1;
}

/* ── Sidebar section label (sub-category di nav Report Hub) ─────────────────── */
.sidebar-section-label {
    padding: .5rem 1rem .2rem;
    font-size: .65rem;
    text-transform: uppercase;
    letter-spacing: .1em;
    color: #adb5bd;
    font-weight: 600;
    margin-top: .25rem;
}

/* ── Chart canvas default max-height ────────────────────────────────────────── */
canvas {
    max-width: 100%;
}