@import url("./brand-core.css?v=20260925-1");

/* Metronic semantic states and neutral surfaces; Makani teal is the primary. */
:root, [data-bs-theme=light] {
  --bs-primary: #176D63;
  --bs-primary-rgb: 23, 109, 99;
  --bs-primary-active: #0F3D30;
  --bs-primary-light: #E8F3F0;
  --bs-primary-inverse: #FFFFFF;
  --bs-primary-text: #176D63;
  --bs-primary-bg-subtle: #E8F3F0;
  --bs-text-primary: #176D63;
  --bs-success: #50CD89;
  --bs-success-rgb: 80, 205, 137;
  --bs-success-active: #47BE7D;
  --bs-success-light: #E8FFF3;
  --bs-success-inverse: #10271E;
  --bs-success-text: #146B42;
  --bs-success-bg-subtle: #E8FFF3;
  --bs-text-success: #146B42;
  --bs-info: #7239EA;
  --bs-info-rgb: 114, 57, 234;
  --bs-info-active: #5014D0;
  --bs-info-light: #F8F5FF;
  --bs-info-inverse: #FFFFFF;
  --bs-info-text: #6530D4;
  --bs-info-bg-subtle: #F8F5FF;
  --bs-text-info: #6530D4;
  --bs-warning: #FFC700;
  --bs-warning-rgb: 255, 199, 0;
  --bs-warning-active: #F1BC00;
  --bs-warning-light: #FFF8DD;
  --bs-warning-inverse: #332800;
  --bs-warning-text: #806000;
  --bs-warning-bg-subtle: #FFF8DD;
  --bs-text-warning: #806000;
  --bs-danger: #D9214E;
  --bs-danger-rgb: 217, 33, 78;
  --bs-danger-active: #B91C42;
  --bs-danger-light: #FFF5F8;
  --bs-danger-inverse: #FFFFFF;
  --bs-danger-text: #C51D46;
  --bs-danger-bg-subtle: #FFF5F8;
  --bs-text-danger: #C51D46;
  --bs-secondary: #F1F1F4;
  --bs-secondary-rgb: 241, 241, 244;
  --bs-secondary-active: #DBDFE9;
  --bs-secondary-light: #F9F9F9;
  --bs-secondary-inverse: #252F4A;
  --bs-secondary-text: #4B5675;
  --bs-secondary-bg-subtle: #F9F9F9;
  --bs-text-secondary: #4B5675;
  --bs-gray-100: #F9F9F9;
  --bs-gray-100-rgb: 249, 249, 249;
  --bs-text-gray-100: #F9F9F9;
  --bs-gray-200: #F1F1F4;
  --bs-gray-200-rgb: 241, 241, 244;
  --bs-text-gray-200: #F1F1F4;
  --bs-gray-300: #DBDFE9;
  --bs-gray-300-rgb: 219, 223, 233;
  --bs-text-gray-300: #DBDFE9;
  --bs-gray-400: #B5B7C8;
  --bs-gray-400-rgb: 181, 183, 200;
  --bs-text-gray-400: #B5B7C8;
  --bs-gray-500: #8B90A5;
  --bs-gray-500-rgb: 139, 144, 165;
  --bs-text-gray-500: #8B90A5;
  --bs-gray-600: #697089;
  --bs-gray-600-rgb: 105, 112, 137;
  --bs-text-gray-600: #697089;
  --bs-gray-700: #4B5675;
  --bs-gray-700-rgb: 75, 86, 117;
  --bs-text-gray-700: #4B5675;
  --bs-gray-800: #252F4A;
  --bs-gray-800-rgb: 37, 47, 74;
  --bs-text-gray-800: #252F4A;
  --bs-gray-900: #171D2D;
  --bs-gray-900-rgb: 23, 29, 45;
  --bs-text-gray-900: #171D2D;
  --primary: var(--bs-primary);
  --bs-app-bg-color: #F6F7F9;
  --bs-body-bg: #F6F7F9;
  --bs-body-bg-rgb: 246, 247, 249;
  --bs-body-color: #252F4A;
  --bs-body-color-rgb: 37, 47, 74;
  --bs-heading-color: #171D2D;
  --bs-text-dark: #171D2D;
  --bs-text-muted: #697089;
  --bs-border-color: #DBDFE9;
  --bs-border-color-translucent: #DBDFE9;
  --bs-link-color: var(--bs-primary-text);
  --bs-link-color-rgb: 23, 109, 99;
  --bs-link-hover-color: var(--bs-primary-active);
  --makani-surface: #FFFFFF;
  --makani-surface-soft: #F9F9F9;
  --makani-gold-text: #85621E;
  --bs-primary-border-subtle: #A8C9BD;
}
[data-bs-theme=dark] {
  --bs-primary: #59B7A5;
  --bs-primary-rgb: 89, 183, 165;
  --bs-primary-active: #7DCEBA;
  --bs-primary-light: #203B35;
  --bs-primary-inverse: #10271E;
  --bs-primary-text: #7DCEBA;
  --bs-primary-bg-subtle: #203B35;
  --bs-text-primary: #7DCEBA;
  --bs-success: #50CD89;
  --bs-success-rgb: 80, 205, 137;
  --bs-success-active: #75DBA3;
  --bs-success-light: #19372C;
  --bs-success-inverse: #10271E;
  --bs-success-text: #75DBA3;
  --bs-success-bg-subtle: #19372C;
  --bs-text-success: #75DBA3;
  --bs-info: #B49AF5;
  --bs-info-rgb: 180, 154, 245;
  --bs-info-active: #CCB7FF;
  --bs-info-light: #2F264F;
  --bs-info-inverse: #201238;
  --bs-info-text: #CCB7FF;
  --bs-info-bg-subtle: #2F264F;
  --bs-text-info: #CCB7FF;
  --bs-warning: #FFC700;
  --bs-warning-rgb: 255, 199, 0;
  --bs-warning-active: #FFD43B;
  --bs-warning-light: #392F28;
  --bs-warning-inverse: #332800;
  --bs-warning-text: #FFD43B;
  --bs-warning-bg-subtle: #392F28;
  --bs-text-warning: #FFD43B;
  --bs-danger: #F68AA4;
  --bs-danger-rgb: 246, 138, 164;
  --bs-danger-active: #FFA8BC;
  --bs-danger-light: #3A2434;
  --bs-danger-inverse: #390D1B;
  --bs-danger-text: #FFA8BC;
  --bs-danger-bg-subtle: #3A2434;
  --bs-text-danger: #FFA8BC;
  --bs-secondary: #252730;
  --bs-secondary-rgb: 37, 39, 48;
  --bs-secondary-active: #363843;
  --bs-secondary-light: #1B1C22;
  --bs-secondary-inverse: #DFE1EB;
  --bs-secondary-text: #B5B7C8;
  --bs-secondary-bg-subtle: #1B1C22;
  --bs-text-secondary: #B5B7C8;
  --bs-gray-100: #1B1C22;
  --bs-gray-100-rgb: 27, 28, 34;
  --bs-text-gray-100: #1B1C22;
  --bs-gray-200: #252730;
  --bs-gray-200-rgb: 37, 39, 48;
  --bs-text-gray-200: #252730;
  --bs-gray-300: #363843;
  --bs-gray-300-rgb: 54, 56, 67;
  --bs-text-gray-300: #363843;
  --bs-gray-400: #636674;
  --bs-gray-400-rgb: 99, 102, 116;
  --bs-text-gray-400: #636674;
  --bs-gray-500: #808493;
  --bs-gray-500-rgb: 128, 132, 147;
  --bs-text-gray-500: #808493;
  --bs-gray-600: #A0A4B5;
  --bs-gray-600-rgb: 160, 164, 181;
  --bs-text-gray-600: #A0A4B5;
  --bs-gray-700: #B5B7C8;
  --bs-gray-700-rgb: 181, 183, 200;
  --bs-text-gray-700: #B5B7C8;
  --bs-gray-800: #DFE1EB;
  --bs-gray-800-rgb: 223, 225, 235;
  --bs-text-gray-800: #DFE1EB;
  --bs-gray-900: #F5F5F5;
  --bs-gray-900-rgb: 245, 245, 245;
  --bs-text-gray-900: #F5F5F5;
  --primary: var(--bs-primary);
  --bs-app-bg-color: #101114;
  --bs-body-bg: #101114;
  --bs-body-bg-rgb: 16, 17, 20;
  --bs-body-color: #DFE1EB;
  --bs-body-color-rgb: 223, 225, 235;
  --bs-heading-color: #F5F5F5;
  --bs-text-dark: #F5F5F5;
  --bs-text-muted: #A0A4B5;
  --bs-border-color: #363843;
  --bs-border-color-translucent: #363843;
  --bs-link-color: var(--bs-primary-text);
  --bs-link-color-rgb: 125, 206, 186;
  --bs-link-hover-color: var(--bs-primary-active);
  --makani-surface: #15171C;
  --makani-surface-soft: #1B1C22;
  --makani-gold-text: #D9BA7A;
  --bs-primary-border-subtle: #386453;
}
:root, [data-bs-theme] {
  --bs-font-sans-serif: var(--makani-backend-font);
  --bs-body-font-family: var(--makani-backend-font);
  --bs-component-active-bg: var(--bs-primary);
  --bs-component-active-color: var(--bs-primary-inverse);
  --bs-component-hover-bg: var(--bs-primary-light);
  --bs-component-hover-color: var(--bs-primary);
  --bs-component-checked-bg: var(--bs-primary);
  --bs-component-checked-color: var(--bs-primary-inverse);
  --bs-menu-link-color-hover: var(--bs-primary-text);
  --bs-menu-link-color-show: var(--bs-primary-text);
  --bs-menu-link-color-here: var(--bs-primary-text);
  --bs-menu-link-color-active: var(--bs-primary-text);
  --bs-menu-link-bg-color-hover: var(--bs-primary-light);
  --bs-menu-link-bg-color-show: var(--bs-primary-light);
  --bs-menu-link-bg-color-here: var(--bs-primary-light);
  --bs-menu-link-bg-color-active: var(--bs-primary-light);
  --kt-primary: var(--bs-primary);
  --kt-primary-active: var(--bs-primary-active);
  --kt-primary-light: var(--bs-primary-light);
  --kt-primary-inverse: var(--bs-primary-inverse);
}

html, body, .app-root, .app-page, .app-main, .app-content,
.app-header, .app-sidebar, .card, .modal, .drawer, .menu,
.table, .dataTable, .dataTables_wrapper, .form-control, .form-select,
.form-check-label, .input-group-text, .btn, .badge, .alert,
.dropdown-menu, .dropdown-item, .nav, .nav-link, .nav-tabs,
.select2-container, .select2-dropdown, .select2-results, .select2-search__field,
.flatpickr-calendar, .swal2-popup, .tox, .tooltip, .popover,
h1, h2, h3, h4, h5, h6, .page-title, .card-title, .modal-title,
.menu-title, .form-label, .fw-bold, .fw-bolder, .fw-semibold {
  font-family: var(--makani-backend-font) !important;
  letter-spacing: normal !important;
}
body {
  font-weight: 400;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Omani green navigation with gold active indicators. */
[data-kt-app-layout=dark-sidebar] .app-sidebar {
  background: var(--makani-green) !important;
  border-inline-end: 1px solid rgba(200, 164, 90, .2);
}
.app-sidebar .menu .menu-link {
  color: #DDE7DF !important;
  border-radius: 7px;
  margin-block: 1px;
}
.app-sidebar .menu .menu-link .menu-title,
.app-sidebar .menu .menu-link .menu-icon,
.app-sidebar .menu .menu-link .svg-icon,
.app-sidebar .menu .menu-link .menu-icon i {
  color: inherit !important;
}
.app-sidebar .menu .menu-link:hover,
.app-sidebar .menu .menu-link.active,
.app-sidebar .menu .menu-item.here > .menu-link,
.app-sidebar .menu .menu-item.show > .menu-link {
  background: rgba(200, 164, 90, .16) !important;
  color: #FFFFFF !important;
}
.app-sidebar .menu .menu-link.active {
  box-shadow: inset 3px 0 0 var(--makani-gold);
}
[dir=rtl] .app-sidebar .menu .menu-link.active {
  box-shadow: inset -3px 0 0 var(--makani-gold);
}
.app-sidebar .menu .menu-bullet .bullet {
  background-color: var(--makani-gold) !important;
}
.app-sidebar .menu-heading, .app-sidebar #menu-filter::placeholder {
  color: #C9D7CD !important;
}
.app-sidebar .menu-section-label {
  display: flex;
  align-items: center;
  gap: 8px;
  color: rgba(255, 255, 255, .76) !important;
  font-size: 10.5px;
  font-weight: 600;
  letter-spacing: .055em !important;
  line-height: 1.4;
  text-transform: uppercase;
}
.app-sidebar .menu-section-label::after {
  content: "";
  flex: 1;
  height: 1px;
  background: rgba(255, 255, 255, .16);
}
[dir=rtl] .app-sidebar .menu-section-label {
  letter-spacing: 0 !important;
  text-transform: none;
}
.app-sidebar .menu-content[data-menu-section] {
  padding-block: 15px 5px !important;
}
.app-sidebar .menu-content[data-menu-section]:first-of-type {
  padding-top: 10px !important;
}
.app-sidebar .menu .menu-sub .menu-link {
  color: rgba(235, 242, 237, .82) !important;
  font-size: .95em;
}
.app-sidebar .menu .menu-sub .menu-icon {
  opacity: .72;
  transform: scale(.88);
}
.app-sidebar .menu .menu-arrow {
  opacity: .72;
}
.app-sidebar .menu-search {
  align-items: center;
  min-height: 38px;
  background: rgba(255, 255, 255, .075);
  border: 1px solid rgba(255, 255, 255, .11);
  border-radius: 8px;
}
.app-sidebar .menu-search:focus-within {
  background: rgba(255, 255, 255, .11);
  border-color: rgba(200, 164, 90, .55);
}
.app-sidebar .menu-search .input-group-text,
.app-sidebar .menu-search .svg-icon {
  color: #CFDDD2 !important;
}
[data-kt-app-sidebar-minimize=on] .app-sidebar:not(:hover) .menu-content[data-menu-section] {
  display: none;
}
.app-sidebar #menu-filter {
  color: #FFFFFF !important;
  box-shadow: none !important;
}

/* The supplied full-color artwork sits on its original ivory background. */
.app-sidebar .app-sidebar-logo {
  background: var(--makani-ivory) !important;
  border-bottom: 1px solid rgba(200, 164, 90, .35) !important;
}
.app-sidebar-logo a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 58px;
  max-width: 100%;
}
.app-sidebar-logo img {
  object-fit: contain;
}
.app-sidebar-logo img.app-sidebar-logo-default {
  max-width: 160px;
  height: 52px !important;
}
.app-sidebar-logo img.app-sidebar-logo-minimize {
  width: 28px;
  height: 42px !important;
}
[data-kt-app-sidebar-minimize=on] .app-sidebar:not(:hover) .app-sidebar-logo a {
  width: 100%;
}
.makani-mobile-logo {
  width: 30px;
  padding: 3px;
  border-radius: 6px;
  background: var(--makani-ivory);
  object-fit: contain;
}
.page-loader .loader-logo {
  max-width: min(240px, 70vw);
  padding: 12px;
  border-radius: 12px;
  background: var(--makani-ivory);
  object-fit: contain;
}
.app-header {
  background-color: var(--makani-surface);
  border-bottom: 1px solid var(--bs-border-color) !important;
  box-shadow: 0 4px 20px rgba(15, 61, 48, .04) !important;
}
.app-main .card {
  --bs-card-bg: var(--makani-surface);
  --bs-card-border-color: var(--bs-border-color);
}

.btn.btn-primary {
  --bs-btn-bg: var(--bs-primary);
  --bs-btn-border-color: var(--bs-primary);
  --bs-btn-hover-bg: var(--bs-primary-active);
  --bs-btn-hover-border-color: var(--bs-primary-active);
  --bs-btn-active-bg: var(--bs-primary-active);
  --bs-btn-active-border-color: var(--bs-primary-active);
}
.btn.btn-light-primary, .badge-light-primary {
  background-color: var(--bs-primary-light) !important;
  color: var(--bs-primary-text) !important;
}
.btn.btn-light-primary:hover, .btn.btn-light-primary:focus-visible {
  background-color: var(--bs-primary) !important;
  color: var(--bs-primary-inverse) !important;
}
.btn.btn-light-warning, .badge-light-warning {
  color: var(--bs-warning-text) !important;
}
.badge-light-secondary {
  background-color: var(--makani-surface-soft);
  color: var(--bs-text-gray-700);
}
.text-primary, .text-hover-primary:hover, a.text-hover-primary:hover {
  color: var(--bs-primary) !important;
}
.form-control:focus, .form-select:focus,
.select2-container--bootstrap5.select2-container--focus .select2-selection {
  border-color: var(--bs-primary) !important;
  box-shadow: 0 0 0 .2rem rgba(var(--bs-primary-rgb), .18) !important;
}
.pagination {
  --bs-pagination-active-bg: var(--bs-primary);
  --bs-pagination-active-border-color: var(--bs-primary);
  --bs-pagination-active-color: var(--bs-primary-inverse);
  --bs-pagination-hover-bg: var(--bs-primary-light);
  --bs-pagination-hover-color: var(--bs-primary);
  --bs-pagination-focus-bg: var(--bs-primary-light);
  --bs-pagination-focus-color: var(--bs-primary);
}
.form-check-input:checked {
  background-color: var(--bs-primary);
  border-color: var(--bs-primary);
}

/* Keep Select2's clear control beside the chevron in either writing direction. */
.select2-container--bootstrap5 .select2-selection {
  position: relative;
}
.select2-container--bootstrap5 .select2-selection--clearable {
  padding-inline-end: 4.5rem !important;
}
.select2-container--bootstrap5 .select2-selection .select2-selection__clear {
  left: auto;
  right: auto;
  inset-inline-end: 2.75rem;
  margin: 0;
  padding: 0;
}
.select2-container--bootstrap5 .select2-selection--single .select2-selection__rendered {
  min-width: 0;
  padding-inline: 0;
}

/* Accessible text on Metronic's pale semantic surfaces. */
.badge-light-success, .alert-success { color: var(--bs-success-text); }
.badge-light-info, .alert-info { color: var(--bs-info-text); }
.badge-light-danger, .alert-danger { color: var(--bs-danger-text); }
.btn.btn-light-success { color: var(--bs-success-text); }
.btn.btn-light-info { color: var(--bs-info-text); }
.btn.btn-light-danger { color: var(--bs-danger-text); }
.form-control::placeholder { color: var(--bs-text-gray-600); }
.form-control.form-control-solid::placeholder { color: var(--bs-text-gray-600); }
.select2-container--bootstrap5 .select2-selection .select2-selection__placeholder { color: var(--bs-text-gray-600); }