/* custom css */

body{
    font-family: Poppins;
}

.form-group{
  margin-bottom: 3px;
}

.error{
  font-size: small;
  color: red;
  font-style: italic;
}

.livestamp{
  font-size: small;
  color: goldenrod;  
  font-style: italic;
}

.modal-header{
  border-bottom: none;
}
.modal-footer{
  border-top: none;
}

#particles-js{
  width: 100%;
  height: 100%;
  
  background-image: url('');
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  position: fixed;
  z-index: -10;
  
}

.input-inline{
  margin-left: -20px;
}

/* Allow text copy in tables */
table, 
table * {
  user-select: text !important;
  -webkit-user-select: text !important;
  -moz-user-select: text !important;
}

/* Select2 multi-select: teks chip gelap agar terbaca di atas bg biru primary (override #fff bawaan) */
.select2-container .select2-selection--multiple .select2-selection__choice {
  color: #0f172a;
}
/* selector lebih spesifik: select2.min.css dimuat SETELAH custom.css di beberapa halaman (mis. live.ejs) */
.select2-container--default .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove {
  color: #0f172a;
}

/* ===== Select2 — MODE GELAP (data-bs-theme=dark) =====
   Select2 v4 pakai warna putih hard-coded, jadi dropdown/teks tetap putih saat
   dark mode. Template Greeva memakai variabel --greeva-* (BUKAN --bs-*), jadi
   override memakai variabel tsb agar otomatis mengikuti tema.
   Berlaku global untuk semua halaman backend yang memakai Select2. */
html[data-bs-theme="dark"] .select2-container--default .select2-selection--single,
html[data-bs-theme="dark"] .select2-container--default .select2-selection--multiple {
  background-color: var(--greeva-body-bg);
  border-color: var(--greeva-border-color);
}
html[data-bs-theme="dark"] .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: var(--greeva-body-color);
}
html[data-bs-theme="dark"] .select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: #7b8794;
}
html[data-bs-theme="dark"] .select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: var(--greeva-secondary-bg);
  border-color: var(--greeva-border-color);
  color: var(--greeva-body-color);
}
html[data-bs-theme="dark"] .select2-container--default .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove {
  color: var(--greeva-body-color);
}
html[data-bs-theme="dark"] .select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: var(--greeva-body-color) transparent transparent transparent;
}
html[data-bs-theme="dark"] .select2-container--default.select2-container--disabled .select2-selection--single {
  background-color: var(--greeva-secondary-bg);
}
/* dropdown hasil pencarian */
html[data-bs-theme="dark"] .select2-container--default .select2-dropdown {
  background-color: var(--greeva-body-bg);
  border-color: var(--greeva-border-color);
}
html[data-bs-theme="dark"] .select2-container--default .select2-search--dropdown .select2-search__field {
  background-color: var(--greeva-body-bg);
  border-color: var(--greeva-border-color);
  color: var(--greeva-body-color);
}
html[data-bs-theme="dark"] .select2-container--default .select2-search--dropdown .select2-search__field::placeholder {
  color: #7b8794;
}
html[data-bs-theme="dark"] .select2-container--default .select2-results__option {
  color: var(--greeva-body-color);
}
html[data-bs-theme="dark"] .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: #405189;
  color: #fff;
}