/* Penyesuaian NexLink untuk identitas Bank BSA. Hanya override variabel/komponen; styles.css tidak diubah. */

:root,
[data-bs-theme=light] {
  --bs-primary: #14438a;
  --bs-primary-rgb: 20, 67, 138;
  --bs-primary-text-emphasis: #0c2a57;
  --bs-primary-bg-subtle: #eef3fa;
  --bs-primary-border-subtle: #c9d7ec;
  --bs-link-color: #14438a;
  --bs-link-color-rgb: 20, 67, 138;
  --bs-link-hover-color: #0f3570;
  --bs-btn-primary-hover: #10387a;
  --bs-btn-primary-border-hover: #0f3570;
  --bs-btn-primary-active: #0f3570;
}

[data-bs-theme=dark] {
  --bs-primary: #4f86d9;
  --bs-primary-rgb: 79, 134, 217;
  --bs-primary-text-emphasis: #a9c4ee;
  --bs-primary-bg-subtle: #0d1a2e;
  --bs-primary-border-subtle: #1e3a66;
  --bs-link-color: #6d9be0;
  --bs-link-color-rgb: 109, 155, 224;
}

.btn-primary {
  --bs-btn-bg: var(--bs-primary);
  --bs-btn-border-color: var(--bs-primary);
  --bs-btn-hover-bg: #10387a;
  --bs-btn-hover-border-color: #0f3570;
  --bs-btn-focus-shadow-rgb: 20, 67, 138;
  --bs-btn-active-bg: #0f3570;
  --bs-btn-active-border-color: #0d2f63;
  --bs-btn-disabled-bg: var(--bs-primary);
  --bs-btn-disabled-border-color: var(--bs-primary);
}

.btn-outline-primary {
  --bs-btn-color: var(--bs-primary);
  --bs-btn-border-color: var(--bs-primary);
  --bs-btn-hover-bg: var(--bs-primary);
  --bs-btn-hover-border-color: var(--bs-primary);
  --bs-btn-active-bg: #0f3570;
  --bs-btn-active-border-color: #0f3570;
  --bs-btn-disabled-color: var(--bs-primary);
  --bs-btn-disabled-border-color: var(--bs-primary);
}

/* Toggler NexLink berlatar putih di kedua tema; ikon dibuat gelap agar terlihat */
.app-toggler i {
  color: #1C274C;
}

/* Ikon tema: tampilkan satu ikon sesuai tema aktif */
.theme-btn .icon-dark { display: none; }
[data-bs-theme=dark] .theme-btn .icon-light { display: none; }
[data-bs-theme=dark] .theme-btn .icon-dark { display: inline-block; }

/* Logo login berlatar putih (JPG); beri bingkai putih agar rapi di tema gelap */
[data-bs-theme=dark] .auth-logo {
  background: #fff;
  padding: 6px 10px;
  border-radius: 8px;
}

/* Logo rail: ikon persegi, bukan logo lebar */
.app-navbar-brand .navbar-brand-logo img {
  width: 36px;
  height: 36px;
  object-fit: contain;
  border-radius: 8px;
}

/* Logo BSA di halaman login (gambar lebar 1152x218) */
.auth-logo {
  max-width: 220px;
  height: auto;
}

.auth-brand-panel {
  background: var(--bs-primary);
  color: #fff;
  border-radius: 1rem;
}
.auth-brand-panel h2,
.auth-brand-panel p {
  color: #fff;
}
.auth-brand-panel p {
  opacity: .85;
}

/* Ikon lonceng mengikuti warna teks tema (bawaan template terlalu gelap di tema gelap) */
.app-header .btn-action-gray > i { color: var(--bs-heading-color); }

/* Editor Quill: quill.snow.css memberi .ql-container height:100% sehingga isi panjang menimpa field di bawahnya */
.editor-html.ql-container { height: auto; font-size: .9375rem; }
.editor-html .ql-editor { min-height: 220px; max-height: 60vh; overflow-y: auto; }
.ql-toolbar.ql-snow, .ql-container.ql-snow { border-color: var(--bs-border-color); }
[data-bs-theme=dark] .ql-snow .ql-stroke { stroke: var(--bs-body-color); }
[data-bs-theme=dark] .ql-snow .ql-fill { fill: var(--bs-body-color); }
[data-bs-theme=dark] .ql-snow .ql-picker { color: var(--bs-body-color); }
[data-bs-theme=dark] .ql-snow .ql-picker-options { background: var(--bs-body-bg); }