/* ============================================================
   WARNA KHUSUS M.A  —  JANGAN DISALIN KE PENANG
   ------------------------------------------------------------
   Berkas ini HANYA ada di aplikasi M.A.
   Gunanya: mengunci warna milik M.A supaya TIDAK ikut berubah
   ketika ada fitur/perubahan dari Penang yang disalin ke M.A.

   Cara pakai: cukup ubah nilai warna di bawah ini.
   ============================================================ */

/* --- 1. Judul tabel: latar gelap, TULISAN PUTIH --- */
#main-content table th:not([style*="#4ade80"]):not([style*="#60a5fa"]):not([style*="#fbbf24"]):not([style*="#c084fc"]):not([style*="#f87171"]) {
    background: #424242 !important;
    color: #ffffff !important;
}

/* --- 2. Nama perusahaan di sidebar: EMAS --- */
.sidebar .brand-title {
    color: #facc15 !important;
    font-size: 20px !important;
}

/* --- 3. Motto di bawah nama perusahaan --- */
.sidebar .brand-motto {
    color: #f7d7dc !important;
    font-size: 10px !important;
}

/* --- 4. Sub menu sidebar: ikut warna tulisan sidebar (biar terang) --- */
.dropdown-menu a {
    color: var(--sidebar-text, #ffffff) !important;
}

/* --- 5. MODAL PEMBAYARAN: latar ikut WARNA SIDEBAR M.A (DIKUNCI) ---
   Jangan diubah oleh perubahan dari Penang. */
#modalPembayaran > div {
    background: var(--sidebar-bg, #9e1527) !important;
}
/* teks yang menempel langsung di latar modal dibuat terang supaya terbaca */
body #modalPembayaran .by-lbl,
body #modalPembayaran .by-info strong,
body #modalPembayaran #wrapMetodePembayaran label,
body #modalPembayaran #wrapJumlahBayar label {
    color: #ffffff !important;
}
/* label di DALAM kotak terang tetap gelap */
body #modalPembayaran #modalLabelBayar { color: #2e2e2e !important; }
/* teks di dalam kotak terang tetap gelap */
body #modalPembayaran .kotak-total,
body #modalPembayaran .kotak-total span,
body #modalPembayaran #modalJumlahTotal,
body #modalPembayaran #modalTotalTagihan,
body #modalPembayaran #modalSudahBayar {
    color: #334155 !important;
}
body #modalPembayaran #modalJumlahTotal { color: #1e293b !important; }

/* --- 6. JUDUL KARTU KAMAR (ROOM PRIA / ROOM WANITA): teks PUTIH (DIKUNCI) ---
   Jangan diubah oleh perubahan dari Penang. */
body .room-head,
body #roomPria,
body #roomWanita {
    color: #ffffff !important;
}

/* --- 7. HALAMAN PENETAPAN STOK KASIR: topbar warna sidebar M.A + judul PUTIH (DIKUNCI) ---
   Jangan diubah oleh perubahan dari Penang. */
body .topbar.topbar-penetapan-stok {
    background: var(--sidebar-bg, #9e1527) !important;
}
body .topbar.topbar-penetapan-stok .judul {
    color: #ffffff !important;
}
body .topbar.topbar-penetapan-stok #namaKasir {
    color: #ffffff !important;
}

/* --- 8. HALAMAN ABSEN KARYAWAN: topbar warna sidebar M.A + judul PUTIH (DIKUNCI) ---
   Jangan diubah oleh perubahan dari Penang. */
body .topbar.topbar-absen-kasir {
    background: var(--sidebar-bg, #9e1527) !important;
}
body .topbar.topbar-absen-kasir .judul {
    color: #ffffff !important;
}

/* ============================================================
   9. TOMBOL TOGGLE SIDEBAR (garis tiga) — krem-rose sesuai gambar bosku
   DIKUNCI: jangan ikut berubah bila Penang mengubah .toggle-btn
   ============================================================ */
body .toggle-btn {
    background: #e2b9bf !important;
    color: #9e1527 !important;
    border: none !important;
    box-shadow: 0 2px 4px rgba(0,0,0,0.12) !important;
}
body .toggle-btn i {
    color: #9e1527 !important;
}
body .toggle-btn:hover {
    background: #d9a8b0 !important;
    color: #9e1527 !important;
}