/* style.css - Monitor Bapok Madiun (Executive Version) */

:root {
    --dinas-green: #1b4d3e;
    --dinas-dark: #0b2921;
    --dinas-light: #2d6a4f;
    --dinas-gold: #f1c40f;
    --inflasi-bg: #fff5f5;
    --inflasi-border: #dc3545;
}

body {
    background-color: #f4f7f6;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    color: #333;
}

/* BANNER ATAS */
.banner-top {
    background: linear-gradient(135deg, var(--dinas-dark) 0%, var(--dinas-green) 100%);
    color: white;
    padding: 25px 0;
    border-bottom: 5px solid var(--dinas-gold);
}

/* NAVBAR KONTRAS TINGGI */
.nav-custom {
    background: var(--dinas-green);
    box-shadow: 0 4px 10px rgba(0,0,0,0.2);
    padding: 0;
}

.nav-custom .nav-link {
    color: #ffffff !important;
    font-weight: 700;
    text-transform: uppercase;
    padding: 15px 20px !important;
    border-right: 1px solid rgba(255,255,255,0.1);
    font-size: 0.85rem;
    letter-spacing: 0.5px;
}

.nav-custom .nav-link:hover, .nav-custom .nav-link.active {
    background: var(--dinas-dark);
    color: var(--dinas-gold) !important;
}

.btn-login {
    background-color: var(--dinas-gold);
    color: var(--dinas-dark) !important;
    font-weight: 800;
    padding: 8px 20px;
    border-radius: 4px;
    text-transform: uppercase;
    font-size: 0.85rem;
    text-decoration: none;
}

/* EARLY WARNING BOX */
.ews-box {
    background: var(--inflasi-bg);
    border-left: 5px solid var(--inflasi-border);
    border-radius: 8px;
    padding: 15px;
    margin-bottom: 25px;
}

/* TABEL & BORDER PEMICU INFLASI */
.table-custom thead th {
    background-color: var(--dinas-green) !important;
    color: white;
    text-align: center;
    vertical-align: middle;
    border: 1px solid #dee2e6;
    font-weight: 700;
    padding: 12px 8px;
}

.inflasi-row {
    outline: 2px solid var(--inflasi-border);
    outline-offset: -2px;
    background-color: #fffafa !important;
}

.inflasi-row td {
    border-top: 2px solid var(--inflasi-border) !important;
    border-bottom: 2px solid var(--inflasi-border) !important;
}

.inflasi-row td:first-child { border-left: 2px solid var(--inflasi-border) !important; }
.inflasi-row td:last-child { border-right: 2px solid var(--inflasi-border) !important; }

/* BADGES */
.badge-stabil { background: #d4edda; color: #155724; padding: 4px 8px; border-radius: 4px; font-weight: bold; font-size: 0.75rem; }
.badge-inflasi { background: #dc3545; color: white; padding: 4px 8px; border-radius: 4px; font-weight: bold; font-size: 0.75rem; animation: blinker 1.5s linear infinite; }

@keyframes blinker { 50% { opacity: 0.4; } }

.chart-card { background: white; border-radius: 12px; padding: 20px; box-shadow: 0 4px 15px rgba(0,0,0,0.05); border-top: 4px solid var(--dinas-green); }
.text-num { text-align: right; font-weight: bold; font-family: monospace; }
.footer-note { background: white; border-top: 5px solid var(--dinas-light); padding: 20px; border-radius: 8px; }

@media print { .no-print { display: none !important; } }