/* ============================================================
   Penyesuaian tema kustom — perbaikan kontras keterbacaan.
   1) Select2: warna teks/latar ditetapkan tegas agar terbaca
      di mode terang maupun gelap (bawaan Select2 tidak menetapkan
      warna teks opsi sehingga mewarisi warna tema dan menjadi pucat).
   2) Halaman masuk: kolom isian berlatang terang menurut desain,
      teks ketikan ditetapkan gelap agar tidak pucat saat perangkat
      memakai mode gelap.
   ============================================================ */

/* ---------- Select2: mode terang ---------- */
.select2-container--default .select2-dropdown {
    background-color: #fff;
    border-color: #ced4da;
    color: #212529;
}
.select2-container--default .select2-results__option {
    color: #212529;
}
.select2-container--default .select2-results__option[aria-selected="true"] {
    background-color: #e9ecef;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #0d6efd;
    color: #fff;
}
.select2-container--default .select2-results__group {
    color: #495057;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
    background-color: #fff;
    color: #212529;
    border: 1px solid #ced4da;
}
.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple {
    background-color: #fff;
    border-color: #ced4da;
}
.select2-container--default .select2-selection--single .select2-selection__rendered,
.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    color: #212529;
}
.select2-container--default .select2-selection--single .select2-selection__placeholder,
.select2-container--default .select2-selection--multiple .select2-selection__placeholder {
    color: #6c757d;
}

/* ---------- Select2: mode gelap ---------- */
html[data-bs-theme="dark"] .select2-container--default .select2-dropdown {
    background-color: #21262c;
    border-color: #495057;
    color: #dee2e6;
}
html[data-bs-theme="dark"] .select2-container--default .select2-results__option {
    color: #dee2e6;
}
html[data-bs-theme="dark"] .select2-container--default .select2-results__option[aria-selected="true"] {
    background-color: #2c3138;
}
html[data-bs-theme="dark"] .select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #0d6efd;
    color: #fff;
}
html[data-bs-theme="dark"] .select2-container--default .select2-results__group {
    color: #adb5bd;
}
html[data-bs-theme="dark"] .select2-container--default .select2-search--dropdown .select2-search__field {
    background-color: #1a1d21;
    color: #dee2e6;
    border-color: #495057;
}
html[data-bs-theme="dark"] .select2-container--default .select2-selection--single,
html[data-bs-theme="dark"] .select2-container--default .select2-selection--multiple {
    background-color: #21262c;
    border-color: #495057;
}
html[data-bs-theme="dark"] .select2-container--default .select2-selection--single .select2-selection__rendered,
html[data-bs-theme="dark"] .select2-container--default .select2-selection--multiple .select2-selection__rendered {
    color: #dee2e6;
}
html[data-bs-theme="dark"] .select2-container--default .select2-selection--single .select2-selection__placeholder,
html[data-bs-theme="dark"] .select2-container--default .select2-selection--multiple .select2-selection__placeholder {
    color: #adb5bd;
}

/* ---------- Halaman masuk: teks ketikan selalu terbaca ---------- */
.si-field .form-control {
    color: #13233d;
    caret-color: #13233d;
}
.si-field .form-control::placeholder {
    color: #94a3b8;
    opacity: 1;
}
.si-field .form-control:-webkit-autofill,
.si-field .form-control:-webkit-autofill:hover,
.si-field .form-control:-webkit-autofill:focus {
    -webkit-text-fill-color: #13233d;
    -webkit-box-shadow: 0 0 0 1000px #fbfcfe inset;
    caret-color: #13233d;
}
