/* ============================================================
   JKTGO Company Theme — kuning #F3E425, teks hitam
   Override NiceAdmin (#4154f1 / #012970) + tema custom (.trx-/.dtl-)
   Di-load PALING AKHIR agar menang.
   ============================================================ */
:root {
    --company-yellow: #F3E425;
    --company-yellow-dark: #d4c500;   /* hover/aksen lebih gelap */
    --company-ink: #111111;
}

/* ---------- NiceAdmin primary (#4154f1) jadi kuning ---------- */
.btn-primary,
.btn-primary:focus {
    background-color: var(--company-yellow) !important;
    border-color: var(--company-yellow) !important;
    color: var(--company-ink) !important;
}
.btn-primary:hover,
.btn-primary:active {
    background-color: var(--company-yellow-dark) !important;
    border-color: var(--company-yellow-dark) !important;
    color: var(--company-ink) !important;
}
.btn-outline-primary {
    color: var(--company-ink) !important;
    border-color: var(--company-yellow) !important;
}
.btn-outline-primary:hover {
    background-color: var(--company-yellow) !important;
    color: var(--company-ink) !important;
}

/* Link & teks biru bawaan */
a, .text-primary { color: #8a7f00 !important; }      /* kuning gelap agar terbaca di bg putih */
a:hover { color: var(--company-ink) !important; }

/* ---------- FIX: action button berwarna (edit/view/delete/back) ----------
   Override #8a7f00 di atas yang bikin ikon/teks hilang di bg warna.
   Bootstrap colored buttons → teks/ikon putih lagi. */
.btn-success, .btn-success:hover, .btn-success:focus, .btn-success:active,
.btn-info, .btn-info:hover, .btn-info:focus, .btn-info:active,
.btn-danger, .btn-danger:hover, .btn-danger:focus, .btn-danger:active,
.btn-secondary, .btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active,
.btn-warning, .btn-warning:hover, .btn-warning:focus, .btn-warning:active,
.btn-dark, .btn-dark:hover, .btn-dark:focus, .btn-dark:active {
    color: #fff !important;
}
.btn-success i, .btn-info i, .btn-danger i,
.btn-secondary i, .btn-warning i, .btn-dark i { color: #fff !important; }

/* btn-warning bawaan Bootstrap teks gelap lebih cocok di kuning */
.btn-warning, .btn-warning:hover, .btn-warning:focus, .btn-warning:active,
.btn-warning i { color: var(--company-ink) !important; }

/* Tombol "Kembali" abu-abu (btn-secondary) — teks putih jelas */
.btn-secondary i { color: #fff !important; }

/* Judul / logo biru gelap NiceAdmin */
.logo span,
.pagetitle h1,
h1, h2, h3, h4, h5, h6 { color: var(--company-ink) !important; }

/* Sidebar nav aktif & hover */
.sidebar-nav .nav-link {
    color: #333 !important;
}
.sidebar-nav .nav-link.active {
    color: var(--company-ink) !important;
    background: var(--company-yellow) !important;
}
.sidebar-nav .nav-link:hover {
    background: #fdf7a8 !important;
    color: var(--company-ink) !important;
}
.sidebar-nav .nav-link .bi,
.sidebar-nav .nav-link i { color: inherit !important; }

/* Header brand text */
.header .logo span { color: var(--company-ink) !important; }

/* Pagination bootstrap */
.page-item.active .page-link {
    background-color: var(--company-yellow) !important;
    border-color: var(--company-yellow) !important;
    color: var(--company-ink) !important;
}
.page-link { color: var(--company-ink) !important; }

/* Badge / bg-primary umum */
.bg-primary { background-color: var(--company-yellow) !important; color: var(--company-ink) !important; }
.badge.bg-primary { color: var(--company-ink) !important; }

/* Form focus ring */
.form-control:focus, .form-select:focus {
    border-color: var(--company-yellow-dark) !important;
    box-shadow: 0 0 0 .2rem rgba(243,228,37,.35) !important;
}

/* ---------- Tema custom Transactions (.trx-) ---------- */
.trx-page {
    --trx-primary: #C9B800 !important;   /* kuning gelap utk elemen yang perlu kontras teks putih jadi hitam */
    --trx-primary-2: #F3E425 !important;
}
.trx-hero {
    background: linear-gradient(135deg, #F3E425 0%, #ffe600 55%, #fff176 100%) !important;
    color: var(--company-ink) !important;
}
.trx-hero .trx-hero-label,
.trx-hero .trx-hero-total,
.trx-hero * { color: var(--company-ink) !important; }
.trx-hero::after { background: radial-gradient(circle, rgba(0,0,0,.06), transparent 70%) !important; }
.trx-btn-white { background:#fff !important; color: var(--company-ink) !important; }
.trx-btn-light { background: rgba(0,0,0,.12) !important; color: var(--company-ink) !important; border-color: rgba(0,0,0,.18) !important; }

.trx-table thead th {
    background: linear-gradient(180deg, #F3E425 0%, #ffe600 100%) !important;
    color: var(--company-ink) !important;
    border-right-color: rgba(0,0,0,.12) !important;
}
.trx-btn-filter { background: var(--company-yellow) !important; color: var(--company-ink) !important; }
.trx-btn-filter:hover { background: var(--company-yellow-dark) !important; color: var(--company-ink) !important; }
.trx-pill.is-active { background: var(--company-yellow) !important; border-color: var(--company-yellow) !important; }
.trx-pill.is-active > i.lead-ic,
.trx-pill.is-active select { color: var(--company-ink) !important; }
.trx-pill > i.lead-ic { color: #8a7f00 !important; }
.trx-pagination .page-item.active .page-link {
    background: var(--company-yellow) !important; border-color: var(--company-yellow) !important; color: var(--company-ink) !important;
    box-shadow: 0 6px 16px rgba(243,228,37,.4) !important;
}
.trx-pagination .page-item .page-link:hover { background:#fdf7a8 !important; color: var(--company-ink) !important; }
.trx-avatar { background: linear-gradient(135deg, #ffe600, #C9B800) !important; color: var(--company-ink) !important; }
.b-process { background:#fff7c2 !important; color:#7a6f00 !important; }   /* badge status proses */
.ib-view { background:#fff7c2 !important; color:#7a6f00 !important; }
/* Dropdown select2: item normal & hover — selalu teks gelap, kontras jelas */
.select2-container--default .select2-results__option {
    background: #fff !important; color: #111 !important;
}
.select2-container--default .select2-results__option--highlighted,
.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background: #F3E425 !important; color: #111 !important;
}
.select2-container--default .select2-results__option[aria-selected="true"] {
    background: #fdf7a8 !important; color: #111 !important; font-weight: 600;
}

/* ---------- Tema Detail (.dtl-) ---------- */
.dtl-hero { background: linear-gradient(135deg, #F3E425 0%, #ffe600 55%, #fff176 100%) !important; color: var(--company-ink) !important; }
.dtl-hero * { color: var(--company-ink) !important; }
.dtl-card-head .ic { background:#fff7c2 !important; color:#8a7f00 !important; }
.dtl-vendor-avatar { background: linear-gradient(135deg, #ffe600, #C9B800) !important; color: var(--company-ink) !important; }
.dtl-btn-primary { background: var(--company-yellow) !important; color: var(--company-ink) !important; }
.dtl-btn-primary:hover { background: var(--company-yellow-dark) !important; color: var(--company-ink) !important; }
.dtl-btn-next { background: linear-gradient(135deg, #C9B800, #F3E425) !important; color: var(--company-ink) !important; }
.dtl-btn-next:hover { color: var(--company-ink) !important; }
.dtl-timeline li.done::before { background: #C9B800 !important; }
.dtl-timeline .tl-by { color:#8a7f00 !important; }
.b-pf { background:#fff7c2 !important; color:#7a6f00 !important; }
.dtl-modal-icon { background: radial-gradient(circle at 30% 30%, #fff7c2, #ffe600) !important; color:#8a7f00 !important; }
/* Tombol Kembali ke List di hero kuning */
.dtl-btn-back, .dtl-btn-back:hover, .dtl-btn-back:focus {
    background: #111 !important; color: #fff !important; border: none !important; text-decoration: none !important;
    position: relative !important; z-index: 5 !important; cursor: pointer !important;
}
.dtl-btn-back i { color: #fff !important; }
.dtl-btn-back:hover { background: #000 !important; transform: translateY(-1px); }
.dtl-drop.dragover { border-color: var(--company-yellow-dark) !important; background:#fffbe0 !important; }