/* Dynamic Theme: alexta */

/* =============================================
   SIDEBAR & HEADER
   ============================================= */
body[data-pc-sidebar-theme="dark"] .pc-header {
  background-color: #002046 !important;
  color: #fff !important;
}
body[data-pc-sidebar-theme="dark"] .pc-header .pc-head-link,
body[data-pc-sidebar-theme="dark"] .pc-header .pc-head-link > i,
body[data-pc-sidebar-theme="dark"] .pc-header .pc-head-link > svg {
  color: #fff !important;
}
body[data-pc-sidebar-theme="dark"] .pc-header .pc-head-link:hover,
body[data-pc-sidebar-theme="dark"] .pc-header .pc-head-link:focus {
  background-color: rgba(255,255,255,0.1) !important;
  color: #fff !important;
}
body[data-pc-sidebar-theme="dark"] .pc-sidebar {
  --pc-sidebar-active-color: #f8b11d !important;
  --pc-sidebar-caption-color: #f8b11d !important;
  --pc-brand-background: #001732 !important;
  --pc-sidebar-background: #002046 !important;
  background-color: #002046 !important;
}
body[data-pc-sidebar-theme="dark"] .pc-sidebar .pc-item.active > .pc-link {
  background: #f8b11d !important;
  color: #fff !important;
}
/* Hanya sub menu komisi dan induk menu yg pchasmenu yg transparant */
body[data-pc-sidebar-theme="dark"] .pc-sidebar .pc-submenu .pc-item.active > .pc-link {
  background: transparent !important;
  color: #f8b11d !important;
}
body[data-pc-sidebar-theme="dark"] .pc-sidebar .pc-item.active > .pc-link .pc-micon,
body[data-pc-sidebar-theme="dark"] .pc-sidebar .pc-item.active > .pc-link .pc-mtext {
  color: #fff !important;
}
body[data-pc-sidebar-theme="dark"] .pc-sidebar .pc-submenu .pc-item.active > .pc-link .pc-mtext {
  color: #f8b11d !important;
}
body[data-pc-sidebar-theme="dark"] .pc-sidebar .pc-caption label {
  color: #f8b11d !important;
}
.pc-header .badge.bg-primary {
  background-color: #f8b11d !important;
  color: #000000 !important;
}
body[data-pc-sidebar-theme="dark"] .pc-sidebar .m-header {
  height: 90px !important;
}

/* =============================================
   CONTENT AREA - CSS VARIABLES (Bootstrap + Flat Able)
   ============================================= */
:root {
  --bs-primary: #003481 !important;
  --bs-primary-rgb: 0,52,129 !important;
  --pc-primary: #003481 !important;
  --pc-primary-dark: #002460 !important;
}

/* Buttons */
.btn-primary {
  background-color: #003481 !important;
  border-color: #003481 !important;
  color: #fff !important;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
  background-color: #002460 !important;
  border-color: #002460 !important;
}
.btn-outline-primary {
  color: #003481 !important;
  border-color: #003481 !important;
}
.btn-outline-primary:hover {
  background-color: #003481 !important;
  color: #fff !important;
}
.btn-warning {
  background-color: #f8b11d !important;
  border-color: #f8b11d !important;
}

/* Text */
.text-primary { color: #003481 !important; }
a { color: #003481; }
a:hover { color: #002460; }

/* Borders */
.border-primary { border-color: #003481 !important; }

/* Cards with colored borders/headers */
.card-header.bg-primary,
.bg-primary { background-color: #003481 !important; }

/* Nav Tabs active */
.nav-tabs .nav-link.active {
  color: #003481 !important;
  border-bottom-color: #003481 !important;
}
.nav-link { color: #003481; }
.nav-link:hover { color: #002460; }

/* Nav Pills active */
.nav-pills .nav-link.active {
  background-color: #003481 !important;
  color: #fff !important;
}

/* Badges */
.badge.bg-primary { background-color: #003481 !important; }

/* Progress bar */
.progress-bar { background-color: #003481 !important; }

/* Form controls focus */
.form-control:focus, .form-select:focus {
  border-color: #003481 !important;
  box-shadow: 0 0 0 0.2rem rgba(0,52,129, 0.25) !important;
}
.form-check-input:checked {
  background-color: #003481 !important;
  border-color: #003481 !important;
}

/* Alerts */
.alert-primary {
  background-color: #e8eeff !important;
  border-color: #003481 !important;
  color: #002460 !important;
}

/* =============================================
   AUTH PAGES (Login, Register, Reset Password)
   ============================================= */
.auth-main {
  background-image: url('../images/authentication/img-auth-bg.jpg') !important;
  background-size: cover !important;
  background-position: center !important;
  background-attachment: fixed !important;
  min-height: 100vh;
}
.auth-main .bg-overlay {
  display: block !important;
}
.auth-main .auth-wrapper .auth-form .card {
  border-radius: 14px !important;
  border: 1px solid rgba(0,52,129, 0.18) !important;
  box-shadow: 0 12px 35px rgba(0, 32, 70, 0.1) !important;
  overflow: hidden;
  background-color: #ffffff !important;
}
.auth-main .card-header,
.auth-main .card-header.bg-dark,
.auth-header {
  background: linear-gradient(135deg, #002046 0%, #001732 100%) !important;
  border-bottom: 3px solid #f8b11d !important;
  padding: 1.25rem 1.5rem !important;
}
.auth-main .card-header h4,
.auth-main .card-header h5,
.auth-main .card-header .h4,
.auth-header h4,
.auth-header h5 {
  color: #ffffff !important;
  font-weight: 600 !important;
}
.auth-main .card-footer {
  background-color: #fafbfc !important;
  border-top: 1px solid rgba(0, 0, 0, 0.06) !important;
  padding: 1rem 1.5rem !important;
}
.auth-main .form-control,
.auth-main .form-select {
  border-radius: 8px;
  border-color: #d1d5db;
  padding: 0.65rem 0.9rem;
  transition: all 0.2s ease-in-out;
}
.auth-main .form-control:focus, 
.auth-main .form-select:focus {
  border-color: #003481 !important;
  box-shadow: 0 0 0 0.25rem rgba(0,52,129, 0.2) !important;
}
.auth-main .btn-primary {
  background-color: #003481 !important;
  border-color: #003481 !important;
  color: #ffffff !important;
  font-weight: 600;
  border-radius: 8px;
  padding: 0.65rem 1.25rem;
  box-shadow: 0 4px 12px rgba(0,52,129, 0.25) !important;
}
.auth-main .btn-primary:hover,
.auth-main .btn-primary:focus,
.auth-main .btn-primary:active {
  background-color: #002460 !important;
  border-color: #002460 !important;
  box-shadow: 0 6px 16px rgba(0,52,129, 0.35) !important;
}
.auth-main .link-primary,
.auth-main a.link-primary,
.auth-main a.text-primary {
  color: #003481 !important;
  font-weight: 600;
  text-decoration: none;
}
.auth-main .link-primary:hover,
.auth-main a.link-primary:hover {
  color: #002460 !important;
  text-decoration: underline;
}
.auth-main .form-check-input:checked {
  background-color: #003481 !important;
  border-color: #003481 !important;
}

/* =============================================
   OVERRIDE WARNING COLOR = THEME ACCENT
   (Banyak elemen pakai text-warning / bg-warning
   sebagai warna aksen utama — ikutkan ke tema)
   ============================================= */
:root {
  --bs-warning: #f8b11d !important;
  --bs-warning-rgb: 0,52,129 !important;
}
body {
  --bs-primary: #003481 !important;
  --bs-primary-rgb: 0,52,129 !important;
  --bs-warning: #f8b11d !important;
  --bs-warning-rgb: 0,52,129 !important;
  --pc-primary: #003481 !important;
  --pc-primary-dark: #002460 !important;
}
[data-pc-preset] {
  --pc-primary: #003481 !important;
  --pc-primary-dark: #002460 !important;
}

/* text-warning */
.text-warning { color: #f8b11d !important; }

/* bg-warning */
.bg-warning { background-color: #f8b11d !important; }
.bg-warning.bg-opacity-10 { background-color: rgba(0,52,129, 0.1) !important; }
.bg-light-warning { background-color: #e8eeff !important; }

/* btn-warning variants */
.btn-warning {
  background-color: #f8b11d !important;
  border-color: #f8b11d !important;
  color: #fff !important;
}
.btn-warning:hover, .btn-warning:focus {
  background-color: #002460 !important;
  border-color: #002460 !important;
  color: #fff !important;
}
.btn-outline-warning {
  color: #f8b11d !important;
  border-color: #f8b11d !important;
  background-color: transparent !important;
}
.btn-outline-warning:hover {
  background-color: #f8b11d !important;
  color: #fff !important;
}

/* Badge warning */
.badge.bg-warning { background-color: #f8b11d !important; color: #fff !important; }
.badge.text-bg-warning { background-color: #f8b11d !important; color: #fff !important; }

/* Card border top (Flat Able preset uses primary for card accents) */
.card { border-top-color: #003481 !important; }
.card > .card-header { border-bottom-color: rgba(0,52,129, 0.2) !important; }

/* Alert warning */
.alert-warning {
  background-color: #e8eeff !important;
  border-color: #f8b11d !important;
  color: #002460 !important;
}