/* Tema PWM Jateng: latar putih, aksen biru (utama) dan hijau (hover/penanda).
   Dimuat SETELAH style.css supaya menimpanya. Warna utama & hover sendiri
   diatur lewat tabel theme_settings (variabel --primary-color/--hover-color). */

html:root {
  --pwm-blue: #0f127a;
  --pwm-blue-dark: #0a0d5c;
  --pwm-green: #00a758;
  --pwm-red: #d93636;

  --bs-body-bg: #ffffff;
  --bs-body-bg-rgb: 255, 255, 255;
  --bs-primary-rgb: 15, 18, 122;
  --bs-success: #00a758;
  --bs-success-rgb: 0, 167, 88;

  /* Di template ini "bahaya" bawaannya mengikuti warna utama. Karena warna
     utama kini biru, tombol hapus/pesan galat harus dikembalikan ke merah. */
  --bs-danger: var(--pwm-red);
  --bs-danger-rgb: 217, 54, 54;
}

body,
.main-wrapper .page-wrapper {
  background: #ffffff;
}

/* Kartu di atas latar putih perlu garis tipis agar tetap terbaca. */
body .card {
  border: 1px solid #e3eaf3;
  box-shadow: 0 1px 3px rgba(15, 18, 122, 0.06);
}

/* Aksen hijau pada bilah atas dan menu aktif. */
body .navbar {
  border-bottom: 2px solid var(--pwm-green);
}

body .sidebar .sidebar-body .nav .nav-item.active > .nav-link,
body .sidebar .sidebar-body .nav .nav-item .nav-link:hover {
  color: var(--pwm-green);
}
/* Penanda menu aktif: garis di tepi kiri sidebar (item punya padding kiri
   25px), bukan border pada link, supaya tidak menempel ke ikon. */
body .sidebar .sidebar-body .nav.sidebar-menu > .nav-item.active > .nav-link {
  position: relative;
}

body .sidebar .sidebar-body .nav.sidebar-menu > .nav-item.active > .nav-link::before {
  content: "";
  position: absolute;
  left: -25px;
  top: 0;
  bottom: 0;
  width: 4px;
  background: var(--pwm-green);
  border-radius: 0 3px 3px 0;
}

/* ---- Bahaya/hapus: kembali merah ---- */
body .btn-danger,
body .swal2-popup .swal2-actions button.swal2-cancel {
  background-color: var(--pwm-red);
  border-color: var(--pwm-red);
  color: #fff;
}

body .btn-danger:hover,
body .btn-danger:focus,
body .btn-danger:active,
body .swal2-popup .swal2-actions button.swal2-cancel:hover {
  background-color: #b82a2a;
  border-color: #b82a2a;
}

body .btn-outline-danger {
  color: var(--pwm-red);
  border-color: var(--pwm-red);
}

body .btn-outline-danger:hover,
body .btn-outline-danger:active,
body .btn-outline-danger.active {
  background-color: var(--pwm-red);
  border-color: var(--pwm-red);
  color: #fff;
}

body .alert-danger {
  color: #a12222;
  border-color: var(--pwm-red);
  background-color: rgba(217, 54, 54, 0.08);
}

body .alert-danger .alert-link,
body .link-danger,
body .list-group-item-danger {
  color: var(--pwm-red);
}

body .border-danger {
  border-color: var(--pwm-red) !important;
}

body .alert-fill-danger {
  background-color: var(--pwm-red);
}

/* Logo di header sidebar: header setinggi 60px, gambar tidak boleh dipaksa
   selebar kolom (itu yang memotongnya). Tampil utuh, tinggi menyesuaikan. */
body:not(.sidebar-folded) .sidebar .sidebar-header {
  padding: 0 16px;
  gap: 12px;
}

body:not(.sidebar-folded) .sidebar .sidebar-header .sidebar-brand {
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  align-items: center;
  height: 100%;
}

body:not(.sidebar-folded) .sidebar .sidebar-header .sidebar-brand img {
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 46px;
  object-fit: contain;
}