/**
 * ====================================================================
 * FILE: assets/css/custom.css
 * FITUR: CSS Utama Si-ELKA (Menimpa & Melengkapi Tailwind Offline)
 * ====================================================================
 */

/* 1. WARNA DASAR IDENTITAS */
.bg-elka-navy { background-color: #0C1B33 !important; }
.text-elka-navy { color: #0C1B33 !important; }
.border-elka-navy { border-color: #0C1B33 !important; }

.bg-elka-yellow { background-color: #F59E0B !important; }
.text-elka-yellow { color: #F59E0B !important; }

/* 2. TOMBOL UTAMA (PRIMARY BUTTON) */
.btn-elka-navy {
    background-color: #0C1B33 !important;
    color: #ffffff !important;
    transition: all 0.2s ease-in-out !important;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1) !important;
}
.btn-elka-navy:hover {
    background-color: #1e3a8a !important; /* Biru lebih terang saat disorot */
    transform: scale(1.02) !important;
}

/* 3. JUDUL TABEL (TABLE HEADER) */
.table-header-navy {
    background-color: #0C1B33 !important;
    color: #FACC15 !important; /* Kuning Emas */
    text-transform: uppercase !important;
}

/* 4. ANIMASI & BADGE NOTIFIKASI */
.badge-revisi-elka {
    background-color: #fee2e2 !important;
    color: #dc2626 !important;
    border: 1px solid #fca5a5 !important;
    animation: pulse-red-elka 2s infinite !important;
}

@keyframes pulse-red-elka {
    0% { box-shadow: 0 0 0 0 rgba(220, 38, 38, 0.4); }
    70% { box-shadow: 0 0 0 6px rgba(220, 38, 38, 0); }
    100% { box-shadow: 0 0 0 0 rgba(220, 38, 38, 0); }
}