/* =========================================================
   THEME BROWN — E-Recruitment RSUI
   Override warna & modernisasi header + sidebar + menu.
   Hanya mengubah tampilan (warna, radius, spasi, transisi),
   TIDAK mengubah geometri layout (width 230px / height 60px /
   margin sidebar) agar toggle responsive bawaan tetap jalan.
   ========================================================= */

:root{
    --brown-950:#2e1f1a;
    --brown-900:#3a2620;
    --brown-800:#4a2f26;
    --brown-700:#5d3a2e;
    --brown-600:#7a4f3a;
    --brown-500:#8d6e63;
    --brown-400:#b08968;
    --brown-300:#cbb0a0;
    --brown-caramel:#c58940;
    --tan-50:#f6f1ec;
    --tan-100:#efe6dd;
    --sidebar-txt:#dcccc1;
    --sidebar-txt-dim:#a68d80;
}

/* ---------- BACKGROUND HALAMAN ---------- */
body{ background-color:var(--tan-50); }
.page-wrapper > .content{ background-color:var(--tan-50); }

/* =========================================================
   HEADER (dashboard admin — pakai <div class="header">)
   Selector di-scope ke "div.header" (bukan cuma ".header") supaya
   TIDAK ikut menimpa <header id="header" class="header"> milik
   navbar publik (home.blade.php / jobview.blade.php) yang stylingnya
   sengaja diambil dari assets/css/main.css, bukan tema ini.
   ========================================================= */
div.header{
    background:linear-gradient(120deg,#3a2620 0%,#5d3a2e 52%,#8d6e63 100%) !important;
    box-shadow:0 2px 14px rgba(46,31,26,.28) !important;
}
div.header .header-left{ background:transparent; }
div.header .header-left .logo img{ border-radius:8px; background:rgba(255,255,255,.9); padding:2px; }
.page-title-box .user-name{ color:#f6efe9 !important; font-weight:600; letter-spacing:.2px; }

/* tombol hamburger */
.bar-icon span{ background:#f6efe9 !important; }
div.header a#toggle_btn,
div.header .mobile_btn,
div.header .mobile_btn i,
div.header .mobile-user-menu > a{ color:#f6efe9 !important; }

/* avatar */
.user-menu .user-img img{
    border:2px solid rgba(255,255,255,.65);
    border-radius:50%; width:36px; height:36px; object-fit:cover;
}
.user-menu.nav > li > a:hover,
.user-menu.nav > li > a:focus{ background-color:rgba(0,0,0,.18); }

/* dropdown user */
div.header .dropdown-menu{
    border:0; border-radius:14px; padding:6px;
    box-shadow:0 12px 34px rgba(46,31,26,.20); margin-top:10px;
}
div.header .dropdown-menu .dropdown-item{
    border-radius:9px; padding:10px 12px; font-size:14px; color:#4a2f26; font-weight:500;
    transition:all .15s ease;
}
div.header .dropdown-menu .dropdown-item:hover{ background:#f1e7df; color:#5d3a2e; }

/* =========================================================
   SIDEBAR
   ========================================================= */
.sidebar{
    background:linear-gradient(190deg,#3a2620 0%,#2e1f1a 100%) !important;
    box-shadow:2px 0 18px rgba(46,31,26,.14);
    border-right:0 !important;
}
.sidebar-inner{ padding:6px 0; }

/* judul grup menu */
.menu-title{
    color:var(--sidebar-txt-dim) !important;
    text-transform:uppercase; letter-spacing:.09em;
    font-size:11px !important; font-weight:700;
    padding:18px 22px 8px !important;
}

/* item level-1 */
.sidebar-menu > ul > li{ padding:0 12px; }
.sidebar-menu > ul > li > a{
    color:var(--sidebar-txt) !important;
    border-radius:11px; padding:11px 14px !important; margin:3px 0;
    font-weight:500; transition:background .18s ease, color .18s ease, box-shadow .18s ease;
}
.sidebar-menu > ul > li > a:hover{
    background:rgba(176,137,104,.18) !important; color:#ffffff !important;
}
.sidebar-menu li a{ color:var(--sidebar-txt); }
.sidebar-menu li a:hover{ color:#fff; }

/* item aktif / submenu terbuka */
.sidebar-menu li.active > a,
.sidebar-menu > ul > li > a.active,
.sidebar-menu > ul > li > a.subdrop{
    background:linear-gradient(100deg,#8d6e63 0%,#b08968 100%) !important;
    color:#fff !important;
    box-shadow:0 8px 18px rgba(141,110,99,.42);
}
.sidebar-menu li.active > a i{ color:#fff !important; }

/* ikon */
.sidebar-menu ul li a i{ font-size:20px; color:inherit; opacity:.95; }

/* Mode sidebar tertutup (mini-sidebar, lebar 60px, ikon jadi 30px):
   padding/margin di atas dirancang utk sidebar terbuka (ikon+teks),
   jadi kotak aktif jadi tidak proporsional saat mini. Ditimpa khusus
   di sini supaya ikon tetap center & kotaknya proporsional. */
@media (min-width:992px){
    .mini-sidebar:not(.expand-menu) .sidebar-menu > ul > li{ padding:0 8px; }
    .mini-sidebar:not(.expand-menu) .sidebar-menu > ul > li > a{
        padding:12px 0 !important; margin:3px 0; justify-content:center;
    }
    /* Label "Navigasi" cuma disembunyikan via visibility:hidden oleh
       template asli -> ruang kosongnya tetap kepakai, bikin jarak
       aneh di atas ikon pertama. Dihapus total dari layout saat mini. */
    .mini-sidebar:not(.expand-menu) .menu-title{ display:none !important; }
}

/* submenu */
.sidebar-menu ul ul{ padding:2px 0 4px; }
.sidebar-menu ul ul a{
    color:var(--sidebar-txt-dim) !important;
    font-size:13.5px; padding:9px 14px 9px 48px !important;
    border-radius:9px; margin:1px 12px; transition:all .15s ease;
}
.sidebar-menu ul ul a:hover{
    color:#fff !important; background:rgba(176,137,104,.16) !important;
}
.sidebar-menu ul ul a.active{
    color:#fff !important; background:rgba(176,137,104,.30) !important; font-weight:500;
}

/* panah dropdown */
.sidebar-menu .menu-arrow{ opacity:.75; }

/* titik notifikasi menu aktif -> warna krem agar kontras */
.noti-dot:before{ border-color:#e0c9b8 !important; }
.noti-dot:after{ background-color:#e0c9b8 !important; }

/* scrollbar sidebar */
.sidebar-inner::-webkit-scrollbar{ width:6px; }
.sidebar-inner::-webkit-scrollbar-track{ background:transparent; }
.sidebar-inner::-webkit-scrollbar-thumb{ background:rgba(176,137,104,.45); border-radius:3px; }
.sidebar-inner::-webkit-scrollbar-thumb:hover{ background:rgba(176,137,104,.7); }

/* overlay saat sidebar dibuka di HP */
.sidebar-overlay{ background-color:rgba(46,31,26,.55) !important; backdrop-filter:blur(2px); }

/* =========================================================
   ELEMEN UMUM AGAR SENADA
   ========================================================= */
.btn-primary{ background-color:#7a4f3a !important; border-color:#7a4f3a !important; }
.btn-primary:hover,.btn-primary:focus{ background-color:#5d3a2e !important; border-color:#5d3a2e !important; }
.btn-outline-primary{ color:#7a4f3a !important; border-color:#7a4f3a !important; }
.btn-outline-primary:hover{ background-color:#7a4f3a !important; color:#fff !important; }
a{ color:#7a4f3a; }
a:hover{ color:#5d3a2e; }
.page-title, .content h1, .content h2, .content h3.page-header{ color:#3a2620; }

/* kartu bawaan template */
.card{ border:1px solid #efe6dd; border-radius:14px; box-shadow:0 6px 22px rgba(58,38,32,.06); }
.card .card-header{ background:#fff; border-bottom:1px solid #efe6dd; }

/* pagination & badge senada */
.page-item.active .page-link{ background-color:#7a4f3a; border-color:#7a4f3a; }
.page-link{ color:#7a4f3a; }

/* DataTables kontrol senada */
.dataTables_wrapper .dataTables_paginate .paginate_button.current{
    background:#7a4f3a !important; border-color:#7a4f3a !important; color:#fff !important; border-radius:8px;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover{
    background:#8d6e63 !important; border-color:#8d6e63 !important; color:#fff !important; border-radius:8px;
}

/* =========================================================
   HALAMAN LOWONGAN PELAMAR (Lowongan / Dilamar / Wawancara / Ditawarkan)
   Dipakai bersama krn semua share partial sidebar.sidebarjob
   ========================================================= */

/* Filter tabs -> pill switcher, konsisten dgn tab halaman Profil */
.nav-tabs.nav-tabs-solid{
    background:#efe6dd !important; border:0 !important; border-radius:14px !important;
    padding:6px !important; gap:4px;
}
.nav-tabs.nav-tabs-solid > .nav-item{ margin-bottom:0 !important; }
.nav-tabs.nav-tabs-solid > .nav-item > .nav-link{
    border:0 !important; border-radius:10px !important; color:#8c7a70; font-weight:600;
    background:transparent !important; transition:all .18s ease;
}
.nav-tabs.nav-tabs-solid > .nav-item > .nav-link:hover{
    background:rgba(255,255,255,.55) !important; color:#7a4f3a;
}
.nav-tabs.nav-tabs-solid > .nav-item > .nav-link.active,
.nav-tabs.nav-tabs-solid > .nav-item > .nav-link.active:hover,
.nav-tabs.nav-tabs-solid > .nav-item > .nav-link.active:focus{
    background:linear-gradient(100deg,#7a4f3a 0%,#8d6e63 100%) !important; color:#fff !important;
    box-shadow:0 6px 14px rgba(122,79,58,.28);
}
@media (max-width:576px){
    .nav-tabs.nav-tabs-solid > .nav-item > .nav-link{ padding:9px 8px; font-size:.82rem; }
}

/* Dropdown filter lowongan: fokus biru -> cokelat */
.job-filter-select:focus{
    border-color:#8d6e63 !important; box-shadow:0 0 0 3px rgba(141,110,99,.18) !important;
}

/* Kartu lowongan/lamaran */
.job-list{
    border-radius:14px !important; border-color:#efe6dd !important;
    box-shadow:0 5px 22px rgba(58,38,32,.08) !important;
}
.job-list:hover{ box-shadow:0 14px 30px rgba(58,38,32,.16) !important; }
.job-list-footer{ background-color:#faf6f2 !important; }
.job-types{ border-color:#8d6e63 !important; color:#7a4f3a !important; }

/* =========================================================
   FORM INPUT (global) — fokus cokelat lembut, senada di semua halaman
   ========================================================= */
.form-control:focus,
.select2-container--default.select2-container--focus .select2-selection--single{
    border-color:#8d6e63 !important; box-shadow:0 0 0 3px rgba(141,110,99,.16) !important;
}

/* =========================================================
   TOMBOL "TAMBAH X" (.add-btn) — dipakai di 15+ halaman
   Bug bawaan: hover berubah merah menyala (#f10e1d), diperbaiki jadi cokelat
   ========================================================= */
.add-btn{
    background:linear-gradient(100deg,#7a4f3a 0%,#8d6e63 100%) !important;
    border:0 !important; box-shadow:0 6px 14px rgba(122,79,58,.28);
}
.add-btn:hover, .add-btn:focus, .add-btn:active{
    background:linear-gradient(100deg,#5d3a2e 0%,#7a4f3a 100%) !important;
    border:0 !important; color:#fff !important; filter:brightness(1.03);
}

/* Paginasi kustom: biru -> cokelat */
.pagination-custom a,
.pagination-custom span{ border-radius:8px; }
.pagination-custom a{ color:#7a4f3a; }
.pagination-custom a:hover{ background-color:#f1e7df; border-color:#8d6e63; color:#5d3a2e; }
.pagination-custom-active{
    background-color:rgba(122,79,58,.12) !important; color:#7a4f3a !important; border:2px solid #7a4f3a !important;
}

/* =========================================================
   TOMBOL TOGGLE TEMA (Sun / Moon)
   Floating button independen dari header, supaya selalu
   tampil (termasuk di mobile, di mana .user-menu disembunyikan
   total oleh style.css) dan tidak tergantung tinggi baris header.
   ========================================================= */
.theme-toggle-btn{
    position:fixed; right:22px; bottom:22px; z-index:1060;
    width:48px; height:48px; padding:0; margin:0;
    background:linear-gradient(135deg,#7a4f3a 0%,#8d6e63 100%); border:0; color:#fff;
    border-radius:50%; display:flex; align-items:center; justify-content:center;
    font-size:18px; line-height:1; cursor:pointer;
    box-shadow:0 8px 20px rgba(46,31,26,.35); transition:transform .15s ease, box-shadow .15s ease;
}
.theme-toggle-btn:hover{ transform:translateY(-2px); box-shadow:0 12px 26px rgba(46,31,26,.42); }
.theme-toggle-btn:focus{ outline:none; box-shadow:0 0 0 3px rgba(141,110,99,.35); }
.theme-toggle-btn i{ pointer-events:none; }
html[data-theme="light"] .theme-toggle-btn .theme-icon-dark{ display:none; }
html[data-theme="dark"] .theme-toggle-btn .theme-icon-light{ display:none; }

@media (max-width:576px){
    .theme-toggle-btn{ right:16px; bottom:16px; width:44px; height:44px; font-size:16px; }
}

/* =========================================================
   DARK MODE
   Header & sidebar sengaja TIDAK berubah (sudah gelap secara
   permanen sebagai identitas brand). Yang berubah adalah latar
   halaman, kartu, tabel, form, dan teks di area konten.
   Palet dibuat lebih terang drpd draft awal (bukan nyaris hitam).
   ========================================================= */
html[data-theme="dark"]{
    --dm-bg:#2b2420;
    --dm-surface:#382f28;
    --dm-surface-2:#443a32;
    --dm-border:#5a4c40;
    --dm-text:#f2e8e0;
    --dm-muted:#c7b8aa;
    --dm-link:#e0ac7e;
}

/* Latar halaman */
html[data-theme="dark"] body{ background-color:var(--dm-bg); color:var(--dm-text); }
html[data-theme="dark"] .page-wrapper > .content{ background-color:var(--dm-bg) !important; }
html[data-theme="dark"] .page-title,
html[data-theme="dark"] .content h1,
html[data-theme="dark"] .content h2,
html[data-theme="dark"] .content h3.page-header{ color:var(--dm-text) !important; }
html[data-theme="dark"] .breadcrumb-item,
html[data-theme="dark"] .breadcrumb-item.active{ color:var(--dm-muted); }
html[data-theme="dark"] .breadcrumb-item a{ color:var(--dm-link); }
html[data-theme="dark"] a{ color:var(--dm-link); }
html[data-theme="dark"] .text-muted{ color:var(--dm-muted) !important; }

/* Kartu bawaan (.card) berlaku ke semua halaman termasuk yang belum disentuh */
html[data-theme="dark"] .card{
    background-color:var(--dm-surface); border-color:var(--dm-border);
    box-shadow:0 6px 22px rgba(0,0,0,.35); color:var(--dm-text);
}
html[data-theme="dark"] .card .card-header{ background-color:var(--dm-surface); border-color:var(--dm-border); color:var(--dm-text); }
html[data-theme="dark"] .card-title{ color:var(--dm-text); }

/* Tabel */
html[data-theme="dark"] .table{ color:var(--dm-text); }
html[data-theme="dark"] .table thead th,
html[data-theme="dark"] .table th,
html[data-theme="dark"] .table td{ border-color:var(--dm-border) !important; color:var(--dm-text); }
html[data-theme="dark"] .table thead.thead-light th,
html[data-theme="dark"] .table th.bg-light{ background-color:var(--dm-surface-2) !important; color:var(--dm-text) !important; }
html[data-theme="dark"] .table-striped > tbody > tr:nth-of-type(odd) > *{
    background-color:var(--dm-surface-2); color:var(--dm-text);
}
html[data-theme="dark"] .table-hover > tbody > tr:hover > *{ background-color:#3a2c24; }

/* Form input generik (Bootstrap) — berlaku ke halaman yg belum disentuh juga */
html[data-theme="dark"] .form-control,
html[data-theme="dark"] .form-select,
html[data-theme="dark"] select.form-control,
html[data-theme="dark"] textarea.form-control{
    background-color:var(--dm-surface) !important; border-color:var(--dm-border) !important; color:var(--dm-text) !important;
}
html[data-theme="dark"] .form-control::placeholder{ color:var(--dm-muted); opacity:1; }
html[data-theme="dark"] .form-control:disabled,
html[data-theme="dark"] .form-control[readonly]{ background-color:var(--dm-surface-2) !important; }
html[data-theme="dark"] label,
html[data-theme="dark"] .form-group label{ color:var(--dm-text); }
html[data-theme="dark"] .input-group-text{ background-color:var(--dm-surface-2); border-color:var(--dm-border); color:var(--dm-muted); }

/* Select2 */
html[data-theme="dark"] .select2-container--default .select2-selection--single{
    background-color:var(--dm-surface) !important; border-color:var(--dm-border) !important;
}
html[data-theme="dark"] .select2-selection__rendered{ color:var(--dm-text) !important; }
html[data-theme="dark"] .select2-dropdown{ background-color:var(--dm-surface); border-color:var(--dm-border); color:var(--dm-text); }
html[data-theme="dark"] .select2-results__option{ color:var(--dm-text); }
html[data-theme="dark"] .select2-container--default .select2-results__option--highlighted[aria-selected]{
    background-color:#7a4f3a !important; color:#fff !important;
}

/* Modal */
html[data-theme="dark"] .modal-content{ background-color:var(--dm-surface); color:var(--dm-text); }
html[data-theme="dark"] .modal-header,
html[data-theme="dark"] .modal-footer{ border-color:var(--dm-border); }

/* List-group: Bootstrap kasih background-color:#fff eksplisit per item,
   sementara teksnya ikut terang dari override umum -> teks terang di
   atas kotak putih jadi tak terbaca. Ditimpa di sini (generik, dipakai
   di banyak halaman: Detail Penerimaan, dll). */
html[data-theme="dark"] .list-group-item{
    background-color:var(--dm-surface) !important; color:var(--dm-text) !important; border-color:var(--dm-border) !important;
}
html[data-theme="dark"] .close{ color:var(--dm-text); text-shadow:none; }

/* Dropdown menu (berlaku generik: menu user header, dropdown status di tabel, dll) */
html[data-theme="dark"] .dropdown-menu{ background-color:var(--dm-surface); border-color:var(--dm-border); }
html[data-theme="dark"] .dropdown-item{ color:var(--dm-text) !important; }
html[data-theme="dark"] .dropdown-item:hover,
html[data-theme="dark"] .dropdown-item:focus{ background-color:var(--dm-surface-2) !important; color:#fff !important; }

/* DataTables kontrol */
html[data-theme="dark"] .dataTables_wrapper .dataTables_length,
html[data-theme="dark"] .dataTables_wrapper .dataTables_filter,
html[data-theme="dark"] .dataTables_wrapper .dataTables_info,
html[data-theme="dark"] .dataTables_wrapper .dataTables_paginate{ color:var(--dm-text); }
html[data-theme="dark"] .dataTables_wrapper .dataTables_paginate .paginate_button{
    color:var(--dm-text) !important; background:var(--dm-surface-2); border-color:var(--dm-border);
}

/* =========================================================
   DARK MODE — override per-halaman (variabel scoped)
   Semua komponen ini pakai custom property yg sama (--p-border/
   --p-muted/--p-text), jadi cukup 1 blok untuk semuanya.
   ========================================================= */
html[data-theme="dark"] .erc-profile,
html[data-theme="dark"] .erc-cpass,
html[data-theme="dark"] .erc-usermgmt,
html[data-theme="dark"] .erc-jobview,
html[data-theme="dark"] .erc-appdetail,
html[data-theme="dark"] .erc-offerdetail{
    --p-border:#4a352c; --p-muted:#b9a99c; --p-text:#f2e8e0;
}

/* dashboard.blade.php */
html[data-theme="dark"] .erc-dash{
    --erc-bg:#1c1512; --erc-card:#2a1f1a; --erc-text:#f2e8e0; --erc-muted:#b9a99c;
    --erc-border:#4a352c; --erc-primary:#d9a877;
    --erc-shadow:0 6px 22px rgba(0,0,0,.35); --erc-shadow-hover:0 12px 30px rgba(0,0,0,.45);
}
html[data-theme="dark"] .erc-dash .erc-card table thead th{ background:var(--dm-surface-2) !important; }

/* Latar .content per halaman (nilainya hardcoded per file, prioritas lebih tinggi drpd rule global) */
html[data-theme="dark"] .erc-dash .content,
html[data-theme="dark"] .erc-profile .content,
html[data-theme="dark"] .erc-cpass .content,
html[data-theme="dark"] .erc-usermgmt .content,
html[data-theme="dark"] .erc-jobview .content,
html[data-theme="dark"] .erc-appdetail .content,
html[data-theme="dark"] .erc-offerdetail .content{ background:var(--dm-bg) !important; }

/* profile_user.blade.php: input & kartu sosial media */
html[data-theme="dark"] .erc-profile .form-control{ background:var(--dm-surface) !important; }
html[data-theme="dark"] .erc-profile .form-control:focus{ background:var(--dm-surface-2) !important; }
html[data-theme="dark"] .erc-profile .social-input-group{ background:var(--dm-surface) !important; }
html[data-theme="dark"] .erc-profile .dataTables_wrapper select.form-control,
html[data-theme="dark"] .erc-profile .dataTables_wrapper input.form-control{
    background:var(--dm-surface) !important; color:var(--dm-text) !important; border-color:var(--dm-border) !important;
}

/* changepassword.blade.php: input & kotak syarat password */
html[data-theme="dark"] .erc-cpass .form-control{ background:var(--dm-surface) !important; }
html[data-theme="dark"] .erc-cpass .form-control:focus{ background:var(--dm-surface-2) !important; }
html[data-theme="dark"] .erc-cpass .toggle-password{ background:var(--dm-surface) !important; }
html[data-theme="dark"] .erc-cpass .toggle-password:hover{ background:var(--dm-surface-2) !important; }
html[data-theme="dark"] .erc-cpass .password-requirements{ background:var(--dm-surface-2) !important; }

/* userdashboardjobview.blade.php: kotak hero & widget lowongan */
html[data-theme="dark"] .erc-jobview .job-info,
html[data-theme="dark"] .erc-jobview .job-widget,
html[data-theme="dark"] .erc-jobview .job-det-info{ background:var(--dm-surface) !important; }
html[data-theme="dark"] .erc-jobview .page-header .btn.rounded-pill{ background:var(--dm-surface); color:var(--dm-text); }
html[data-theme="dark"] .erc-jobview .page-header .btn.rounded-pill:hover{ background:var(--dm-surface-2) !important; }

/* Deskripsi Pekerjaan: kontennya ditulis admin lewat editor Summernote,
   yang menyisipkan style="color:..." inline di teks/span/list. Browser
   juga otomatis "mengeluarkan" tag block (ol/ul/div) dari dalam <p> karena
   HTML5 melarang nesting itu, jadi target harus di kartu (.card-body.p-3)
   secara keseluruhan, bukan cuma <p>-nya saja. */
html[data-theme="dark"] .erc-jobview .card-body.p-3,
html[data-theme="dark"] .erc-jobview .card-body.p-3 *{ color:var(--dm-text) !important; background-color:transparent !important; }
html[data-theme="dark"] .erc-jobview .card-body.p-3 a{ color:var(--dm-link) !important; }

/* loloswawancarajobsdetails.blade.php: kotak selamat & tawaran */
html[data-theme="dark"] .erc-offerdetail .congratulations-box.bg-light{ background-color:var(--dm-surface-2) !important; }
html[data-theme="dark"] .erc-offerdetail .offer-details{ background:transparent; }
html[data-theme="dark"] .erc-offerdetail .text-primary{ color:var(--dm-link) !important; }
html[data-theme="dark"] .erc-offerdetail .list-group-item{ background-color:transparent !important; }
html[data-theme="dark"] .erc-offerdetail .list-group-item .font-weight-bold{ color:var(--dm-text) !important; }

/* Kartu lowongan (.job-list) dipakai lintas halaman lowongan */
html[data-theme="dark"] .job-list{ background-color:var(--dm-surface) !important; }
html[data-theme="dark"] .job-list-footer{ background-color:var(--dm-surface-2) !important; }
html[data-theme="dark"] .job-list-title,
html[data-theme="dark"] .job-title{ color:var(--dm-text) !important; }

/* Teks aksen cokelat pada kartu gelap: dinaikkan kontrasnya */
html[data-theme="dark"] .erc-jobview .text-blue,
html[data-theme="dark"] .erc-jobview .info-list span,
html[data-theme="dark"] .erc-appdetail .btn-link.text-secondary{ color:var(--dm-link) !important; }
html[data-theme="dark"] .erc-jobview .info-list > h5{ color:var(--dm-text); }

/* =========================================================
   DARK MODE — halaman daftar lowongan (Lowongan/Dilamar/Wawancara/Ditawarkan)
   Teks abu-abu bawaan template (#777/#999) kontrasnya jelek di atas
   kartu gelap, begitu juga pill-switcher tab yg sebelumnya selalu
   terang tan meski mode gelap aktif.
   ========================================================= */
html[data-theme="dark"] .job-department,
html[data-theme="dark"] .job-list-footer ul li,
html[data-theme="dark"] .job-list-footer ul li i,
html[data-theme="dark"] .job-status-badge{ color:var(--dm-muted) !important; }
html[data-theme="dark"] .job-types{ color:var(--dm-link) !important; border-color:var(--dm-link) !important; }

/* Pill-switcher tab (Lowongan/Dilamar/Wawancara/Ditawarkan) */
html[data-theme="dark"] .nav-tabs.nav-tabs-solid{ background:var(--dm-surface) !important; }
html[data-theme="dark"] .nav-tabs.nav-tabs-solid > .nav-item > .nav-link{ color:var(--dm-muted) !important; }
html[data-theme="dark"] .nav-tabs.nav-tabs-solid > .nav-item > .nav-link:hover{ background:var(--dm-surface-2) !important; color:var(--dm-text) !important; }

/* Dropdown filter (Status/Kategori/Tipe): panah SVG bawaan gelap, diganti terang */
html[data-theme="dark"] .job-filter-select{
    background-color:var(--dm-surface) !important; color:var(--dm-text) !important; border-color:var(--dm-border) !important;
    background-image:url('data:image/svg+xml;charset=UTF-8,<svg fill="%23c7b8aa" height="20" viewBox="0 0 24 24" width="20" xmlns="http://www.w3.org/2000/svg"><path d="M7 10l5 5 5-5z"/></svg>') !important;
}

/* Alert kosong ("Tidak ada lowongan...") supaya tidak jadi kotak terang mencolok */
html[data-theme="dark"] .alert-info{ background-color:var(--dm-surface-2) !important; color:var(--dm-text) !important; border-color:var(--dm-border) !important; }
html[data-theme="dark"] .alert-warning{ background-color:#4a3a20 !important; color:#f5e6c4 !important; border-color:#6b5730 !important; }
html[data-theme="dark"] .alert-danger{ background-color:#4a2323 !important; color:#f5cfcf !important; border-color:#6b3a3a !important; }
html[data-theme="dark"] .alert-success{ background-color:#20402a !important; color:#c9edd2 !important; border-color:#30603f !important; }

/* =========================================================
   DARK MODE — tabel gaya "SmartHR" (nama+avatar, status, badge role)
   Dipakai di userManagement dan pola serupa (Employee List, Trainers, dll)
   ========================================================= */
/* Nama pengguna di tabel: base css set warna abu gelap fix (#333) yg
   lebih spesifik drpd override `a` global, jadi nyaris tak kebaca di
   atas baris tabel gelap. Ditimpa eksplisit di sini. */
html[data-theme="dark"] table.table td h2 a{ color:var(--dm-text) !important; }
html[data-theme="dark"] table.table td h2 a:hover{ color:var(--dm-link) !important; }
html[data-theme="dark"] table.table td h2 span{ color:var(--dm-muted) !important; }

/* Tombol status (Active/Inactive/Disable) — sebelumnya selalu putih solid */
html[data-theme="dark"] .btn-white{
    background-color:var(--dm-surface-2) !important; border-color:var(--dm-border) !important; color:var(--dm-text) !important;
}
html[data-theme="dark"] .btn-white:hover,
html[data-theme="dark"] .btn-white:focus{ background-color:var(--dm-surface) !important; }

/* Badge role (bg-inverse-*): opacity dinaikkan biar bentuk chip kebaca jelas di atas latar gelap */
html[data-theme="dark"] .bg-inverse-primary{ background:rgba(77,138,240,.32) !important; color:#8fb4f5 !important; }
html[data-theme="dark"] .bg-inverse-secondary{ background:rgba(194,198,209,.28) !important; color:#dfe2e8 !important; }
html[data-theme="dark"] .bg-inverse-success{ background:rgba(15,183,107,.28) !important; color:#5fd693 !important; }
html[data-theme="dark"] .bg-inverse-purple{ background:rgba(108,97,246,.32) !important; color:#a79cf9 !important; }
html[data-theme="dark"] .bg-inverse-warning{ background:rgba(255,152,0,.30) !important; color:#ffb84d !important; }
html[data-theme="dark"] .bg-inverse-danger{ background:rgba(242,17,54,.30) !important; color:#ff7a7a !important; }
html[data-theme="dark"] .bg-inverse-dark{ background:rgba(150,140,130,.28) !important; color:#e2d9d0 !important; }
html[data-theme="dark"] .bg-inverse-info{ background:rgba(2,182,179,.30) !important; color:#5fdad6 !important; }

/* =========================================================
   DARK MODE — halaman jobs.blade.php (Kelola Lowongan)
   ========================================================= */
/* .custom-table paksa tiap <tr> background putih solid, sama seperti
   bug .list-group-item sebelumnya -> ditimpa disini. */
html[data-theme="dark"] .custom-table tr{
    background-color:var(--dm-surface) !important; box-shadow:0 0 3px rgba(0,0,0,.4) !important;
}

/* Editor Summernote (Tambah/Edit Lowongan): plugin pihak ketiga,
   defaultnya selalu terang & tidak ikut tema sama sekali. */
html[data-theme="dark"] .note-editor.note-frame{ border-color:var(--dm-border) !important; background-color:var(--dm-surface); }
html[data-theme="dark"] .note-editor .note-toolbar,
html[data-theme="dark"] .note-editor .note-statusbar{ background-color:var(--dm-surface-2) !important; border-color:var(--dm-border) !important; }
html[data-theme="dark"] .note-editor .note-editing-area .note-editable{
    background-color:var(--dm-surface) !important; color:var(--dm-text) !important;
}
html[data-theme="dark"] .note-editor .note-btn{ background-color:var(--dm-surface-2) !important; color:var(--dm-text) !important; border-color:var(--dm-border) !important; }
html[data-theme="dark"] .note-editor .note-btn:hover{ background-color:var(--dm-border) !important; }
html[data-theme="dark"] .note-editor .note-icon,
html[data-theme="dark"] .note-editor .note-current-fontname{ color:var(--dm-text) !important; }
html[data-theme="dark"] .note-editor .note-dropdown-menu{ background-color:var(--dm-surface) !important; color:var(--dm-text) !important; }
html[data-theme="dark"] .note-editor .note-dropdown-menu a{ color:var(--dm-text) !important; }

.swal2-popup{
    border-radius:20px !important;
    box-shadow:0 20px 50px rgba(46,31,26,.22) !important;
    padding:1.75rem 1.5rem 1.5rem !important;
    font-family:inherit;
}
.swal2-title{
    font-size:1.3rem !important; font-weight:700 !important; color:#3a2620 !important; padding:0 0 .4rem !important;
}
.swal2-html-container{ font-size:.95rem !important; color:#5d4a40 !important; }
.swal2-icon{ margin:1.2rem auto .6rem !important; }

.swal2-actions{ gap:10px; margin-top:1.4rem !important; }
.swal2-styled{
    border-radius:10px !important; font-weight:600 !important; padding:.6rem 1.4rem !important;
    box-shadow:none !important; transition:filter .15s ease, transform .15s ease;
}
.swal2-styled:hover{ filter:brightness(1.06); transform:translateY(-1px); }
.swal2-styled:focus{ box-shadow:0 0 0 3px rgba(141,110,99,.28) !important; }

/* Default tombol (dipakai saat konfirmButtonColor tidak diset manual di JS) */
button.swal2-confirm.swal2-styled{ background:linear-gradient(100deg,#7a4f3a 0%,#8d6e63 100%) !important; }
button.swal2-cancel.swal2-styled{ background:#e8ded6 !important; color:#5d4a40 !important; }
button.swal2-cancel.swal2-styled:hover{ background:#dccdc0 !important; }
button.swal2-deny.swal2-styled{ background:#c0392b !important; }

.swal2-timer-progress-bar{ background:rgba(122,79,58,.55) !important; }
.swal2-close{ color:#8c7a70 !important; transition:color .15s ease; }
.swal2-close:hover{ color:#3a2620 !important; }

.swal2-input, .swal2-textarea{
    border:1px solid #efe6dd !important; border-radius:10px !important; box-shadow:none !important;
}
.swal2-input:focus, .swal2-textarea:focus{
    border-color:#8d6e63 !important; box-shadow:0 0 0 3px rgba(141,110,99,.16) !important;
}

/* Dark mode */
html[data-theme="dark"] .swal2-popup{ background-color:var(--dm-surface) !important; }
html[data-theme="dark"] .swal2-title{ color:var(--dm-text) !important; }
html[data-theme="dark"] .swal2-html-container{ color:var(--dm-muted) !important; }
html[data-theme="dark"] button.swal2-cancel.swal2-styled{ background:var(--dm-surface-2) !important; color:var(--dm-text) !important; }
html[data-theme="dark"] button.swal2-cancel.swal2-styled:hover{ background:var(--dm-border) !important; }
html[data-theme="dark"] .swal2-close{ color:var(--dm-muted) !important; }
html[data-theme="dark"] .swal2-close:hover{ color:var(--dm-text) !important; }
html[data-theme="dark"] .swal2-input,
html[data-theme="dark"] .swal2-textarea{
    background-color:var(--dm-surface-2) !important; border-color:var(--dm-border) !important; color:var(--dm-text) !important;
}