/**
 * WBS — biru tema pilihan: #2b488b (rgb 43, 72, 139).
 */
:root,
[data-theme-mode="light"],
[data-theme-mode="dark"] {
  --primary-rgb: 43, 72, 139;
  --purple-rgb: 43, 72, 139;
}

/* 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.bpkp-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 .bpkp-swal-confirm-danger */
.swal2-container .swal2-popup.bpkp-swal-confirm-danger .swal2-styled.swal2-confirm {
  background-color: #dc3545 !important;
  border: 1px solid #b02a37 !important;
  color: #fff !important;
}

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

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

.swal2-container .swal2-popup.bpkp-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 .bpkp-header-brand {
  max-width: none;
}

.app-header .bpkp-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 .bpkp-header-brand:hover .bpkp-header-brand__chip,
.app-header .bpkp-header-brand:focus-visible .bpkp-header-brand__chip {
  filter: brightness(1.05);
  color: #fff;
}

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

/* Login/register — logo di dalam kartu: proporsional & terpusat */
.wbs-auth-card-brand a:focus-visible {
  outline: 2px solid rgba(43, 72, 139, 0.45);
  outline-offset: 4px;
  border-radius: 0.25rem;
}

.wbs-auth-card-brand-logo {
  display: block;
  width: auto;
  max-width: min(260px, 88vw);
  max-height: clamp(52px, 12vw, 80px);
  height: auto;
  margin-inline: auto;
  object-fit: contain;
  object-position: center center;
}

/* Footer halaman login/register — selaras dengan landing (tagline + hak cipta) */
.wbs-auth-page-footer {
  max-width: 42rem;
}

.wbs-auth-page-footer__tagline {
  margin-bottom: 0.35rem;
  color: rgba(255, 255, 255, 0.92);
}

.wbs-auth-page-footer__copy {
  color: rgba(255, 255, 255, 0.55);
  font-size: 0.8125rem;
}