/* Digimo brand — override primary template (ungu) ke coklat */
:root,
[data-bs-theme='light'] {
  --bs-purple: #8b7355;
  --bs-primary: #8b7355;
  --bs-primary-rgb: 139, 115, 85;
  --bs-primary-text-emphasis: #4a3d2e;
  --bs-primary-bg-subtle: #efe8e0;
  --bs-primary-border-subtle: #d4c4b0;
  --bs-link-color: #8b7355;
  --bs-link-color-rgb: 139, 115, 85;
  --bs-link-hover-color: #7a664b;
  --bs-link-hover-color-rgb: 122, 102, 75;
  --bs-focus-ring-color: rgba(139, 115, 85, 0.25);

  --crm-primary: #8b7355;
  --crm-primary-hover: #7a664b;
  --crm-primary-soft: rgba(139, 115, 85, 0.12);
  --crm-primary-soft-strong: rgba(139, 115, 85, 0.22);
  --crm-primary-label: #efe8e0;
  --crm-primary-label-hover: #e5d9cc;
  --crm-primary-tint: #f6f2ed;
  --crm-primary-light: #c4b199;
}

.text-primary {
  color: var(--crm-primary) !important;
}

.text-body[href]:hover,
.text-heading[href]:hover {
  color: var(--crm-primary-hover) !important;
}

.bg-primary {
  background-color: var(--crm-primary) !important;
}

a.bg-primary:hover,
a.bg-primary:focus {
  background-color: var(--crm-primary-hover) !important;
}

.dropdown-notifications-item:not(.mark-as-read) .dropdown-notifications-read span {
  background-color: var(--crm-primary);
}

.bg-label-primary {
  background-color: var(--crm-primary-label) !important;
  color: var(--crm-primary) !important;
}

.bg-label-hover-primary {
  background-color: var(--crm-primary-label) !important;
  color: var(--crm-primary) !important;
}

.bg-label-hover-primary:hover {
  background-color: var(--crm-primary) !important;
  color: #fff !important;
}

.bg-gradient-primary {
  background-image: linear-gradient(45deg, var(--crm-primary), var(--crm-primary-light)) !important;
}

.bg-primary.bg-glow {
  box-shadow: 0 2px 3px 0 rgba(139, 115, 85, 0.3);
}

.page-item .page-link:hover,
.page-item .page-link:focus,
.pagination li > a:not(.page-link):hover,
.pagination li > a:not(.page-link):focus {
  background-color: var(--crm-primary-label);
  color: var(--crm-primary);
}

.page-item.active .page-link,
.pagination li.active > a:not(.page-link) {
  box-shadow: 0 0.125rem 0.375rem 0 rgba(139, 115, 85, 0.3);
}

.page-item.active .page-link,
.page-item.active .page-link:hover,
.page-item.active .page-link:focus,
.pagination li.active > a:not(.page-link),
.pagination li.active > a:not(.page-link):hover,
.pagination li.active > a:not(.page-link):focus {
  border-color: var(--crm-primary);
  background-color: var(--crm-primary);
  color: #fff;
}

.pagination-outline-primary .page-item.active .page-link,
.pagination-outline-primary .page-item.active .page-link:hover,
.pagination-outline-primary .page-item.active .page-link:focus {
  border-color: var(--crm-primary) !important;
  color: var(--crm-primary) !important;
  background-color: var(--crm-primary-label) !important;
}

.progress-bar {
  background-color: var(--crm-primary);
  box-shadow: 0 0.125rem 0.375rem 0 rgba(139, 115, 85, 0.3);
}

.carousel-control-prev,
.carousel-control-next,
.carousel-control-prev:hover,
.carousel-control-prev:focus,
.carousel-control-next:hover,
.carousel-control-next:focus {
  color: var(--crm-primary);
}

.list-group-item-primary {
  border-color: var(--crm-primary);
  background-color: var(--crm-primary-label);
  color: var(--crm-primary) !important;
}

.list-group-item.active {
  background-color: var(--crm-primary-label);
  color: var(--crm-primary);
}

.alert-primary {
  background-color: var(--crm-primary-label);
  border-color: var(--crm-primary-label);
  color: var(--crm-primary);
}

.alert-primary .alert-link,
.alert-primary hr,
.alert-outline-primary,
.alert-outline-primary .alert-link,
.alert-outline-primary hr {
  color: var(--crm-primary) !important;
}

.alert-outline-primary {
  border-color: var(--crm-primary);
}

.alert-primary .alert-icon,
.alert-solid-primary {
  background-color: var(--crm-primary);
}

.alert-solid-primary .alert-icon {
  color: var(--crm-primary) !important;
}

.table-primary {
  --bs-table-bg: #efe8e0;
  --bs-table-striped-bg: #e8dfd4;
  --bs-table-active-bg: #e2d7ca;
  --bs-table-hover-bg: #e8dfd4;
  border-color: #d4c4b0;
}

.btn-primary {
  color: #fff;
  background-color: var(--crm-primary);
  border-color: var(--crm-primary);
}

.btn-primary.btn[class*='btn-']:not([class*='btn-label-']):not([class*='btn-outline-']):not([class*='btn-text-']):not(.btn-icon):not(:disabled):not(.disabled) {
  box-shadow: 0 0.125rem 0.375rem 0 rgba(139, 115, 85, 0.3);
}

.btn-primary:hover,
.btn-check:focus + .btn-primary,
.btn-primary:focus,
.btn-primary.focus,
.btn-check:checked + .btn-primary,
.btn-check:active + .btn-primary,
.btn-primary:active,
.btn-primary.active,
.btn-primary.show.dropdown-toggle,
.show > .btn-primary.dropdown-toggle {
  color: #fff !important;
  background-color: var(--crm-primary-hover) !important;
  border-color: var(--crm-primary-hover) !important;
}

.btn-primary.disabled,
.btn-primary:disabled {
  background-color: var(--crm-primary) !important;
  border-color: var(--crm-primary) !important;
}

.btn-label-primary {
  color: var(--crm-primary) !important;
  background: var(--crm-primary-label) !important;
}

.btn-label-primary:hover,
.btn-label-primary:focus,
.btn-label-primary.focus,
.btn-label-primary:active,
.btn-label-primary.active {
  color: var(--crm-primary) !important;
  background: var(--crm-primary-label-hover) !important;
}

.btn-text-primary,
.btn-text-primary:hover,
.btn-text-primary:focus,
.btn-text-primary:active {
  color: var(--crm-primary) !important;
}

.btn-text-primary:hover,
.btn-text-primary:focus,
.btn-text-primary:active {
  background: var(--crm-primary-tint) !important;
}

.btn-outline-primary {
  color: var(--crm-primary);
  border-color: var(--crm-primary);
}

.btn-outline-primary:hover,
.btn-check:focus + .btn-outline-primary,
.btn-outline-primary:focus,
.btn-check:checked + .btn-outline-primary,
.btn-outline-primary:active,
.btn-outline-primary.active {
  color: var(--crm-primary) !important;
  background-color: var(--crm-primary-tint) !important;
  border-color: var(--crm-primary) !important;
}

.btn-outline-primary .badge {
  background: var(--crm-primary);
  border-color: var(--crm-primary);
}

.dropdown-item:not(.disabled).active,
.dropdown-item:not(.disabled):active {
  background-color: var(--crm-primary-label);
  color: var(--crm-primary) !important;
}

.nav-pills .nav-link.active,
.nav-pills .nav-link.active:hover,
.nav-pills .nav-link.active:focus {
  background-color: var(--crm-primary);
  color: #fff;
  box-shadow: 0 0.125rem 0.375rem 0 rgba(139, 115, 85, 0.3);
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-link.active:hover,
.nav-tabs .nav-link.active:focus {
  box-shadow: 0 -2px 0 var(--crm-primary) inset;
}

.form-control:focus,
.form-select:focus,
.input-group:focus-within .form-control,
.input-group:focus-within .input-group-text {
  border-color: var(--crm-primary) !important;
}

.form-control:focus {
  box-shadow: 0 0 0 0.2rem rgba(139, 115, 85, 0.15);
}

.form-check-input:checked,
.form-check-input[type='checkbox']:indeterminate {
  background-color: var(--crm-primary);
  border-color: var(--crm-primary);
  box-shadow: 0 2px 6px 0 rgba(139, 115, 85, 0.3);
}

.form-check-input:focus {
  border-color: var(--crm-primary);
  box-shadow: 0 0 0 0.2rem rgba(139, 115, 85, 0.15);
}

.custom-option.checked {
  border-color: var(--crm-primary) !important;
}

.custom-option.checked .custom-option-body i,
.custom-option.checked .custom-option-header i,
.custom-option.custom-option-label.checked {
  color: var(--crm-primary);
}

.custom-option.custom-option-label.checked {
  background-color: var(--crm-primary-soft);
}

.switch-input:checked ~ .switch-toggle-slider,
.switch-primary.switch .switch-input:checked ~ .switch-toggle-slider {
  background: var(--crm-primary);
  box-shadow: 0 2px 6px 0 rgba(139, 115, 85, 0.3);
}

.timeline .timeline-point-primary {
  background-color: var(--crm-primary) !important;
  outline: 3px solid var(--crm-primary-soft);
}

.badge.bg-primary,
.badge.bg-label-primary {
  --bs-badge-color: #fff;
}

.bg-menu-theme.menu-vertical .menu-item.active > .menu-link:not(.menu-toggle) {
  background: linear-gradient(270deg, rgba(139, 115, 85, 0.75) 0%, #8b7355 100%);
  box-shadow: 0 2px 6px 0 rgba(139, 115, 85, 0.3);
}

[dir='rtl'] .bg-menu-theme.menu-vertical .menu-item.active > .menu-link:not(.menu-toggle) {
  background: linear-gradient(-270deg, rgba(139, 115, 85, 0.75) 0%, #8b7355 100%) !important;
}

.bg-menu-theme.menu-horizontal .menu-inner > .menu-item.active > .menu-link.menu-toggle {
  background: linear-gradient(270deg, rgba(139, 115, 85, 0.75) 0%, #8b7355 100%);
  box-shadow: 0 2px 6px 0 rgba(139, 115, 85, 0.3);
}

.bg-menu-theme.menu-horizontal .menu-item.active > .menu-link:not(.menu-toggle) {
  background: var(--crm-primary-label);
  color: var(--crm-primary) !important;
}

.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
  background-color: var(--crm-primary) !important;
}

.select2-container--default.select2-container--focus .select2-selection,
.select2-container--default.select2-container--open .select2-selection {
  border-color: var(--crm-primary) !important;
}

.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange,
.flatpickr-day.selected.inRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.endRange.inRange,
.flatpickr-day.selected:focus,
.flatpickr-day.startRange:focus,
.flatpickr-day.endRange:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange:hover,
.flatpickr-day.endRange:hover {
  background: var(--crm-primary) !important;
  border-color: var(--crm-primary) !important;
}

.swal2-styled.swal2-confirm,
.swal2-actions .btn-primary {
  background-color: var(--crm-primary) !important;
  border-color: var(--crm-primary) !important;
}