/* Custom Orange Theme for SIMANTRI */
/* Override warna utama dari purple ke orange (#FE5D26) */

:root {
  --orange-primary: #FE5D26;
  --orange-light: #FF8A50;
  --orange-soft: #FFB380;
  --orange-dark: #E54100;
  --orange-very-light: #FFD4B3;
}

/* Styling untuk Logo Custom - Diperbesar Signifikan */
/* Override styling logo yang ada di template.blade.php */
.navbar-brand.brand-logo img {
  max-height: none !important; /* Hilangkan batasan tinggi */
  height: 80px !important; /* Set tinggi tetap yang besar */
  width: auto !important;
  object-fit: contain !important; /* Kembali ke contain untuk menjaga proporsi */
  transform: scale(1.5) !important; /* Zoom 50% lebih besar */
}

.navbar-brand.brand-logo-mini img {
  max-height: none !important; /* Hilangkan batasan tinggi */
  height: 70px !important; /* Set tinggi tetap yang besar */
  width: auto !important;
  object-fit: contain !important;
  transform: scale(1.5) !important; /* Zoom 50% lebih besar */
}

/* Menyesuaikan navbar wrapper - tinggi diperbesar untuk logo yang lebih besar */
.navbar-brand-wrapper {
  min-height: 90px !important; /* Tinggi diperbesar sedikit untuk logo yang lebih besar */
  display: flex !important;
  align-items: center !important;
  justify-content: center !important; /* Memastikan logo selalu di tengah */
  overflow: visible !important; /* Memungkinkan logo keluar sedikit dari container */
}

/* CSS yang lebih spesifik untuk memastikan logo centered */
.navbar .navbar-brand-wrapper {
  justify-content: center !important;
  text-align: center !important;
}

.navbar .navbar-brand-wrapper .navbar-brand {
  margin: 0 auto !important;
}

/* Override template CSS yang mengatur text-align left */
.navbar .navbar-brand-wrapper .navbar-brand {
  text-align: center !important;
  padding-left: 0 !important;
  width: auto !important;
}

/* CSS dengan prioritas sangat tinggi */
.navbar.default-layout-navbar .navbar-brand-wrapper {
  justify-content: center !important;
  text-align: center !important;
}

.navbar.default-layout-navbar .navbar-brand-wrapper .navbar-brand {
  text-align: center !important;
  padding-left: 0 !important;
  margin: 0 auto !important;
}

.navbar-brand {
  padding: 0 !important; /* Hilangkan padding agar logo bisa lebih besar */
}

/* Responsive logo untuk mobile */
@media (max-width: 768px) {
  .navbar-brand.brand-logo img {
    height: 60px !important; /* Logo mobile dengan tinggi tetap */
    transform: scale(1.3) !important; /* Zoom untuk mobile */
  }
  
  .navbar-brand.brand-logo-mini img {
    height: 50px !important; /* Logo mini mobile dengan tinggi tetap */
    transform: scale(1.3) !important;
  }
  
  .navbar-brand-wrapper {
    min-height: 80px !important; /* Tinggi navbar sedikit diperbesar di mobile */
  }
}

/* CSS untuk memberikan space antara logo dan sidebar items */
.sidebar .nav {
  padding-top: 15px !important; /* Dikurangi dari 30px ke 15px */
}

.sidebar .nav .nav-item:first-child {
  margin-top: 10px !important; /* Dikurangi dari 20px ke 10px */
}

/* Menyesuaikan sidebar agar tidak terlalu rapat dengan navbar */
.sidebar {
  padding-top: 10px !important; /* Dikurangi dari 20px ke 10px */
}

/* Override Chart Colors untuk Tone Orange */
/* Chart.js color overrides */
.chart-container canvas {
  --chart-color-1: #FE5D26 !important; /* Orange primary */
  --chart-color-2: #FF8A50 !important; /* Orange light */
  --chart-color-3: #FFB380 !important; /* Orange soft */
  --chart-color-4: #E54100 !important; /* Orange dark */
  --chart-color-5: #FFD4B3 !important; /* Orange very light */
}

/* Override untuk legend chart */
.rounded-legend .legend-dots {
  background-color: var(--orange-primary) !important;
}

/* Override Gradient Primary untuk Card Dashboard */
.bg-gradient-primary {
  background: linear-gradient(to right, #FE5D26, #FF8A50) !important;
}

/* Override Sidebar Active State dan Navigation */
.sidebar .nav .nav-item.active > .nav-link .menu-title {
  color: #FE5D26 !important;
  font-family: "ubuntu-medium", sans-serif;
}

.sidebar .nav .nav-item.active > .nav-link i {
  color: #FE5D26 !important;
}

/* Hover state untuk sidebar */
.sidebar .nav .nav-item:hover:not(.nav-category):not(.nav-profile) > .nav-link {
  color: #E54100 !important;
}

/* Page Title Icon dan Header Elements */
.page-title-icon.bg-gradient-primary {
  background: linear-gradient(to right, #FE5D26, #FF8A50) !important;
}

/* Card Pendukung dengan Orange Soft yang Harmonis */
.bg-gradient-success {
  background: linear-gradient(to right, #FFB380, #FF8A50) !important;
}

.bg-gradient-info {
  background: linear-gradient(to right, #FFD4B3, #FFB380) !important;
}

/* Pertahankan warning (kuning) dan danger (merah) untuk kontras */
/* .bg-gradient-warning dan .bg-gradient-danger tetap menggunakan warna original */

/* Override Button Primary */
.btn-primary {
  background: #FE5D26 !important;
  border-color: #FE5D26 !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
  background: #E54100 !important;
  border-color: #E54100 !important;
}

/* Override Badge Primary */
.badge-primary {
  background: #FE5D26 !important;
  border-color: #FE5D26 !important;
}

.badge-gradient-primary {
  background: linear-gradient(to right, #FE5D26, #FF8A50) !important;
}

/* Override Link Primary Colors */
.text-primary {
  color: #FE5D26 !important;
}

/* Override Border Primary */
.border-primary {
  border-color: #FE5D26 !important;
}

/* Override untuk elemen form yang menggunakan primary color */
.form-check-primary.form-check label input[type=checkbox]:checked + .input-helper:before,
.form-check-primary.form-check label input[type=radio]:checked + .input-helper:before {
  background: linear-gradient(to right, #FE5D26, #FF8A50) !important;
}

/* Override untuk breadcrumb primary */
.bg-inverse-primary {
  background: #FFD4B3 !important;
  border-color: #FE5D26 !important;
}

.bg-inverse-primary .breadcrumb-item {
  color: #FE5D26 !important;
}

/* Pastikan kontras yang baik untuk text pada background orange */
.bg-gradient-primary .card-text,
.bg-gradient-primary h1,
.bg-gradient-primary h2,
.bg-gradient-primary h3,
.bg-gradient-primary h4,
.bg-gradient-primary h5,
.bg-gradient-primary h6 {
  color: #ffffff !important;
}

/* Custom Gradient Classes untuk Variasi Warna Dashboard */
.bg-gradient-teal {
  background: linear-gradient(to right, #28a745, #20c997) !important;
}

.bg-gradient-light-orange {
  background: linear-gradient(to right, #FFD4B3, #FFB380) !important;
}

/* Custom Badge Gradient Classes */
.badge-gradient-orange {
  background: linear-gradient(to right, #FE5D26, #FF8A50) !important;
  color: #ffffff !important;
}

.badge-gradient-green {
  background: linear-gradient(to right, #28a745, #20c997) !important;
  color: #ffffff !important;
}

/* Pastikan text tetap readable pada background baru */
.bg-gradient-teal .card-text,
.bg-gradient-teal h1,
.bg-gradient-teal h2,
.bg-gradient-teal h3,
.bg-gradient-teal h4,
.bg-gradient-teal h5,
.bg-gradient-teal h6 {
  color: #ffffff !important;
}

.bg-gradient-light-orange .card-text,
.bg-gradient-light-orange h1,
.bg-gradient-light-orange h2,
.bg-gradient-light-orange h3,
.bg-gradient-light-orange h4,
.bg-gradient-light-orange h5,
.bg-gradient-light-orange h6 {
  color: #ffffff !important;
}

/* ===== ADDITIONAL OVERRIDES FOR COMPLETE PRIMARY COLOR REPLACEMENT ===== */

/* Override Button Outline Primary */
.btn-outline-primary {
  color: #FE5D26 !important;
  border-color: #FE5D26 !important;
  background-color: transparent !important;
}

.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:active {
  color: #ffffff !important;
  background-color: #FE5D26 !important;
  border-color: #FE5D26 !important;
}

/* Override Button Inverse Primary */
.btn-inverse-primary {
  background-color: rgba(254, 93, 38, 0.2) !important;
  border-color: rgba(254, 93, 38, 0) !important;
  color: #FE5D26 !important;
}

.btn-inverse-primary:hover,
.btn-inverse-primary:focus,
.btn-inverse-primary:active {
  background-color: #FE5D26 !important;
  border-color: #FE5D26 !important;
  color: #ffffff !important;
}

/* Override Alert Primary */
.alert-primary {
  background-color: #FFD4B3 !important;
  border-color: #FE5D26 !important;
  color: #E54100 !important;
}

/* Override Card Outline Primary */
.card-outline-primary {
  border-color: #FE5D26 !important;
}

/* Override Form Control Focus */
.form-control:focus {
  border-color: #FE5D26 !important;
  box-shadow: 0 0 0 0.2rem rgba(254, 93, 38, 0.25) !important;
}

/* Override Link Primary Hover */
.link-primary:hover,
.link-primary:focus {
  color: #E54100 !important;
}

/* Override Text Background Primary */
.text-bg-primary {
  color: #ffffff !important;
  background-color: #FE5D26 !important;
}

/* Override Badge Outline Primary */
.badge-outline-primary {
  color: #FE5D26 !important;
  border-color: #FE5D26 !important;
  background-color: transparent !important;
}

/* Override Table Primary */
.table-primary {
  background-color: #FFD4B3 !important;
  border-color: #FE5D26 !important;
}

/* Override Progress Bar Primary */
.progress-bar-primary,
.progress-bar.bg-primary {
  background-color: #FE5D26 !important;
}

/* Override List Group Primary */
.list-group-item-primary {
  background-color: #FFD4B3 !important;
  border-color: #FE5D26 !important;
  color: #E54100 !important;
}

/* Override Dropdown Primary */
.dropdown-item.active,
.dropdown-item:active {
  background-color: #FE5D26 !important;
  color: #ffffff !important;
}

/* Override Nav Pills Primary */
.nav-pills .nav-link.active {
  background-color: #FE5D26 !important;
  color: #ffffff !important;
}

/* Override Pagination Primary */
.page-link {
  color: #FE5D26 !important;
}

.page-item.active .page-link {
  background-color: #FE5D26 !important;
  border-color: #FE5D26 !important;
  color: #ffffff !important;
}

.page-link:hover,
.page-link:focus {
  color: #E54100 !important;
  background-color: #FFD4B3 !important;
  border-color: #FE5D26 !important;
}

/* Override Modal Header Primary */
.modal-header.bg-primary {
  background-color: #FE5D26 !important;
  color: #ffffff !important;
}

/* Override Spinner Primary */
.spinner-border-primary {
  color: #FE5D26 !important;
}

/* Override Toast Primary */
.toast-header.bg-primary {
  background-color: #FE5D26 !important;
  color: #ffffff !important;
}

/* Override Accordion Primary */
.accordion-button:not(.collapsed) {
  background-color: #FFD4B3 !important;
  color: #E54100 !important;
}

/* Override Offcanvas Primary */
.offcanvas-header.bg-primary {
  background-color: #FE5D26 !important;
  color: #ffffff !important;
}

/* Override Custom Select Focus */
.form-select:focus {
  border-color: #FE5D26 !important;
  box-shadow: 0 0 0 0.2rem rgba(254, 93, 38, 0.25) !important;
}

/* Override Input Group Text Primary */
.input-group-text.bg-primary {
  background-color: #FE5D26 !important;
  border-color: #FE5D26 !important;
  color: #ffffff !important;
}

/* Override Tooltip Primary */
.tooltip.bs-tooltip-primary .tooltip-inner {
  background-color: #FE5D26 !important;
  color: #ffffff !important;
}

/* Override Popover Primary */
.popover.bs-popover-primary .popover-header {
  background-color: #FE5D26 !important;
  color: #ffffff !important;
}

/* Override Close Button on Primary Background */
.btn-close-white {
  filter: invert(1) grayscale(100%) brightness(200%) !important;
}

/* Ensure all primary variants are covered */
.bg-primary,
.bg-primary-subtle {
  background-color: #FE5D26 !important;
}

.text-primary-emphasis {
  color: #E54100 !important;
}

.border-primary-subtle {
  border-color: #FFB380 !important;
}

/* Override any remaining primary color references */
*[class*="primary"] {
  --bs-primary: #FE5D26 !important;
  --bs-primary-rgb: 254, 93, 38 !important;
}

/* ===== SPECIFIC FIXES FOR SUBMENU AND NAVIGATION ===== */

/* Override Sidebar Submenu Active State - Sangat Spesifik */
.sidebar .nav .nav-item .collapse .nav .nav-item.active > .nav-link,
.sidebar .nav .nav-item .collapse .nav .nav-item.active > .nav-link .menu-title,
.sidebar .nav .nav-item .collapse .nav .nav-item .nav-link.active,
.sidebar .nav .nav-item .collapse .nav .nav-item .nav-link.active .menu-title {
  color: #FE5D26 !important;
  background-color: rgba(254, 93, 38, 0.1) !important;
}

/* Override untuk submenu hover */
.sidebar .nav .nav-item .collapse .nav .nav-item:hover > .nav-link,
.sidebar .nav .nav-item .collapse .nav .nav-item .nav-link:hover {
  color: #E54100 !important;
  background-color: rgba(254, 93, 38, 0.05) !important;
}

/* Override untuk semua link yang menggunakan text-primary */
a.text-primary,
.text-primary a {
  color: #FE5D26 !important;
}

a.text-primary:hover,
.text-primary a:hover {
  color: #E54100 !important;
}

/* ===== OVERRIDE TEMPLATE PURPLE COLORS YANG MASIH TERSISA ===== */

/* Override warna purple dari template yang masih muncul */
.bg-gradient-primary,
.btn-gradient-primary {
  background: linear-gradient(to right, #FE5D26, #FF8A50) !important;
  border: none !important;
}

.btn-gradient-primary:hover,
.btn-gradient-primary:focus,
.btn-gradient-primary:active {
  background: linear-gradient(to right, #E54100, #FE5D26) !important;
}

/* Override untuk icon dan text pada button gradient primary */
.btn-gradient-primary,
.btn-gradient-primary:hover,
.btn-gradient-primary:focus,
.btn-gradient-primary:active {
  color: #ffffff !important;
}

/* ===== OVERRIDE UNTUK TOMBOL TAMBAH SANTRI DAN FORM BUTTONS ===== */

/* Pastikan semua tombol primary menggunakan orange */
.btn-primary,
.btn-primary:not(:disabled):not(.disabled),
.btn-primary.focus,
.btn-primary:focus {
  background-color: #FE5D26 !important;
  border-color: #FE5D26 !important;
  color: #ffffff !important;
  box-shadow: 0 0 0 0.2rem rgba(254, 93, 38, 0.25) !important;
}

.btn-primary:hover,
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
  background-color: #E54100 !important;
  border-color: #E54100 !important;
  color: #ffffff !important;
}

/* Override untuk button small primary */
.btn-primary.btn-sm {
  background-color: #FE5D26 !important;
  border-color: #FE5D26 !important;
  color: #ffffff !important;
}

.btn-primary.btn-sm:hover {
  background-color: #E54100 !important;
  border-color: #E54100 !important;
}

/* ===== OVERRIDE UNTUK PAGINATION YANG MASIH BIRU ===== */

/* Override pagination dengan prioritas tinggi */
.pagination .page-link {
  color: #FE5D26 !important;
  background-color: #ffffff !important;
  border: 1px solid #dee2e6 !important;
}

.pagination .page-item.active .page-link {
  z-index: 3 !important;
  color: #ffffff !important;
  background-color: #FE5D26 !important;
  border-color: #FE5D26 !important;
}

.pagination .page-link:hover {
  z-index: 2 !important;
  color: #E54100 !important;
  text-decoration: none !important;
  background-color: #FFD4B3 !important;
  border-color: #FE5D26 !important;
}

.pagination .page-link:focus {
  z-index: 3 !important;
  outline: 0 !important;
  box-shadow: 0 0 0 0.2rem rgba(254, 93, 38, 0.25) !important;
}

/* ===== OVERRIDE UNTUK BADGE DAN LABEL ===== */

/* Override badge primary dengan prioritas tinggi */
.badge-primary {
  color: #ffffff !important;
  background-color: #FE5D26 !important;
}

.badge.badge-primary {
  color: #ffffff !important;
  background-color: #FE5D26 !important;
}

/* ===== OVERRIDE UNTUK FORM ELEMENTS ===== */

/* Override checkbox dan radio button primary */
.form-check-input:checked {
  background-color: #FE5D26 !important;
  border-color: #FE5D26 !important;
}

.form-check-input:focus {
  border-color: #FF8A50 !important;
  outline: 0 !important;
  box-shadow: 0 0 0 0.25rem rgba(254, 93, 38, 0.25) !important;
}

/* Override select focus */
.form-select:focus,
.form-control:focus {
  border-color: #FE5D26 !important;
  outline: 0 !important;
  box-shadow: 0 0 0 0.25rem rgba(254, 93, 38, 0.25) !important;
}

/* ===== OVERRIDE UNTUK TEMPLATE SPECIFIC CLASSES ===== */

/* Override untuk class template yang mungkin masih menggunakan purple */
.template-primary,
.primary-color,
.color-primary {
  color: #FE5D26 !important;
}

.bg-template-primary,
.background-primary {
  background-color: #FE5D26 !important;
}

/* ===== FORCE OVERRIDE UNTUK SEMUA KEMUNGKINAN PRIMARY ===== */

/* Override dengan selector yang sangat spesifik untuk memastikan tidak ada yang terlewat */
[class*="primary"]:not([class*="btn-outline-primary"]):not([class*="text-primary"]) {
  background-color: #FE5D26 !important;
  border-color: #FE5D26 !important;
}

/* Override untuk text primary dengan prioritas tertinggi */
[class*="text-primary"] {
  color: #FE5D26 !important;
}

/* Override untuk border primary */
[class*="border-primary"] {
  border-color: #FE5D26 !important;
}

/* ===== FIXES UNTUK MASALAH SPESIFIK ===== */

/* 1. Override untuk Tab Jenis Kebaikan - gunakan sub statistik seperti dashboard */
.nav-tabs .nav-link.active,
.nav-pills .nav-link.active {
  background-color: #C1DBB3 !important;
  border-color: #C1DBB3 !important;
  color: #2E5A1C !important;
}

.nav-tabs .nav-link:hover,
.nav-pills .nav-link:hover {
  background-color: rgba(193, 219, 179, 0.3) !important;
  border-color: #C1DBB3 !important;
  color: #2E5A1C !important;
}

/* Override untuk tab content */
.tab-content .tab-pane.active {
  border-color: #C1DBB3 !important;
}

/* 2. Override untuk Rekap Poin - hilangkan border orange dan ganti badge */
.table-primary {
  background-color: #f8f9fa !important;
  border-color: #dee2e6 !important;
}

.table-primary th {
  background-color: #f8f9fa !important;
  border-color: #dee2e6 !important;
  color: #495057 !important;
}

/* Override badge untuk jenis di rekap poin */
.badge-danger {
  background-color: #dc3545 !important;
  color: #ffffff !important;
}

.badge-success {
  background-color: #28a745 !important;
  color: #ffffff !important;
}

/* Override icon PDF - ganti dari pink ke merah */
.text-danger,
.mdi-file-pdf-box.text-danger {
  color: #dc3545 !important;
}

/* 3. Override untuk Statistik di Tab Laporan */
.card-statistics .card {
  border: 1px solid #dee2e6 !important;
}

.card-statistics .bg-primary {
  background: linear-gradient(to right, #FE5D26, #FF8A50) !important;
}

.card-statistics .bg-success {
  background: linear-gradient(to right, #28a745, #20c997) !important;
}

.card-statistics .bg-info {
  background: linear-gradient(to right, #17a2b8, #6f42c1) !important;
}

.card-statistics .bg-warning {
  background: linear-gradient(to right, #ffc107, #fd7e14) !important;
}

/* Override untuk chart colors di laporan */
.chart-primary {
  color: #FE5D26 !important;
}

.chart-success {
  color: #28a745 !important;
}

.chart-info {
  color: #17a2b8 !important;
}

.chart-warning {
  color: #ffc107 !important;
}

/* ===== OVERRIDE UNTUK SEMUA KEMUNGKINAN BIRU MUDA DAN PINK ===== */

/* Override warna biru muda (#17a2b8, #5bc0de, #d1ecf1) */
.bg-info,
.badge-info,
.btn-info,
.alert-info {
  background-color: #C1DBB3 !important;
  border-color: #A8C99A !important;
  color: #2E5A1C !important;
}

.btn-info:hover,
.btn-info:focus,
.btn-info:active {
  background-color: #A8C99A !important;
  border-color: #8FB87A !important;
  color: #2E5A1C !important;
}

/* Override warna pink/magenta yang mungkin masih tersisa */
.text-pink,
.text-magenta,
.bg-pink,
.bg-magenta {
  color: #FE5D26 !important;
  background-color: #FE5D26 !important;
}

/* Override untuk progress bar info */
.progress-bar-info,
.progress-bar.bg-info {
  background-color: #C1DBB3 !important;
}

/* Override untuk list group info */
.list-group-item-info {
  background-color: rgba(193, 219, 179, 0.3) !important;
  border-color: #C1DBB3 !important;
  color: #2E5A1C !important;
}

/* Override untuk modal header info */
.modal-header.bg-info {
  background-color: #C1DBB3 !important;
  color: #2E5A1C !important;
}

/* Override untuk toast info */
.toast-header.bg-info {
  background-color: #C1DBB3 !important;
  color: #2E5A1C !important;
}

/* ===== OVERRIDE UNTUK CHART.JS DAN GRAFIK ===== */

/* Override default chart colors */
.chartjs-render-monitor {
  --chart-color-primary: #FE5D26 !important;
  --chart-color-success: #28a745 !important;
  --chart-color-info: #C1DBB3 !important;
  --chart-color-warning: #ffc107 !important;
  --chart-color-danger: #dc3545 !important;
}

/* Override untuk legend chart */
.chart-legend .legend-item {
  color: #495057 !important;
}

/* ===== FORCE OVERRIDE UNTUK TEMPLATE SPECIFIC ===== */

/* Override semua kemungkinan class info */
[class*="info"]:not([class*="btn-outline-info"]):not([class*="text-info"]) {
  background-color: #C1DBB3 !important;
  border-color: #A8C99A !important;
  color: #2E5A1C !important;
}

/* Override untuk text info */
[class*="text-info"] {
  color: #C1DBB3 !important;
}

/* Override untuk border info */
[class*="border-info"] {
  border-color: #C1DBB3 !important;
}

/* ===== OVERRIDE KHUSUS UNTUK CHART DAN LAPORAN STATISTIK ===== */

/* Override untuk chart legend di laporan */
.rounded-legend .legend-dots {
  background-color: var(--orange-primary) !important;
}

.legend-vertical li span {
  background-color: var(--orange-primary) !important;
}

/* Override untuk chart canvas dan container */
.chart-container canvas,
.doughnutjs-wrapper canvas {
  border-radius: 8px !important;
}

/* Override untuk chart title dan labels */
.card-title {
  color: #495057 !important;
}

/* Override untuk table di laporan */
.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(254, 93, 38, 0.05) !important;
}

/* Override untuk spinner loading */
.spinner-border {
  color: #FE5D26 !important;
}

/* Override untuk pagination di laporan */
.pagination .page-link {
  color: #FE5D26 !important;
  border-color: #dee2e6 !important;
}

.pagination .page-item.active .page-link {
  background-color: #FE5D26 !important;
  border-color: #FE5D26 !important;
  color: #ffffff !important;
}

.pagination .page-link:hover {
  color: #E54100 !important;
  background-color: #FFD4B3 !important;
  border-color: #FE5D26 !important;
}

/* Override untuk breadcrumb di laporan */
.breadcrumb-item a {
  color: #FE5D26 !important;
}

.breadcrumb-item a:hover {
  color: #E54100 !important;
}

/* Override untuk form controls di filter laporan */
.form-control:focus {
  border-color: #FE5D26 !important;
  box-shadow: 0 0 0 0.2rem rgba(254, 93, 38, 0.25) !important;
}

.form-select:focus {
  border-color: #FE5D26 !important;
  box-shadow: 0 0 0 0.2rem rgba(254, 93, 38, 0.25) !important;
}

/* Override untuk card hover effect di statistik */
.card:hover {
  box-shadow: 0 4px 8px rgba(254, 93, 38, 0.1) !important;
  transform: translateY(-2px) !important;
  transition: all 0.3s ease !important;
}

/* Override untuk data info text */
#dataInfo {
  color: #6c757d !important;
}

/* Override untuk chart legend custom */
.legend-vertical ul li {
  color: #495057 !important;
}

.legend-vertical ul li span {
  border-radius: 3px !important;
}

/* Override untuk table responsive border */
.table-responsive {
  border: 1px solid #dee2e6 !important;
  border-radius: 8px !important;
}

/* Override untuk chart wrapper */
.doughnutjs-wrapper {
  position: relative !important;
}

/* Override untuk grid margin */
.grid-margin {
  margin-bottom: 2rem !important;
}

/* Override untuk stretch card */
.stretch-card {
  display: flex !important;
  align-items: stretch !important;
}

.stretch-card .card {
  width: 100% !important;
}

/* ===== OVERRIDE KHUSUS UNTUK HALAMAN AUTH (LOGIN/REGISTER) ===== */

/* Override checkbox di halaman login dan register */
.auth .form-check-input {
  background-color: #ffffff !important;
  border: 1px solid #ced4da !important;
  border-radius: 0.25rem !important;
}

.auth .form-check-input:checked {
  background-color: #FE5D26 !important;
  border-color: #FE5D26 !important;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e") !important;
}

.auth .form-check-input:focus {
  border-color: #FF8A50 !important;
  outline: 0 !important;
  box-shadow: 0 0 0 0.25rem rgba(254, 93, 38, 0.25) !important;
}

.auth .form-check-input:checked:focus {
  border-color: #FE5D26 !important;
  box-shadow: 0 0 0 0.25rem rgba(254, 93, 38, 0.25) !important;
}

/* Override untuk label checkbox di auth */
.auth .form-check-label {
  color: #6c757d !important;
  cursor: pointer !important;
}

/* Override untuk link di auth pages */
.auth .text-primary {
  color: #FE5D26 !important;
}

.auth .text-primary:hover {
  color: #E54100 !important;
  text-decoration: none !important;
}

/* Override untuk brand logo di auth */
.auth .brand-logo .text-primary {
  color: #FE5D26 !important;
}

/* Override untuk button di auth */
.auth .btn-gradient-primary {
  background: linear-gradient(to right, #FE5D26, #FF8A50) !important;
  border: none !important;
  color: #ffffff !important;
}

.auth .btn-gradient-primary:hover,
.auth .btn-gradient-primary:focus,
.auth .btn-gradient-primary:active {
  background: linear-gradient(to right, #E54100, #FE5D26) !important;
  color: #ffffff !important;
}

/* Override untuk form control focus di auth */
.auth .form-control:focus {
  border-color: #FE5D26 !important;
  box-shadow: 0 0 0 0.2rem rgba(254, 93, 38, 0.25) !important;
}

/* Override untuk alert di auth */
.auth .alert-danger {
  background-color: #f8d7da !important;
  border-color: #f5c6cb !important;
  color: #721c24 !important;
}

/* Styling khusus untuk logo di auth */
.auth .brand-logo img {
  max-width: 100% !important;
  height: 50px !important;
  width: auto !important;
  object-fit: contain !important;
  margin-bottom: 10px !important;
}

/* Responsive logo untuk mobile di auth */
@media (max-width: 768px) {
  .auth .brand-logo img {
    height: 40px !important;
    margin-bottom: 8px !important;
  }
  
  .auth .brand-logo h2 {
    font-size: 1.5rem !important;
  }
  
  .auth .brand-logo h4 {
    font-size: 1rem !important;
  }
}

@media (max-width: 480px) {
  .auth .brand-logo img {
    height: 35px !important;
    margin-bottom: 6px !important;
  }
  
  .auth .brand-logo h2 {
    font-size: 1.3rem !important;
  }
  
  .auth .brand-logo h4 {
    font-size: 0.9rem !important;
  }
}

/* ===== END AUTH SPECIFIC OVERRIDES ===== */

/* ===== COMPREHENSIVE CHECKBOX OVERRIDE ===== */

/* Override semua checkbox di seluruh aplikasi */
.form-check-input,
input[type="checkbox"] {
  background-color: #ffffff !important;
  border: 1px solid #ced4da !important;
  border-radius: 0.25rem !important;
}

.form-check-input:checked,
input[type="checkbox"]:checked {
  background-color: #FE5D26 !important;
  border-color: #FE5D26 !important;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e") !important;
}

.form-check-input:focus,
input[type="checkbox"]:focus {
  border-color: #FF8A50 !important;
  outline: 0 !important;
  box-shadow: 0 0 0 0.25rem rgba(254, 93, 38, 0.25) !important;
}

.form-check-input:checked:focus,
input[type="checkbox"]:checked:focus {
  border-color: #FE5D26 !important;
  box-shadow: 0 0 0 0.25rem rgba(254, 93, 38, 0.25) !important;
}

/* Override untuk checkbox indeterminate state */
.form-check-input:indeterminate,
input[type="checkbox"]:indeterminate {
  background-color: #FE5D26 !important;
  border-color: #FE5D26 !important;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e") !important;
}

/* Override untuk disabled checkbox */
.form-check-input:disabled,
input[type="checkbox"]:disabled {
  background-color: #e9ecef !important;
  border-color: #ced4da !important;
  opacity: 0.5 !important;
}

.form-check-input:disabled:checked,
input[type="checkbox"]:disabled:checked {
  background-color: rgba(254, 93, 38, 0.5) !important;
  border-color: rgba(254, 93, 38, 0.5) !important;
}

/* Override untuk custom checkbox styles yang mungkin ada */
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
  background-color: #FE5D26 !important;
  border-color: #FE5D26 !important;
}

.custom-checkbox .custom-control-input:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0.25rem rgba(254, 93, 38, 0.25) !important;
}

/* Override untuk Bootstrap 5 form-check */
.form-check-input[type="checkbox"] {
  background-color: #ffffff !important;
  border: 1px solid #ced4da !important;
}

.form-check-input[type="checkbox"]:checked {
  background-color: #FE5D26 !important;
  border-color: #FE5D26 !important;
}

/* Override untuk template specific checkbox classes */
.form-check-primary .form-check-input:checked {
  background-color: #FE5D26 !important;
  border-color: #FE5D26 !important;
}

/* Force override untuk semua kemungkinan checkbox selector */
*[type="checkbox"]:checked,
*[type="checkbox"]:not(:checked) {
  position: relative !important;
}

*[type="checkbox"]:checked {
  background-color: #FE5D26 !important;
  border-color: #FE5D26 !important;
}

/* Override untuk checkbox di dalam card, modal, dll */
.card .form-check-input:checked,
.modal .form-check-input:checked,
.dropdown .form-check-input:checked {
  background-color: #FE5D26 !important;
  border-color: #FE5D26 !important;
}

/* ===== END COMPREHENSIVE CHECKBOX OVERRIDE ===== */

/* ===== PERBAIKAN PADDING SUBMENU SIDEBAR ===== */

/* Override CSS template default dengan prioritas tinggi */
.sidebar .nav.sub-menu {
    margin-bottom: 5px !important; /* Override dari 20px default template ke 5px */
    margin-top: 0 !important; /* Pastikan tidak ada margin atas */
    padding-top: 0 !important; /* Hilangkan padding atas */
    list-style: none !important; /* Pertahankan dari template */
}

/* Mengurangi padding vertikal pada link submenu */
.sidebar .nav.sub-menu .nav-item .nav-link {
    padding: 0.5rem 2rem 0.5rem 2rem !important; /* Override dari 0.75rem template ke 0.5rem */
    line-height: 1.2 !important;
    position: relative !important; /* Pertahankan dari template */
    font-size: 0.8125rem !important; /* Pertahankan dari template */
    height: auto !important; /* Pertahankan dari template */
    border-top: 0 !important; /* Pertahankan dari template */
}

/* Menghilangkan margin tambahan pada item submenu */
.sidebar .nav.sub-menu .nav-item {
    padding: 0 !important; /* Pertahankan dari template */
    margin-bottom: 0 !important;
    margin-top: 0 !important; /* Hilangkan margin atas */
}

/* Perbaikan spacing untuk collapse container - KUNCI UTAMA */
.sidebar .nav .nav-item .collapse {
    padding-top: 0 !important; /* Hilangkan padding atas collapse */
    padding-bottom: 0 !important;
    margin-top: 0 !important; /* Hilangkan margin atas collapse */
}

/* Memastikan tidak ada spacing berlebihan antara menu utama dan submenu */
.sidebar .nav .nav-item .nav-link[data-bs-toggle="collapse"] {
    margin-bottom: 0 !important;
}

/* Perbaikan khusus untuk item submenu pertama */
.sidebar .nav.sub-menu .nav-item:first-child {
    margin-top: 0 !important; /* Hilangkan margin atas item pertama */
    padding-top: 0 !important; /* Hilangkan padding atas item pertama */
}

.sidebar .nav.sub-menu .nav-item:first-child .nav-link {
    margin-top: 0 !important; /* Hilangkan margin atas link pertama */
    padding-top: 0.5rem !important; /* Konsisten dengan padding lainnya */
}

/* Override untuk Bootstrap collapse yang mungkin menambah spacing */
.sidebar .collapse.show {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* Perbaikan untuk dark theme jika digunakan */
.sidebar-dark .sidebar .nav.sub-menu {
    margin-bottom: 5px !important;
    margin-top: 0 !important;
    padding-top: 0 !important;
}

.sidebar-dark .sidebar .nav.sub-menu .nav-item .nav-link {
    padding: 0.5rem 2rem 0.5rem 2rem !important;
    line-height: 1.2 !important;
}

.sidebar-dark .sidebar .nav .nav-item .collapse {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
}

/* CSS dengan prioritas tertinggi untuk memastikan tidak ada spacing tersisa */
.sidebar .nav .nav-item .collapse .nav.sub-menu {
    margin-top: 0 !important;
    padding-top: 0 !important;
    margin-bottom: 5px !important;
}

/* Memastikan ul submenu tidak memiliki margin atau padding default */
.sidebar .nav .nav-item .collapse ul.nav.sub-menu {
    margin-top: 0 !important;
    padding-top: 0 !important;
    margin-bottom: 5px !important;
}

/* Override untuk semua kemungkinan selector submenu */
.sidebar ul.nav.sub-menu,
.sidebar .nav.flex-column.sub-menu {
    margin-top: 0 !important;
    padding-top: 0 !important;
    margin-bottom: 5px !important;
} 

/* ===== CENTER ALIGN ANGKA DI DASHBOARD DAN TABEL ===== */

/* Center align angka di dashboard cards */
.dashboard-card h2 {
    text-align: center !important;
}

/* Center align angka di tabel rekap poin */
.table td.text-center,
.table th.text-center {
    text-align: center !important;
}

/* Center align angka di badge poin */
.badge {
    text-align: center !important;
}

/* Center align angka di kolom poin tabel */
.table td:has(.badge),
.table td .badge {
    text-align: center !important;
}

/* ===== END CENTER ALIGN ANGKA ===== */