/**
 * HiWA — tema primer (hijau gateway WA): #128C7E (rgb 18, 140, 126).
 */
:root,
[data-theme-mode="light"],
[data-theme-mode="dark"] {
  --primary-rgb: 18, 140, 126;
  --purple-rgb: 18, 140, 126;
  /* Stack modal Bootstrap 5 (override Zynix 105/104 — lihat blok .modal di bawah). */
  --bs-modal-zindex: 1055;
  --bs-backdrop-zindex: 1050;
}

/* Halaman login: padding kanan agar teks tidak bertabrakan dengan .show-password-button */
.authentication .position-relative > .form-control-password-toggle {
  padding-inline-end: 3.25rem;
}

button.show-password-button {
  border: none;
  font: inherit;
  color: inherit;
  cursor: pointer;
}

/* SweetAlert2 — toast flash */
.swal2-toast.hiwa-swal-toast {
  border-radius: 0.375rem;
  box-shadow: 0 0.35rem 1rem rgba(15, 23, 42, 0.12);
}

/* Swal hapus: override primary tema hanya untuk .hiwa-swal-confirm-danger */
.swal2-container .swal2-popup.hiwa-swal-confirm-danger .swal2-styled.swal2-confirm {
  background-color: #dc3545 !important;
  border: 1px solid #b02a37 !important;
  color: #fff !important;
}

.swal2-container .swal2-popup.hiwa-swal-confirm-danger .swal2-styled.swal2-confirm:hover {
  background-color: #bb2d3b !important;
  border-color: #a52834 !important;
  color: #fff !important;
}

.swal2-container .swal2-popup.hiwa-swal-confirm-danger .swal2-styled.swal2-cancel {
  background-color: #6c757d !important;
  border: 1px solid #565e64 !important;
  color: #fff !important;
}

.swal2-container .swal2-popup.hiwa-swal-confirm-danger .swal2-styled.swal2-cancel:hover {
  background-color: #5c636a !important;
  border-color: #4e555b !important;
  color: #fff !important;
}

/* Logo header horizontal (utama: <992px; desktop disembunyikan tema) */
@media (max-width: 991.98px) {
  .app-header .horizontal-logo {
    padding-block: 0.35rem;
    padding-inline: 0;
  }
}

.app-header .hiwa-header-brand {
  max-width: none;
}

.app-header .hiwa-header-brand__chip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.45rem;
  border-radius: 0.4rem;
  background-color: var(--primary-color);
  color: #fff;
  line-height: 1;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.08);
}

.app-header .hiwa-header-brand:hover .hiwa-header-brand__chip,
.app-header .hiwa-header-brand:focus-visible .hiwa-header-brand__chip {
  filter: brightness(1.05);
  color: #fff;
}

.app-header .hiwa-header-brand__icon {
  flex-shrink: 0;
  font-size: 1.25rem;
  line-height: 1;
}

.app-header .hiwa-header-brand__chip img,
.app-header .hiwa-header-brand__logo {
  display: block;
  width: 1.35rem;
  height: 1.35rem;
  object-fit: contain;
}

/* Header sempit / mobile (<lg, selaras horizontal-logo tema): favicon di chip hijau — putih */
.app-header .hiwa-header-brand__logo--mobile {
  width: 1.5rem;
  height: 1.5rem;
  filter: brightness(0) invert(1);
}

/* Login / register: logo di dalam kartu, warna asli berkas (tanpa filter) */
.authentication .auth-brand-logo {
  display: block;
  margin-inline: auto;
  height: 3rem;
  width: auto;
  max-width: min(14rem, 88vw);
  object-fit: contain;
}

@media (min-width: 576px) {
  .authentication .auth-brand-logo {
    height: 3.5rem;
    max-width: min(16rem, 90vw);
  }
}

/*
 * Zynix styles.css memakai .modal { z-index: 105 } dan .modal-backdrop { z-index: 104 }.
 * Nilai itu di bawah banyak komponen (popover, plugin, dll.), sehingga klik “di luar”
 * bisa tertangkap elemen lain dan modal tidak ikut pola dismiss Bootstrap (mousedown+click pada .modal).
 * Samakan ke stack Bootstrap 5.
 */

.modal {
  z-index: var(--bs-modal-zindex) !important;
}

.modal-backdrop {
  z-index: var(--bs-backdrop-zindex) !important;
}