:root {
    --navy: #1F3864;
    --blue: #1F4E78;
    --green: #2E7D32;
    --red: #C62828;
    --gold: #BF8F00;
}
body { background: #f4f6f9; font-family: 'Segoe UI', system-ui, sans-serif; }
.navbar { background: var(--navy) !important; }
.navbar .nav-link { color: rgba(255,255,255,.85) !important; }
.navbar .nav-link.active, .navbar .nav-link:hover { color: #fff !important; font-weight: 600; }
.navbar-brand { color: #fff !important; }

.kpi-card {
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0,0,0,.08);
    background: #fff;
}
.kpi-card .kpi-label {
    padding: 10px 14px;
    color: #fff;
    font-weight: 600;
    font-size: .78rem;
    letter-spacing: .03em;
}
.kpi-card .kpi-value {
    padding: 16px 14px;
    font-size: 1.5rem;
    font-weight: 700;
}
.card { border: none; border-radius: 10px; box-shadow: 0 2px 8px rgba(0,0,0,.06); }
.card-header { background: var(--blue); color: #fff; font-weight: 600; border-radius: 10px 10px 0 0 !important; }
.table thead th { background: #eef1f6; font-size: .82rem; text-transform: uppercase; letter-spacing: .03em; }
.badge-baik { background: #C6EFCE; color: #006100; }
.badge-perlu-perhatian { background: #FFEB9C; color: #9C6500; }
.badge-kritis { background: #FFC7CE; color: #9C0006; }
.badge-sesuai { background: #C6EFCE; color: #006100; }
.badge-kurang-personil { background: #FFC7CE; color: #9C0006; }
.badge-kelebihan-personil { background: #FFEB9C; color: #9C6500; }
.section-title { font-weight: 700; color: var(--navy); margin-bottom: 1rem; }
.status-pill { padding: 3px 10px; border-radius: 20px; font-size: .78rem; font-weight: 600; }

/* Shading untuk baris timesheet dengan Overtime > 6 jam pada hari kerja (Senin-Jumat) */
.ot-concern-row {
    background: #FFF3E0 !important;
    border-left: 4px solid #E65100;
}
.ot-concern-row:hover { background: #FFE0B2 !important; }