/* ============================================
   Nafasi Dashboard — Tier-Specific Colour Schemes
   ============================================ */

@import url('https://fonts.googleapis.com/css2?family=Hind:wght@400;500;600&family=Montserrat:wght@400;500;600;700&display=swap');

/* -------------------------------------------
   Base Typography (all schemes)
   ------------------------------------------- */
body {
  font-family: 'Hind', sans-serif;
  background-color: #F8F6F2;
  color: #2F4A57;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6,
.navbar-brand,
.btn,
.badge,
.heading,
.nav-link-text,
.card-title,
.page-title {
  font-family: 'Montserrat', sans-serif;
}

/* Headings colour */
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  color: #1A2F3A;
}

.text-muted {
  color: #7FA3B0 !important;
}

/* -------------------------------------------
   Sidebar base (all schemes)
   ------------------------------------------- */
.navbar-vertical.navbar-light.bg-white {
  background-color: #FFFFFF !important;
  border-right: 1px solid #E8E4DF;
}

.navbar-vertical .navbar-brand {
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
}

/* -------------------------------------------
   Base Form Elements (all schemes)
   ------------------------------------------- */
.form-control {
  color: #2F4A57;
  border-color: #C8CFD4;
  border-radius: 0.5rem;
  background-color: #fff;
  font-family: 'Hind', sans-serif;
  font-size: 0.9375rem;
}

.form-control::placeholder {
  color: #9FB3BC;
  opacity: 1;
}

/* Restore left padding inside input-group-alternative (Argon theme resets it to 0) */
.input-group-alternative .form-control:not(:first-child) {
  padding-left: 0.75rem;
}

.form-control:disabled,
.form-control[readonly] {
  background-color: #F0E8D4;
  opacity: 0.85;
}

textarea.form-control {
  min-height: 6rem;
}

select.form-control {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%232F4A57' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  background-size: 8px 10px;
  padding-right: 1.75rem;
}

.custom-select {
  color: #2F4A57;
  border-color: #C8CFD4;
  border-radius: 0.5rem;
  font-family: 'Hind', sans-serif;
  font-size: 0.9375rem;
  background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%232F4A57' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right 0.75rem center;
  background-size: 8px 10px;
  box-shadow: none;
}

.input-group-text {
  color: #2F4A57;
  background-color: #F0E8D4;
  border-color: #C8CFD4;
  border-radius: 0.5rem;
  font-family: 'Montserrat', sans-serif;
  font-weight: 500;
  font-size: 0.8125rem;
}

.form-group label,
.col-form-label,
.custom-control-label {
  font-family: 'Montserrat', sans-serif;
  font-weight: 500;
  font-size: 0.8125rem;
  color: #1A2F3A;
  margin-bottom: 0.35rem;
  letter-spacing: 0.02em;
}

.custom-file-label {
  color: #2F4A57;
  border-color: #C8CFD4;
  border-radius: 0.5rem;
  font-family: 'Hind', sans-serif;
  font-size: 0.9375rem;
}

.custom-file-label::after {
  background-color: #F0E8D4;
  color: #2F4A57;
  border-left-color: #C8CFD4;
  border-radius: 0 0.5rem 0.5rem 0;
  font-family: 'Montserrat', sans-serif;
  font-weight: 500;
}

/* Select2 base overrides */
.select2-container--default .select2-selection--single {
  height: calc(2.75rem + 2px);
  border-color: #C8CFD4;
  border-radius: 0.5rem;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #2F4A57;
  line-height: calc(2.75rem + 2px);
  padding-left: 0.75rem;
  font-family: 'Hind', sans-serif;
  font-size: 0.9375rem;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: calc(2.75rem + 2px);
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: #9FB3BC;
}

.select2-dropdown {
  border-color: #C8CFD4;
  border-radius: 0.5rem;
  font-family: 'Hind', sans-serif;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #F0E8D4;
  color: #1A2F3A;
}

.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: #E8E4DF;
  color: #2F4A57;
}

.select2-container--default.select2-container--focus .select2-selection--single {
  outline: 0;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
  border-color: #C8CFD4;
  border-radius: 0.25rem;
}

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

.select2-container--default .select2-selection--multiple {
  min-height: calc(2.75rem + 2px);
  border-color: #C8CFD4;
  border-radius: 0.5rem;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #F0E8D4;
  border-color: #C8CFD4;
  color: #2F4A57;
  border-radius: 0.25rem;
  font-family: 'Hind', sans-serif;
  font-size: 0.875rem;
  padding: 2px 8px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: #7FA3B0;
  margin-right: 4px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #1A2F3A;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
  padding: 0.25rem 0.5rem;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
  outline: 0;
}

/* -------------------------------------------
   SCHEME: ADMIN  (Slate Deep #2F4A57)
   ------------------------------------------- */
body.scheme-admin .btn-primary {
  color: #fff;
  background-color: #2F4A57;
  border-color: #2F4A57;
  box-shadow: 0 4px 6px rgba(26, 47, 58, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
}
body.scheme-admin .btn-primary:hover,
body.scheme-admin .btn-primary:focus,
body.scheme-admin .btn-primary.focus {
  color: #fff;
  background-color: #1A2F3A;
  border-color: #1A2F3A;
}
body.scheme-admin .btn-primary:not(:disabled):not(.disabled):active,
body.scheme-admin .btn-primary:not(:disabled):not(.disabled).active,
body.scheme-admin .show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #1A2F3A;
  border-color: #1A2F3A;
}
body.scheme-admin .btn-outline-primary {
  color: #2F4A57;
  border-color: #2F4A57;
}
body.scheme-admin .btn-outline-primary:hover {
  color: #fff;
  background-color: #2F4A57;
  border-color: #2F4A57;
}
body.scheme-admin .bg-primary {
  background-color: #2F4A57 !important;
}
body.scheme-admin a.bg-primary:hover,
body.scheme-admin button.bg-primary:hover {
  background-color: #1A2F3A !important;
}
body.scheme-admin .bg-gradient-primary {
  background: linear-gradient(87deg, #1A2F3A 0, #2F4A57 100%) !important;
}
body.scheme-admin .bg-gradient-default {
  background: linear-gradient(87deg, #1A2F3A 0, #2F4A57 100%) !important;
}
body.scheme-admin .text-primary {
  color: #2F4A57 !important;
}
body.scheme-admin a.text-primary:hover {
  color: #1A2F3A !important;
}
body.scheme-admin .badge-primary {
  color: #fff;
  background-color: #2F4A57;
}
body.scheme-admin .alert-primary {
  color: #fff;
  background-color: #2F4A57;
  border-color: #2F4A57;
}
body.scheme-admin .nav-link.active,
body.scheme-admin .navbar-vertical .navbar-nav .nav-link.active {
  color: #2F4A57 !important;
}
body.scheme-admin .navbar-vertical .navbar-nav .nav-link.active:before {
  border-left-color: #2F4A57 !important;
}
body.scheme-admin .nav-link:hover {
  color: #2F4A57 !important;
}
body.scheme-admin a {
  color: #2F4A57;
}
body.scheme-admin a:hover {
  color: #1A2F3A;
}
body.scheme-admin .form-control:focus {
  border-color: #2F4A57;
  box-shadow: 0 0 0 0.2rem rgba(47, 74, 87, 0.25);
}
body.scheme-admin .custom-select:focus {
  border-color: #2F4A57;
  box-shadow: 0 0 0 0.2rem rgba(47, 74, 87, 0.25);
}
body.scheme-admin .custom-file-input:focus ~ .custom-file-label {
  border-color: #2F4A57;
  box-shadow: 0 0 0 0.2rem rgba(47, 74, 87, 0.25);
}
body.scheme-admin .select2-container--default.select2-container--focus .select2-selection--single,
body.scheme-admin .select2-container--default.select2-container--open .select2-selection--single,
body.scheme-admin .select2-container--default.select2-container--focus .select2-selection--multiple {
  border-color: #2F4A57;
  box-shadow: 0 0 0 0.2rem rgba(47, 74, 87, 0.25);
}
body.scheme-admin .select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #2F4A57;
  color: #fff;
}
body.scheme-admin .custom-control-input:checked ~ .custom-control-label::before {
  background-color: #2F4A57;
  border-color: #2F4A57;
}
body.scheme-admin .dropdown-item:active,
body.scheme-admin .dropdown-item.active {
  color: #fff;
  background-color: #2F4A57;
}
body.scheme-admin .page-item.active .page-link {
  background-color: #2F4A57;
  border-color: #2F4A57;
}
body.scheme-admin .progress-bar {
  background-color: #2F4A57;
}
body.scheme-admin .btn-neutral {
  color: #2F4A57;
}

/* -------------------------------------------
   SCHEME: TIER 1  (Coral #E07550)
   ------------------------------------------- */
body.scheme-tier1 .btn-primary {
  color: #fff;
  background-color: #E07550;
  border-color: #E07550;
  box-shadow: 0 4px 6px rgba(224, 117, 80, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
}
body.scheme-tier1 .btn-primary:hover,
body.scheme-tier1 .btn-primary:focus,
body.scheme-tier1 .btn-primary.focus {
  color: #fff;
  background-color: #C05A2E;
  border-color: #C05A2E;
}
body.scheme-tier1 .btn-primary:not(:disabled):not(.disabled):active,
body.scheme-tier1 .btn-primary:not(:disabled):not(.disabled).active,
body.scheme-tier1 .show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #C05A2E;
  border-color: #C05A2E;
}
body.scheme-tier1 .btn-outline-primary {
  color: #E07550;
  border-color: #E07550;
}
body.scheme-tier1 .btn-outline-primary:hover {
  color: #fff;
  background-color: #E07550;
  border-color: #E07550;
}
body.scheme-tier1 .bg-primary {
  background-color: #E07550 !important;
}
body.scheme-tier1 a.bg-primary:hover,
body.scheme-tier1 button.bg-primary:hover {
  background-color: #C05A2E !important;
}
body.scheme-tier1 .bg-gradient-primary {
  background: linear-gradient(87deg, #C05A2E 0, #E07550 100%) !important;
}
body.scheme-tier1 .bg-gradient-default {
  background: linear-gradient(87deg, #C05A2E 0, #E07550 100%) !important;
}
body.scheme-tier1 .text-primary {
  color: #E07550 !important;
}
body.scheme-tier1 a.text-primary:hover {
  color: #C05A2E !important;
}
body.scheme-tier1 .badge-primary {
  color: #fff;
  background-color: #E07550;
}
body.scheme-tier1 .alert-primary {
  color: #fff;
  background-color: #E07550;
  border-color: #E07550;
}
body.scheme-tier1 .nav-link.active,
body.scheme-tier1 .navbar-vertical .navbar-nav .nav-link.active {
  color: #E07550 !important;
}
body.scheme-tier1 .navbar-vertical .navbar-nav .nav-link.active:before {
  border-left-color: #E07550 !important;
}
body.scheme-tier1 .nav-link:hover {
  color: #E07550 !important;
}
body.scheme-tier1 a {
  color: #E07550;
}
body.scheme-tier1 a:hover {
  color: #C05A2E;
}
body.scheme-tier1 .form-control:focus {
  border-color: #E07550;
  box-shadow: 0 0 0 0.2rem rgba(224, 117, 80, 0.25);
}
body.scheme-tier1 .custom-select:focus {
  border-color: #E07550;
  box-shadow: 0 0 0 0.2rem rgba(224, 117, 80, 0.25);
}
body.scheme-tier1 .custom-file-input:focus ~ .custom-file-label {
  border-color: #E07550;
  box-shadow: 0 0 0 0.2rem rgba(224, 117, 80, 0.25);
}
body.scheme-tier1 .select2-container--default.select2-container--focus .select2-selection--single,
body.scheme-tier1 .select2-container--default.select2-container--open .select2-selection--single,
body.scheme-tier1 .select2-container--default.select2-container--focus .select2-selection--multiple {
  border-color: #E07550;
  box-shadow: 0 0 0 0.2rem rgba(224, 117, 80, 0.25);
}
body.scheme-tier1 .select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #E07550;
  color: #fff;
}
body.scheme-tier1 .custom-control-input:checked ~ .custom-control-label::before {
  background-color: #E07550;
  border-color: #E07550;
}
body.scheme-tier1 .dropdown-item:active,
body.scheme-tier1 .dropdown-item.active {
  color: #fff;
  background-color: #E07550;
}
body.scheme-tier1 .page-item.active .page-link {
  background-color: #E07550;
  border-color: #E07550;
}
body.scheme-tier1 .progress-bar {
  background-color: #E07550;
}
body.scheme-tier1 .btn-neutral {
  color: #E07550;
}

/* -------------------------------------------
   SCHEME: TIER 2  (Teal #3DBFAD)
   ------------------------------------------- */
body.scheme-tier2 .btn-primary {
  color: #fff;
  background-color: #3DBFAD;
  border-color: #3DBFAD;
  box-shadow: 0 4px 6px rgba(61, 191, 173, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
}
body.scheme-tier2 .btn-primary:hover,
body.scheme-tier2 .btn-primary:focus,
body.scheme-tier2 .btn-primary.focus {
  color: #fff;
  background-color: #27856A;
  border-color: #27856A;
}
body.scheme-tier2 .btn-primary:not(:disabled):not(.disabled):active,
body.scheme-tier2 .btn-primary:not(:disabled):not(.disabled).active,
body.scheme-tier2 .show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #27856A;
  border-color: #27856A;
}
body.scheme-tier2 .btn-outline-primary {
  color: #3DBFAD;
  border-color: #3DBFAD;
}
body.scheme-tier2 .btn-outline-primary:hover {
  color: #fff;
  background-color: #3DBFAD;
  border-color: #3DBFAD;
}
body.scheme-tier2 .bg-primary {
  background-color: #3DBFAD !important;
}
body.scheme-tier2 a.bg-primary:hover,
body.scheme-tier2 button.bg-primary:hover {
  background-color: #27856A !important;
}
body.scheme-tier2 .bg-gradient-primary {
  background: linear-gradient(87deg, #27856A 0, #3DBFAD 100%) !important;
}
body.scheme-tier2 .bg-gradient-default {
  background: linear-gradient(87deg, #27856A 0, #3DBFAD 100%) !important;
}
body.scheme-tier2 .text-primary {
  color: #3DBFAD !important;
}
body.scheme-tier2 a.text-primary:hover {
  color: #27856A !important;
}
body.scheme-tier2 .badge-primary {
  color: #fff;
  background-color: #3DBFAD;
}
body.scheme-tier2 .alert-primary {
  color: #fff;
  background-color: #3DBFAD;
  border-color: #3DBFAD;
}
body.scheme-tier2 .nav-link.active,
body.scheme-tier2 .navbar-vertical .navbar-nav .nav-link.active {
  color: #3DBFAD !important;
}
body.scheme-tier2 .navbar-vertical .navbar-nav .nav-link.active:before {
  border-left-color: #3DBFAD !important;
}
body.scheme-tier2 .nav-link:hover {
  color: #3DBFAD !important;
}
body.scheme-tier2 a {
  color: #3DBFAD;
}
body.scheme-tier2 a:hover {
  color: #27856A;
}
body.scheme-tier2 .form-control:focus {
  border-color: #3DBFAD;
  box-shadow: 0 0 0 0.2rem rgba(61, 191, 173, 0.25);
}
body.scheme-tier2 .custom-select:focus {
  border-color: #3DBFAD;
  box-shadow: 0 0 0 0.2rem rgba(61, 191, 173, 0.25);
}
body.scheme-tier2 .custom-file-input:focus ~ .custom-file-label {
  border-color: #3DBFAD;
  box-shadow: 0 0 0 0.2rem rgba(61, 191, 173, 0.25);
}
body.scheme-tier2 .select2-container--default.select2-container--focus .select2-selection--single,
body.scheme-tier2 .select2-container--default.select2-container--open .select2-selection--single,
body.scheme-tier2 .select2-container--default.select2-container--focus .select2-selection--multiple {
  border-color: #3DBFAD;
  box-shadow: 0 0 0 0.2rem rgba(61, 191, 173, 0.25);
}
body.scheme-tier2 .select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #3DBFAD;
  color: #fff;
}
body.scheme-tier2 .custom-control-input:checked ~ .custom-control-label::before {
  background-color: #3DBFAD;
  border-color: #3DBFAD;
}
body.scheme-tier2 .dropdown-item:active,
body.scheme-tier2 .dropdown-item.active {
  color: #fff;
  background-color: #3DBFAD;
}
body.scheme-tier2 .page-item.active .page-link {
  background-color: #3DBFAD;
  border-color: #3DBFAD;
}
body.scheme-tier2 .progress-bar {
  background-color: #3DBFAD;
}
body.scheme-tier2 .btn-neutral {
  color: #3DBFAD;
}

/* -------------------------------------------
   SCHEME: TIER 3  (Coral Dark #C05A2E)
   ------------------------------------------- */
body.scheme-tier3 .btn-primary {
  color: #fff;
  background-color: #C05A2E;
  border-color: #C05A2E;
  box-shadow: 0 4px 6px rgba(192, 90, 46, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
}
body.scheme-tier3 .btn-primary:hover,
body.scheme-tier3 .btn-primary:focus,
body.scheme-tier3 .btn-primary.focus {
  color: #fff;
  background-color: #A04520;
  border-color: #A04520;
}
body.scheme-tier3 .btn-primary:not(:disabled):not(.disabled):active,
body.scheme-tier3 .btn-primary:not(:disabled):not(.disabled).active,
body.scheme-tier3 .show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #A04520;
  border-color: #A04520;
}
body.scheme-tier3 .btn-outline-primary {
  color: #C05A2E;
  border-color: #C05A2E;
}
body.scheme-tier3 .btn-outline-primary:hover {
  color: #fff;
  background-color: #C05A2E;
  border-color: #C05A2E;
}
body.scheme-tier3 .bg-primary {
  background-color: #C05A2E !important;
}
body.scheme-tier3 a.bg-primary:hover,
body.scheme-tier3 button.bg-primary:hover {
  background-color: #A04520 !important;
}
body.scheme-tier3 .bg-gradient-primary {
  background: linear-gradient(87deg, #A04520 0, #C05A2E 100%) !important;
}
body.scheme-tier3 .bg-gradient-default {
  background: linear-gradient(87deg, #A04520 0, #C05A2E 100%) !important;
}
body.scheme-tier3 .text-primary {
  color: #C05A2E !important;
}
body.scheme-tier3 a.text-primary:hover {
  color: #A04520 !important;
}
body.scheme-tier3 .badge-primary {
  color: #fff;
  background-color: #C05A2E;
}
body.scheme-tier3 .alert-primary {
  color: #fff;
  background-color: #C05A2E;
  border-color: #C05A2E;
}
body.scheme-tier3 .nav-link.active,
body.scheme-tier3 .navbar-vertical .navbar-nav .nav-link.active {
  color: #C05A2E !important;
}
body.scheme-tier3 .navbar-vertical .navbar-nav .nav-link.active:before {
  border-left-color: #C05A2E !important;
}
body.scheme-tier3 .nav-link:hover {
  color: #C05A2E !important;
}
body.scheme-tier3 a {
  color: #C05A2E;
}
body.scheme-tier3 a:hover {
  color: #A04520;
}
body.scheme-tier3 .form-control:focus {
  border-color: #C05A2E;
  box-shadow: 0 0 0 0.2rem rgba(192, 90, 46, 0.25);
}
body.scheme-tier3 .custom-select:focus {
  border-color: #C05A2E;
  box-shadow: 0 0 0 0.2rem rgba(192, 90, 46, 0.25);
}
body.scheme-tier3 .custom-file-input:focus ~ .custom-file-label {
  border-color: #C05A2E;
  box-shadow: 0 0 0 0.2rem rgba(192, 90, 46, 0.25);
}
body.scheme-tier3 .select2-container--default.select2-container--focus .select2-selection--single,
body.scheme-tier3 .select2-container--default.select2-container--open .select2-selection--single,
body.scheme-tier3 .select2-container--default.select2-container--focus .select2-selection--multiple {
  border-color: #C05A2E;
  box-shadow: 0 0 0 0.2rem rgba(192, 90, 46, 0.25);
}
body.scheme-tier3 .select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #C05A2E;
  color: #fff;
}
body.scheme-tier3 .custom-control-input:checked ~ .custom-control-label::before {
  background-color: #C05A2E;
  border-color: #C05A2E;
}
body.scheme-tier3 .dropdown-item:active,
body.scheme-tier3 .dropdown-item.active {
  color: #fff;
  background-color: #C05A2E;
}
body.scheme-tier3 .page-item.active .page-link {
  background-color: #C05A2E;
  border-color: #C05A2E;
}
body.scheme-tier3 .progress-bar {
  background-color: #C05A2E;
}
body.scheme-tier3 .btn-neutral {
  color: #C05A2E;
}