html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}

:root {
  --crm-primary: #ee8b1d;
  --crm-primary-dark: #db7b11;
  --crm-topbar: #2b1a48;
  --crm-footer: #120d0b;
  --crm-bg: #f6f6f6;
  --crm-surface: #ffffff;
  --crm-text: #1c1c1c;
  --crm-muted: #696969;
  --crm-border: #ececec;
  --crm-card-shadow: 0 10px 28px rgba(0, 0, 0, 0.08);
  --crm-soft-shadow: 0 4px 14px rgba(0, 0, 0, 0.04);
  --crm-primary-rgb: 238, 139, 29;
  --crm-focus: rgba(var(--crm-primary-rgb), 0.25);
}

[data-bs-theme="dark"] {
  --crm-primary: #f59b32;
  --crm-primary-dark: #ee8b1d;
  --crm-topbar: #1d1230;
  --crm-footer: #120d0b;
  --crm-bg: #15110f;
  --crm-surface: #211b18;
  --crm-text: #f4efea;
  --crm-muted: #c7b5a5;
  --crm-border: #3a2d25;
  --crm-card-shadow: 0 10px 28px rgba(0, 0, 0, 0.35);
  --crm-soft-shadow: 0 4px 14px rgba(0, 0, 0, 0.24);
  --crm-primary-rgb: 245, 155, 50;
}

html,
body {
  font-family: "Segoe UI", Arial, sans-serif;
  color: var(--crm-text);
  background: var(--crm-bg);
}

body {
  overflow-x: hidden;
}

.card,
.modal-content,
.dropdown-menu,
.complaint-section {
  background-color: var(--crm-surface) !important;
  border-color: var(--crm-border) !important;
  box-shadow: var(--crm-soft-shadow);
}

.card {
  border-radius: 10px;
}

.text-muted,
.form-text,
small.text-muted {
  color: var(--crm-muted) !important;
}

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

.btn-primary:hover,
.btn-warning:hover {
  background-color: var(--crm-primary-dark) !important;
  border-color: var(--crm-primary-dark) !important;
  color: #fff !important;
}

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

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

.form-control,
.form-select {
  background-color: var(--bs-body-bg);
  border-color: var(--crm-border);
  color: var(--bs-body-color);
}

.form-control:focus,
.form-select:focus {
  border-color: var(--crm-primary);
  box-shadow: 0 0 0 0.25rem var(--crm-focus);
}

.nav-tabs {
  border-color: var(--crm-border);
}

.nav-tabs .nav-link {
  color: var(--crm-text);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.nav-tabs .nav-link:hover {
  border-color: transparent;
  color: var(--crm-primary);
}

.nav-tabs .nav-link.active {
  color: #fff !important;
  background-color: var(--crm-primary) !important;
  border-color: var(--crm-primary) !important;
}

.table {
  --bs-table-bg: var(--crm-surface);
  --bs-table-color: var(--crm-text);
  --bs-table-border-color: var(--crm-border);
}

.table-striped > tbody > tr:nth-of-type(odd) > * {
  --bs-table-bg-type: rgba(var(--crm-primary-rgb), 0.04);
}

[data-bs-theme="dark"] .dropdown-item {
  color: var(--crm-text);
}

[data-bs-theme="dark"] .dropdown-item:hover,
[data-bs-theme="dark"] .dropdown-item:focus {
  background-color: rgba(var(--crm-primary-rgb), 0.18);
}

footer.footer,
.footer {
  background-color: var(--crm-footer);
  color: #f4efea !important;
}

footer.footer a,
.footer a {
  color: #ffb26b !important;
}

footer.footer .text-muted,
.footer.text-muted {
  color: #c7b5a5 !important;
}

.crm-top-tabs {
  background: color-mix(in srgb, var(--crm-surface) 94%, transparent);
  border-bottom: 1px solid var(--crm-border);
  padding-top: 0.25rem;
}

@supports not (background: color-mix(in srgb, #fff 94%, transparent)) {
  .crm-top-tabs {
    background: var(--crm-surface);
  }
}

.select2-container {
  width: 100% !important;
}

.select2-container .select2-selection--single {
  height: 38px !important;
  min-height: 38px !important;
  border: 1px solid #ced4da !important;
  border-radius: 0.375rem !important;
  background-color: var(--bs-body-bg) !important;
  color: var(--bs-body-color) !important;
  display: block;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: var(--bs-body-color) !important;
  line-height: 36px !important;
  padding-left: 0.75rem !important;
  padding-right: 2.25rem !important;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: var(--bs-secondary-color) !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 36px !important;
  right: 0.5rem !important;
  top: 1px !important;
}

.select2-container--default .select2-selection--single .select2-selection__clear {
  height: 36px !important;
  margin-right: 1.5rem !important;
  color: var(--bs-secondary-color) !important;
}

.select2-container--default.select2-container--focus .select2-selection--single,
.select2-container--default.select2-container--open .select2-selection--single {
  border-color: var(--crm-primary) !important;
  box-shadow: 0 0 0 0.25rem var(--crm-focus) !important;
}

.select2-dropdown {
  z-index: 9999 !important;
  border: 1px solid #ced4da !important;
  border-radius: 0.375rem !important;
  background-color: var(--bs-body-bg) !important;
  color: var(--bs-body-color) !important;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  overflow: hidden;
}

.select2-container--open .select2-dropdown--below {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}

.select2-container--open .select2-dropdown--above {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.select2-search--dropdown {
  padding: 0.5rem !important;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #ced4da !important;
  border-radius: 0.375rem !important;
  background-color: var(--bs-body-bg) !important;
  color: var(--bs-body-color) !important;
  outline: 0 !important;
  padding: 0.375rem 0.75rem !important;
}

.select2-container--default .select2-search--dropdown .select2-search__field:focus {
  border-color: var(--crm-primary) !important;
  box-shadow: 0 0 0 0.25rem var(--crm-focus) !important;
}

.select2-results__options {
  max-height: 250px !important;
  overflow-y: auto !important;
}

.select2-results__option {
  color: var(--bs-body-color) !important;
  padding: 0.45rem 0.75rem !important;
}

.select2-container--default .select2-results__option--selected {
  background-color: rgba(var(--crm-primary-rgb), 0.15) !important;
  color: var(--bs-body-color) !important;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: var(--crm-primary) !important;
  color: #fff !important;
}

.select2-container--default.select2-container--disabled .select2-selection--single {
  background-color: var(--bs-secondary-bg) !important;
  cursor: not-allowed;
}

.select2-container--default.select2-container--disabled .select2-selection__rendered {
  color: var(--bs-secondary-color) !important;
}

[data-bs-theme="dark"] .select2-container .select2-selection--single,
[data-bs-theme="dark"] .select2-dropdown,
[data-bs-theme="dark"] .select2-container--default .select2-search--dropdown .select2-search__field {
  border-color: var(--bs-border-color) !important;
  background-color: var(--bs-body-bg) !important;
  color: var(--bs-body-color) !important;
}

[data-bs-theme="dark"] .select2-container--default .select2-selection--single .select2-selection__rendered,
[data-bs-theme="dark"] .select2-results__option {
  color: var(--bs-body-color) !important;
}

[data-bs-theme="dark"] .select2-container--default .select2-results__option--selected {
  background-color: rgba(var(--crm-primary-rgb), 0.35) !important;
}