/* ═══ DARK (default) ═══ */
:root,
[data-theme="dark"] {
  --bg-page: #0f1f3a;
  --bg-nav: #162844;
  --bg-card: #1a2d45;
  --bg-card-alt: #1f3348;
  --bg-input: #162844;
  --bg-slate: #1e3450;
  --bg-header: #1e3450;
  --bg-row-hover: rgba(255, 255, 255, .035);
  --bg-row-even: rgba(255, 255, 255, .015);
  --bg-filter-hdr: rgba(255, 255, 255, .04);
  --bg-filter-row: rgba(255, 255, 255, .04);
  --text-primary: #ffffff;
  --text-body: #c8d6e5;
  --text-dim: #000000;
  --text-input: #ffffff;
  --border: rgba(255, 255, 255, .08);
  --border-subtle: rgba(255, 255, 255, .04);
  --blue: #2979b0;
  --blue-lt: #3a9fd8;
  --teal: #1abc9c;
  --accent: #f0a830;
  --red: #e74c3c;
  --shadow: 0 4px 24px rgba(0, 0, 0, .28);
  --tag-bb-bg: rgba(41, 121, 176, .18);
  --tag-bb-txt: #3a9fd8;
  --tag-ro-bg: rgba(231, 76, 60, .15);
  --tag-ro-txt: #e74c3c;
  --tag-fb-bg: rgba(26, 188, 156, .15);
  --tag-fb-txt: #1abc9c;
  --tag-ai-bg: rgba(240, 168, 48, .15);
  --tag-ai-txt: #f0a830;
  --count-bg: rgba(41, 121, 176, .22);
  --count-txt: #3a9fd8;
  --btn-sec-bg: #1e3450;
  --btn-sec-txt: #7e8fa3;
  --btn-exp-bg: rgba(26, 188, 156, .12);
  --btn-exp-txt: #1abc9c;
  --btn-exp-bdr: rgba(26, 188, 156, .25);
  --btn-det-bg: #1e3450;
  --btn-det-txt: #7e8fa3;
  --pgbtn-bg: #1e3450;
  --pgbtn-txt: #7e8fa3;
  --scrollbar-thumb: #1e3450;
  --cal-filter: invert(.55);
  --arrow-color: %237e8fa3;
  --section-divider: rgba(255, 255, 255, .05);
  --field-group-bg: rgba(255, 255, 255, .02);
  --gray-900: #222;
  --gray-800: #333;
  --gray-700: #444;
  --gray-600: #555;
  --gray-500: #666;
  --gray-400: #888;
  --gray-300: #aaa;
  --gray-200: #ccc;
  --gray-100: #ddd;
  --gray-50: #eee;
  --purple: #6f42c1;
  --purple-dark: #5a32a3;
  --orange: #fd7e14;
  --green-dark: #4a7c59;
  --green-forest: #3d6b4a;
  --green-agency: #6b8e00;
  --green-material: #2e7d32;
  --alert-danger-bg: rgba(231, 76, 60, .12);
  --alert-danger-border: rgba(231, 76, 60, .2);
  --alert-success-bg: rgba(26, 188, 156, .12);
  --alert-success-border: rgba(26, 188, 156, .2);
  --alert-warning-bg: rgba(240, 168, 48, .12);
  --alert-info-bg: rgba(41, 121, 176, .12);
  --row-yes-bg: rgba(40, 167, 69, .22);
  --row-no-bg: rgba(220, 53, 69, .22);
  --text-on-accent: #ffffff;
  --overlay-bg: rgba(0, 0, 0, .55);
  --bg-thead: #1e3450;
  --bg-highlight: rgba(255, 255, 255, .06);
  --section-blue: linear-gradient(135deg, rgba(41, 121, 176, .18) 0%, rgba(58, 159, 216, .10) 100%);
  --section-blue-accent: linear-gradient(135deg, var(--blue), var(--blue-lt));
  --section-teal: linear-gradient(135deg, rgba(26, 188, 156, .18) 0%, rgba(25, 135, 84, .10) 100%);
  --section-teal-accent: linear-gradient(135deg, var(--teal), #198754);
}

/* ═══ LIGHT ═══ */
[data-theme="light"] {
  --bg-page: #f0f4f8;
  --bg-nav: #ffffff;
  --bg-card: #ffffff;
  --bg-card-alt: #f7fafc;
  --bg-input: #ffffff;
  --bg-slate: #eef2f7;
  --bg-header: #eef2f7;
  --bg-row-hover: rgba(41, 121, 176, .045);
  --bg-row-even: rgba(41, 121, 176, .02);
  --bg-filter-hdr: #f7fafc;
  --bg-filter-row: rgba(41, 121, 176, .06);
  --text-primary: #1a2d45;
  --text-body: #34495e;
  --text-dim: #7f8c8d;
  --text-input: #1a2d45;
  --border: rgba(0, 0, 0, .1);
  --border-subtle: rgba(0, 0, 0, .04);
  --blue: #2979b0;
  --blue-lt: #1a6da0;
  --teal: #17a589;
  --accent: #d4882a;
  --red: #c0392b;
  --shadow: 0 2px 16px rgba(0, 0, 0, .08);
  --tag-bb-bg: rgba(41, 121, 176, .1);
  --tag-bb-txt: #1a6da0;
  --tag-ro-bg: rgba(192, 57, 43, .1);
  --tag-ro-txt: #c0392b;
  --tag-fb-bg: rgba(23, 165, 137, .1);
  --tag-fb-txt: #17a589;
  --tag-ai-bg: rgba(212, 136, 42, .1);
  --tag-ai-txt: #d4882a;
  --count-bg: rgba(41, 121, 176, .1);
  --count-txt: #1a6da0;
  --btn-sec-bg: #eef2f7;
  --btn-sec-txt: #5a7a9a;
  --btn-exp-bg: rgba(23, 165, 137, .08);
  --btn-exp-txt: #17a589;
  --btn-exp-bdr: rgba(23, 165, 137, .2);
  --btn-det-bg: #eef2f7;
  --btn-det-txt: #5a7a9a;
  --pgbtn-bg: #eef2f7;
  --pgbtn-txt: #5a7a9a;
  --scrollbar-thumb: #c8d6e5;
  --cal-filter: none;
  --arrow-color: %237f8c8d;
  --section-divider: rgba(0, 0, 0, .05);
  --field-group-bg: rgba(0, 0, 0, .015);
  --gray-900: #222;
  --gray-800: #333;
  --gray-700: #444;
  --gray-600: #555;
  --gray-500: #666;
  --gray-400: #888;
  --gray-300: #aaa;
  --gray-200: #ccc;
  --gray-100: #ddd;
  --gray-50: #eee;
  --purple: #6f42c1;
  --purple-dark: #5a32a3;
  --orange: #fd7e14;
  --green-dark: #4a7c59;
  --green-forest: #3d6b4a;
  --green-agency: #6b8e00;
  --green-material: #2e7d32;
  --alert-danger-bg: #fef2f2;
  --alert-danger-border: #fca5a57a;
  --alert-success-bg: #f0fdf4;
  --alert-success-border: #86efac;
  --alert-warning-bg: #fffbeb;
  --alert-info-bg: #eff6ff;
  --row-yes-bg: #c3e6cb;
  --row-no-bg: #f5c6cb;
  --text-on-accent: #ffffff;
  --overlay-bg: rgba(0, 0, 0, .45);
  --bg-thead: #eef2f7;
  --bg-highlight: rgba(0, 0, 0, .03);
  --section-blue: linear-gradient(135deg, rgba(41, 121, 176, .08) 0%, rgba(26, 109, 160, .05) 100%);
  --section-blue-accent: linear-gradient(135deg, var(--blue), var(--blue-lt));
  --section-teal: linear-gradient(135deg, rgba(23, 165, 137, .08) 0%, rgba(25, 135, 84, .05) 100%);
  --section-teal-accent: linear-gradient(135deg, var(--teal), #198754);
  --reservation-section-bg: var(--rd-section-bg, #eef5fb);
  --reservation-section-border: var(--rd-section-border, #c0d1dd);
  --reservation-section-shadow: var(--rd-section-shadow, 0 4px 10px rgba(15, 23, 42, .04));
  --reservation-section-header-bg: var(--rd-btn-primary-bg, linear-gradient(135deg, #0e7490 0%, #2979b0 60%, #1abc9c 100%));
  --reservation-section-header-border: color-mix(in srgb, #ffffff 22%, var(--blue-lt) 78%);
  --reservation-section-header-text: #ffffff;
}

/* ══════════════════════════════════════════════════════════
   BOOTSTRAP / ADMINLTE OVERRIDES FOR AQUA THEME
   All rules scoped to [data-onlinemes-theme="aqua"] so
   Classic theme remains completely untouched.
   ══════════════════════════════════════════════════════════ */

/* ═══ BODY / WRAPPER ═══ */
[data-onlinemes-theme="aqua"] body,
[data-onlinemes-theme="aqua"] .wrapper,
[data-onlinemes-theme="aqua"] .content-wrapper {
  background: var(--bg-page) !important;
  color: var(--text-body) !important;
  font-family: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
}

/* ═══ HEADER ═══ */
[data-onlinemes-theme="aqua"] .main-header {
  background: var(--bg-nav) !important;
  border-bottom: 1px solid var(--border) !important;
}

[data-onlinemes-theme="aqua"] .main-header .nav-link {
  color: var(--text-dim) !important;
}

/* ═══ HEADER — compact topnav ═══ */
[data-onlinemes-theme="aqua"] .main-header {
  min-height: 30px !important;
  padding: 0 !important;
}

[data-onlinemes-theme="aqua"] .main-header .navbar-nav>.nav-item>.nav-link {
  font-size: 12px !important;
  font-weight: 500 !important;
  padding: 5px 11px !important;
  border-radius: 5px !important;
  transition: background .2s ease, color .2s ease !important;
}

[data-onlinemes-theme="aqua"] .main-header .navbar-nav>.nav-item>.nav-link:hover {
  background: var(--bg-slate) !important;
  color: var(--text-primary) !important;
}

[data-onlinemes-theme="aqua"] .main-header .navbar-nav>.nav-item.show>.nav-link,
[data-onlinemes-theme="aqua"] .main-header .navbar-nav>.nav-item>.nav-link.active {
  background: var(--bg-slate) !important;
  color: var(--text-primary) !important;
}

[data-onlinemes-theme="aqua"] .main-header .dropdown-menu {
  background: var(--bg-card) !important;
  border: 1px solid var(--border) !important;
  border-radius: 8px !important;
  box-shadow: var(--shadow) !important;
  padding: 4px 0 !important;
  margin-top: 2px !important;
}

[data-onlinemes-theme="aqua"] .main-header .dropdown-item {
  font-size: 12px !important;
  padding: 6px 14px !important;
  color: var(--text-body) !important;
  border-radius: 4px !important;
  margin: 0 4px !important;
  width: calc(100% - 8px) !important;
}

[data-onlinemes-theme="aqua"] .main-header .dropdown-item:hover,
[data-onlinemes-theme="aqua"] .main-header .dropdown-item:focus {
  background: var(--bg-filter-row) !important;
  color: var(--text-primary) !important;
}

[data-onlinemes-theme="aqua"] .main-header .dropdown-item i {
  width: 18px !important;
  text-align: center !important;
  margin-right: 6px !important;
  color: var(--text-dim) !important;
  font-size: 11px !important;
}





[data-onlinemes-theme="aqua"] .main-header .dropdown-divider {
  border-color: var(--border) !important;
  margin: 2px 0 !important;
}

/* ─ ThemeSwitcher in navbar ─ */
[data-onlinemes-theme="aqua"] .theme-switcher {
  display: flex !important;
  align-items: center !important;
  gap: 4px !important;
  border: 1px solid var(--border) !important;
  border-radius: 8px !important;
  padding: 3px 6px !important;
  background: var(--bg-card) !important;
}

[data-onlinemes-theme="aqua"] .theme-switcher__label {
  color: var(--text-dim) !important;
  font-size: 13px !important;
}

[data-onlinemes-theme="aqua"] .theme-switcher__option {
  background: transparent !important;
  border: 1px solid var(--border-subtle) !important;
  color: var(--text-dim) !important;
  padding: 4px 8px !important;
  border-radius: 5px !important;
  font-size: 12px !important;
  cursor: pointer !important;
  transition: all .2s ease !important;
  display: flex !important;
  align-items: center !important;
  gap: 4px !important;
}

[data-onlinemes-theme="aqua"] .theme-switcher__option:hover {
  background: var(--bg-slate) !important;
  color: var(--text-primary) !important;
}

[data-onlinemes-theme="aqua"] .theme-switcher__option.is-active {
  background: var(--bg-slate) !important;
  color: var(--text-primary) !important;
  border-color: var(--blue-lt) !important;
  font-weight: 600 !important;
  box-shadow: 0 0 0 1px rgba(58, 159, 216, .25) !important;
}

[data-onlinemes-theme="aqua"] .theme-switcher__separator {
  width: 1px !important;
  height: 18px !important;
  background: var(--border) !important;
  margin: 0 2px !important;
}

[data-onlinemes-theme="aqua"] .theme-switcher__dark-light {
  font-size: 13px !important;
  padding: 4px 6px !important;
}

/* ─ Navbar brand/title ─ */
[data-onlinemes-theme="aqua"] .main-header .navbar-brand,
[data-onlinemes-theme="aqua"] .main-header .brand-text {
  color: var(--text-primary) !important;
  font-weight: 700 !important;
  font-size: 14px !important;
}

/* ─ Navbar toggler ─ */
[data-onlinemes-theme="aqua"] .main-header .navbar-toggler {
  border-color: var(--border) !important;
  color: var(--text-dim) !important;
}

/* ═══ PANELX NAVBAR (overrides site.css hardcoded Classic colors) ═══ */
[data-onlinemes-theme="aqua"] .panelx-navbar {
  background: var(--bg-nav) !important;
  border-bottom: 1px solid var(--border) !important;
  height: 36px !important;
}

[data-onlinemes-theme="aqua"] .panelx-navbar .navbar-nav>li>a {
  color: var(--text-dim) !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  padding: 5px 11px !important;
  border-radius: 5px !important;
  transition: background .2s ease, color .2s ease !important;
}

[data-onlinemes-theme="aqua"] .panelx-navbar .navbar-nav>li>a:hover,
[data-onlinemes-theme="aqua"] .panelx-navbar .navbar-nav>li.show>a {
  background: var(--bg-slate) !important;
  color: var(--text-primary) !important;
}

[data-onlinemes-theme="aqua"] .panelx-navbar .dropdown-menu {
  background: var(--bg-card) !important;
  border: 1px solid var(--border) !important;
  border-radius: 8px !important;
  box-shadow: var(--shadow) !important;
  padding: 4px 0 !important;
  overflow: visible !important;
}

/* ═══ FULL-WIDTH RESULTS BREAKOUT UTILITY ═══ */
[data-onlinemes-theme="aqua"] {
  --aqua-results-breakout-sidebar-width: 0px;
  --aqua-results-breakout-detached-gutter: 0px;
  --aqua-results-breakout-offset: calc(var(--aqua-results-breakout-sidebar-width) + var(--aqua-results-breakout-detached-gutter));
  --aqua-results-breakout-padding-x: 0.5rem;
  --aqua-results-breakout-padding-bottom: 0.5rem;
}

html[data-layout="vertical"][data-onlinemes-theme="aqua"],
html[data-layout="semibox"][data-onlinemes-theme="aqua"],
html[data-layout="vertical"] body[data-onlinemes-theme="aqua"],
html[data-layout="semibox"] body[data-onlinemes-theme="aqua"] {
  --aqua-results-breakout-sidebar-width: 250px;
}

html[data-layout="vertical"][data-sidebar-size="md"][data-onlinemes-theme="aqua"],
html[data-layout="semibox"][data-sidebar-size="md"][data-onlinemes-theme="aqua"],
html[data-layout="vertical"][data-sidebar-size="md"] body[data-onlinemes-theme="aqua"],
html[data-layout="semibox"][data-sidebar-size="md"] body[data-onlinemes-theme="aqua"] {
  --aqua-results-breakout-sidebar-width: 180px;
}

html[data-layout="vertical"][data-sidebar-size="sm-hover"][data-onlinemes-theme="aqua"],
html[data-layout="semibox"][data-sidebar-size="sm-hover"][data-onlinemes-theme="aqua"],
html[data-layout="vertical"][data-sidebar-size="sm-hover"] body[data-onlinemes-theme="aqua"],
html[data-layout="semibox"][data-sidebar-size="sm-hover"] body[data-onlinemes-theme="aqua"] {
  --aqua-results-breakout-sidebar-width: 70px;
}

html[data-layout="vertical"][data-sidebar-view="detached"][data-onlinemes-theme="aqua"],
html[data-layout="semibox"][data-sidebar-view="detached"][data-onlinemes-theme="aqua"],
html[data-layout="vertical"][data-sidebar-view="detached"] body[data-onlinemes-theme="aqua"],
html[data-layout="semibox"][data-sidebar-view="detached"] body[data-onlinemes-theme="aqua"] {
  --aqua-results-breakout-detached-gutter: 32px;
}

[data-onlinemes-theme="aqua"] .aqua-results-breakout {
  box-sizing: border-box;
  width: calc(100vw - var(--aqua-results-breakout-offset));
  max-width: calc(100vw - var(--aqua-results-breakout-offset));
  margin-left: calc(50% - 50vw + (var(--aqua-results-breakout-offset) / 2));
  padding: 0 var(--aqua-results-breakout-padding-x) var(--aqua-results-breakout-padding-bottom);
}

[data-onlinemes-theme="aqua"] .aqua-results-shell {
  width: 100%;
}

[data-onlinemes-theme="aqua"] .aqua-results-target {
  max-width: none;
  margin: 0;
}

@media (max-width: 991.98px) {
  [data-onlinemes-theme="aqua"] {
    --aqua-results-breakout-sidebar-width: 0px;
    --aqua-results-breakout-detached-gutter: 0px;
    --aqua-results-breakout-offset: 0px;
  }

  [data-onlinemes-theme="aqua"] .aqua-results-breakout {
    width: 100%;
    max-width: 100%;
    margin-left: 0;
  }
}

/* ═══ FULL-WIDTH GRID ANTI-CLIP GUARD ═══
   A `FullWidth` <AdvancedDataGrid> extends horizontally and relies on page
   scroll for wide tables. Many page-scoped *.razor.css files copy-paste
   `overflow: hidden` onto the results card (`#searchResultsSection`,
   `.aqua-results-target`) or the grid wrappers (`.advanced-grid`,
   `.advanced-grid-table-shell`) — usually just for rounded corners — which
   CLIPS the wide table and makes columns unreachable. This guard forces those
   containers back to `overflow: visible` so a full-width grid is never cut off.
   It does NOT touch `.advanced-grid-table-scroll` (the component owns that).
   If you need a new full-width results page, you don't have to do anything —
   this guard covers it. See CLAUDE.md → "Full-width data grids must not be
   clipped". */
[data-onlinemes-theme="aqua"] #searchResultsSection,
[data-onlinemes-theme="aqua"] .aqua-results-target,
[data-onlinemes-theme="aqua"] .advanced-grid,
[data-onlinemes-theme="aqua"] .advanced-grid .advanced-grid-table-shell {
  overflow: visible !important;
}

[data-onlinemes-theme="aqua"] .panelx-navbar .dropdown-menu>li>a,
[data-onlinemes-theme="aqua"] .panelx-navbar .dropdown-menu .dropdown-item {
  /* color: var(--text-body) !important; */
  font-size: 12px !important;
  padding: 6px 14px !important;
  border-radius: 4px !important;
  margin: 0 4px !important;
  width: calc(100% - 8px) !important;
}

[data-onlinemes-theme="aqua"] .panelx-navbar .dropdown-menu>li>a:hover,
[data-onlinemes-theme="aqua"] .panelx-navbar .dropdown-menu .dropdown-item:hover {
  background: var(--bg-filter-row) !important;
  color: var(--text-primary) !important;
}

/* Active dropdown item — the Aqua dropdown panel is WHITE, but the shared
   site.css active rule only sets `color:#fff` (no background) → white-on-white
   and the active page link is invisible (most noticeable on mobile, where the
   dropdowns render inline/expanded). Give it the brand gradient + white text so
   the active page reads clearly. Covers light + dark Aqua. */
[data-onlinemes-theme="aqua"] .panelx-navbar .dropdown-menu>li>a.active,
[data-onlinemes-theme="aqua"] .panelx-navbar .dropdown-menu .dropdown-item.active {
  background: linear-gradient(135deg, #0e7490 0%, #2979b0 60%, #1abc9c 100%) !important;
  color: #ffffff !important;
}

[data-onlinemes-theme="aqua"] .panelx-navbar .dropdown-menu>li>a.active *,
[data-onlinemes-theme="aqua"] .panelx-navbar .dropdown-menu .dropdown-item.active *,
[data-onlinemes-theme="aqua"] .panelx-navbar .dropdown-menu>li>a.active i,
[data-onlinemes-theme="aqua"] .panelx-navbar .dropdown-menu .dropdown-item.active i {
  color: #ffffff !important;
}

[data-onlinemes-theme="aqua"] .panelx-navbar .dropdown-menu>li>a i,
[data-onlinemes-theme="aqua"] .panelx-navbar .dropdown-menu .dropdown-item i {
  width: 18px !important;
  text-align: center !important;
  margin-right: 6px !important;
  color: var(--text-dim) !important;
  font-size: 11px !important;
}

[data-onlinemes-theme="aqua"] .panelx-navbar .dropdown-submenu>.dropdown-menu {
  background: var(--bg-card) !important;
  border: 1px solid var(--border) !important;
  border-radius: 8px !important;
  box-shadow: var(--shadow) !important;
}

@media (min-width: 992px) {

  [data-onlinemes-theme="aqua"] .panelx-navbar,
  [data-onlinemes-theme="aqua"] .panelx-navbar .container-fluid,
  [data-onlinemes-theme="aqua"] .panelx-navbar .navbar-collapse {
    overflow: visible !important;
  }
}

[data-onlinemes-theme="aqua"] .panelx-navbar .dropdown-submenu>a:after {
  border-left-color: var(--text-dim) !important;
}

[data-onlinemes-theme="aqua"] .panelx-navbar .dropdown-divider {
  border-color: var(--border) !important;
}

[data-onlinemes-theme="aqua"] .panelx-navbar .navbar-toggler {
  border-color: var(--border) !important;
  color: var(--text-dim) !important;
}

[data-onlinemes-theme="aqua"] .panelx-navbar .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='%237e8fa3' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
}

/* ═══ FORM CONTROLS ═══ */
[data-onlinemes-theme="aqua"] .form-control {
  background-color: var(--bg-input) !important;
  border-color: var(--border) !important;
  color: var(--text-input) !important;
}

[data-onlinemes-theme="aqua"] .form-control:focus {
  border-color: var(--blue-lt) !important;
  box-shadow: 0 0 0 2px rgba(41, 121, 176, .12) !important;
}

[data-onlinemes-theme="aqua"] .form-control,
[data-onlinemes-theme="aqua"] select,
[data-onlinemes-theme="aqua"] input {
  font-weight: 400 !important;
  font-size: 12.5px !important;
}

[data-onlinemes-theme="aqua"] .form-control::placeholder {
  color: var(--text-body) !important;
  opacity: 0.6 !important;
}

/* ═══ CARD ═══ */
[data-onlinemes-theme="aqua"] .card {
  background: var(--bg-card) !important;
  border-color: var(--border) !important;
  box-shadow: var(--shadow) !important;
}

[data-theme="light"][data-onlinemes-theme="aqua"] .card {
  background: var(--reservation-section-bg) !important;
  border: 1px solid var(--reservation-section-border) !important;
  border-radius: 12px !important;
  box-shadow: var(--reservation-section-shadow) !important;
}

/* [data-onlinemes-theme="aqua"] .card-header {
  background: var(--bg-header) !important;
  border-bottom-color: var(--border) !important;
} */



[data-onlinemes-theme="aqua"] .card-title {
  color: var(--text-primary) !important;
}

[data-theme="light"][data-onlinemes-theme="aqua"] .card-title,
[data-theme="light"][data-onlinemes-theme="aqua"] .card-title i {
  color: var(--reservation-section-header-text) !important;
}

[data-onlinemes-theme="aqua"] .card-body {
  background: var(--bg-card) !important;
}

[data-theme="light"][data-onlinemes-theme="aqua"] .card-body {
  background: var(--reservation-section-bg) !important;
  border-radius: 6px 6px 6px 6px !important;
}

/* ═══ LABELS / TEXT UTILITIES ═══ */
[data-onlinemes-theme="aqua"] .text-muted {
  color: var(--text-dim) !important;
}

[data-onlinemes-theme="aqua"] .text-primary {
  color: var(--text-primary) !important;
}

[data-onlinemes-theme="aqua"] .text-dark {
  color: var(--text-primary) !important;
}

[data-onlinemes-theme="aqua"] .text-info {
  color: var(--blue-lt) !important;
}

[data-onlinemes-theme="aqua"] .text-danger {
  color: var(--red) !important;
}

[data-onlinemes-theme="aqua"] .text-success {
  color: var(--teal) !important;
}

[data-onlinemes-theme="aqua"] .text-warning {
  color: var(--accent) !important;
}

/* ═══ INPUT TYPES ═══ */
[data-onlinemes-theme="aqua"] input[type="date"],
[data-onlinemes-theme="aqua"] input[type="text"],
[data-onlinemes-theme="aqua"] input[type="number"],
[data-onlinemes-theme="aqua"] input[type="email"],
[data-onlinemes-theme="aqua"] input[type="password"],
[data-onlinemes-theme="aqua"] input[type="search"],
[data-onlinemes-theme="aqua"] textarea,
[data-onlinemes-theme="aqua"] select {
  background-color: var(--bg-input) !important;
  border: 1px solid var(--border) !important;
  color: var(--text-input) !important;
}

[data-onlinemes-theme="aqua"] input[type="date"]::-webkit-calendar-picker-indicator {
  filter: var(--cal-filter);
}

[data-onlinemes-theme="aqua"] select option {
  background: var(--bg-nav);
  color: var(--text-input);
}

/* ═══ TABLE ═══ */
[data-onlinemes-theme="aqua"] .table {
  color: var(--text-body);
}

[data-onlinemes-theme="aqua"] .table th {
  background: var(--bg-filter-hdr) !important;
  color: var(--text-dim) !important;
  border-color: var(--border) !important;
}

[data-onlinemes-theme="aqua"] .table td {
  color: var(--text-body) !important;
  border-color: var(--border) !important;
}

[data-onlinemes-theme="aqua"] .table tbody tr:nth-child(even) {
  background: var(--bg-row-even);
}

[data-onlinemes-theme="aqua"] .table tbody tr:hover {
  background: var(--bg-row-hover) !important;
}

[data-onlinemes-theme="aqua"] .table-bordered {
  border-color: var(--border) !important;
}

/* Bootstrap row-state classes on dark Aqua: keep the green/red tint subtle and the text readable */
[data-onlinemes-theme="aqua"] .table tbody tr.table-success,
[data-onlinemes-theme="aqua"] .table tbody tr.table-success>* {
  --bs-table-bg: transparent;
  --bs-table-color: var(--text-primary);
  --bs-table-color-state: var(--text-primary);
  --bs-table-bg-state: var(--alert-success-bg);
  background-color: var(--alert-success-bg) !important;
  color: var(--text-primary) !important;
}

[data-onlinemes-theme="aqua"] .table tbody tr.table-danger,
[data-onlinemes-theme="aqua"] .table tbody tr.table-danger>* {
  --bs-table-bg: transparent;
  --bs-table-color: var(--text-primary);
  --bs-table-color-state: var(--text-primary);
  --bs-table-bg-state: var(--alert-danger-bg);
  background-color: var(--alert-danger-bg) !important;
  color: var(--text-primary) !important;
}

[data-onlinemes-theme="aqua"] .table tbody tr.table-success td,
[data-onlinemes-theme="aqua"] .table tbody tr.table-danger td {
  color: var(--text-primary) !important;
  border-color: var(--border) !important;
}

/* Preserve colored emphasis (e.g. Balance figures) on top of tinted rows */
[data-onlinemes-theme="aqua"] .table tbody tr.table-success td .text-success,
[data-onlinemes-theme="aqua"] .table tbody tr.table-danger td .text-success {
  color: var(--teal, #2ecc71) !important;
}

[data-onlinemes-theme="aqua"] .table tbody tr.table-success td .text-danger,
[data-onlinemes-theme="aqua"] .table tbody tr.table-danger td .text-danger {
  color: var(--red, #e74c3c) !important;
}

[data-onlinemes-theme="aqua"] .thead-dark th {
  background: var(--bg-filter-hdr) !important;
  color: var(--text-dim) !important;
  border-color: var(--border) !important;
}

/* ═══ BADGES ═══ */
[data-onlinemes-theme="aqua"] .badge {
  background: var(--bg-slate) !important;
  color: var(--text-body) !important;
}

[data-onlinemes-theme="aqua"] .badge-info,
[data-onlinemes-theme="aqua"] .badge.badge-info {
  background: var(--count-bg) !important;
  color: var(--count-txt) !important;
}

[data-onlinemes-theme="aqua"] .badge-primary {
  background: var(--blue) !important;
  color: #fff !important;
}

[data-onlinemes-theme="aqua"] .badge-success {
  background: var(--teal) !important;
  color: #fff !important;
}

[data-onlinemes-theme="aqua"] .badge-danger {
  background: var(--red) !important;
  color: #fff !important;
}

[data-onlinemes-theme="aqua"] .badge-warning {
  background: var(--accent) !important;
  color: #fff !important;
}

[data-onlinemes-theme="aqua"] .badge-orange,
[data-onlinemes-theme="aqua"] .bg-orange {
  background: var(--accent) !important;
  color: #fff !important;
}

/* Bootstrap 5 bg-* utility overrides for badges */
[data-onlinemes-theme="aqua"] .badge.bg-primary {
  background: var(--blue) !important;
  color: #fff !important;
}

[data-onlinemes-theme="aqua"] .badge.bg-success {
  background: var(--teal) !important;
  color: #fff !important;
}

[data-onlinemes-theme="aqua"] .badge.bg-danger {
  background: var(--red) !important;
  color: #fff !important;
}

[data-onlinemes-theme="aqua"] .badge.bg-warning {
  background: var(--accent) !important;
  color: #fff !important;
}

[data-onlinemes-theme="aqua"] .badge.bg-info {
  background: var(--count-bg) !important;
  color: var(--count-txt) !important;
}

[data-onlinemes-theme="aqua"] .badge.bg-secondary {
  background: var(--bg-slate) !important;
  color: var(--text-body) !important;
}

/* ═══ BUTTONS ═══ */
[data-onlinemes-theme="aqua"] .btn-primary {
  background: linear-gradient(135deg, var(--blue), var(--blue-lt)) !important;
  border: none !important;
  color: #fff !important;
}

[data-onlinemes-theme="aqua"] .btn-secondary {
  background: var(--btn-sec-bg) !important;
  color: var(--btn-sec-txt) !important;
  border-color: var(--border) !important;
}

[data-onlinemes-theme="aqua"] .btn-info {
  background: var(--blue-lt) !important;
  border-color: var(--blue-lt) !important;
  color: #fff !important;
}

[data-onlinemes-theme="aqua"] .btn-success {
  background: linear-gradient(135deg, var(--teal), var(--blue-lt)) !important;
  border: none !important;
  color: #fff !important;
}

[data-onlinemes-theme="aqua"] .btn-outline-success {
  background: var(--btn-exp-bg) !important;
  color: var(--btn-exp-txt) !important;
  border: 1px solid var(--btn-exp-bdr) !important;
  border-radius: 6px !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  padding: 5px 14px !important;
  transition: all .2s ease !important;
}

[data-onlinemes-theme="aqua"] .btn-outline-success:hover {
  background: rgba(26, 188, 156, .2) !important;
  color: var(--teal) !important;
  border-color: var(--teal) !important;
}

[data-onlinemes-theme="aqua"] .btn-danger {
  background: var(--red) !important;
  border-color: var(--red) !important;
  color: #fff !important;
}

[data-onlinemes-theme="aqua"] .btn-warning {
  background: var(--accent) !important;
  border-color: var(--accent) !important;
  color: #fff !important;
}

[data-onlinemes-theme="aqua"] .btn-outline-secondary {
  color: var(--text-dim) !important;
  border-color: var(--border) !important;
  background: transparent !important;
}

[data-onlinemes-theme="aqua"] .btn-outline-secondary:hover {
  background: var(--bg-slate) !important;
  color: var(--text-primary) !important;
}

/* ═══ ALERTS ═══ */
[data-onlinemes-theme="aqua"] .alert-info {
  background: rgba(41, 121, 176, .08) !important;
  color: var(--blue-lt) !important;
  border-color: rgba(41, 121, 176, .2) !important;
}

[data-onlinemes-theme="aqua"] .alert-warning {
  background: rgba(240, 168, 48, .08) !important;
  color: var(--accent) !important;
  border-color: rgba(240, 168, 48, .2) !important;
}

[data-onlinemes-theme="aqua"] .alert-danger {
  background: rgba(231, 76, 60, .08) !important;
  color: var(--red) !important;
  border-color: rgba(231, 76, 60, .2) !important;
}

[data-onlinemes-theme="aqua"] .alert-success {
  background: rgba(26, 188, 156, .08) !important;
  color: var(--teal) !important;
  border-color: rgba(26, 188, 156, .2) !important;
}

/* ═══ SPINNER ═══ */
[data-onlinemes-theme="aqua"] .spinner-border {
  border-color: var(--border) !important;
  border-top-color: var(--blue-lt) !important;
}

/* ═══ PAGINATION ═══ */
[data-onlinemes-theme="aqua"] .page-link {
  background: var(--pgbtn-bg) !important;
  color: var(--pgbtn-txt) !important;
  border-color: var(--border) !important;
}

[data-onlinemes-theme="aqua"] .page-item.active .page-link {
  background: var(--blue) !important;
  border-color: var(--blue) !important;
  color: #fff !important;
}

[data-onlinemes-theme="aqua"] .page-link:hover {
  background: var(--blue) !important;
  color: #fff !important;
  border-color: var(--blue) !important;
}

/* ═══ INPUT GROUP ═══ */
[data-onlinemes-theme="aqua"] .input-group-text {
  background: var(--bg-slate) !important;
  color: var(--text-dim) !important;
  border-color: var(--border) !important;
}

/* ═══ CUSTOM CHECKBOX / SWITCH ═══ */
[data-onlinemes-theme="aqua"] .custom-control-input {
  accent-color: var(--blue-lt);
}

[data-onlinemes-theme="aqua"] .custom-control-label {
  color: var(--text-body) !important;
}

/* ═══ FILTER CARD HEADER ═══ */
[data-onlinemes-theme="aqua"] .filter-card-header {
  font-size: 9.5px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  color: var(--text-dim) !important;
}

/* ═══ MODAL ═══ */
[data-onlinemes-theme="aqua"] .modal-content {
  background: var(--bg-card) !important;
  border-color: var(--border) !important;
  color: var(--text-body) !important;
}

[data-onlinemes-theme="aqua"] .modal-header {
  background: var(--bg-header) !important;
  border-bottom-color: var(--border) !important;
}

[data-onlinemes-theme="aqua"] .modal-header .modal-title {
  color: var(--text-primary) !important;
}

[data-onlinemes-theme="aqua"] .modal-header .close {
  color: var(--text-dim) !important;
}

[data-onlinemes-theme="aqua"] .modal-footer {
  border-top-color: var(--border) !important;
}

/* Cancellation-policy modal — match the Aqua section-header gradient (like page headers)
   instead of the flat modal-header band forced above. */
[data-onlinemes-theme="aqua"] .modal-header.cancellation-policy-modal-header {
  background: var(--rd-btn-primary-bg) !important;
  border-bottom: none !important;
}

[data-onlinemes-theme="aqua"] .modal-header.cancellation-policy-modal-header .modal-title,
[data-onlinemes-theme="aqua"] .modal-header.cancellation-policy-modal-header .modal-title i {
  color: var(--rd-btn-primary-text, #fff) !important;
}

/* ═══ DROPDOWN ═══ */
[data-onlinemes-theme="aqua"] .dropdown-menu {
  background: var(--bg-card) !important;
  border-color: var(--border) !important;
  box-shadow: var(--shadow) !important;
}

[data-onlinemes-theme="aqua"] .dropdown-item {
  color: var(--text-body) !important;
}

[data-onlinemes-theme="aqua"] .dropdown-item:hover,
[data-onlinemes-theme="aqua"] .dropdown-item:focus {
  background: var(--bg-filter-row) !important;
  color: var(--text-primary) !important;
}

[data-onlinemes-theme="aqua"] .dropdown-divider {
  border-color: var(--border) !important;
}

/* ═══ NAV TABS ═══ */
[data-onlinemes-theme="aqua"] .nav-tabs {
  border-bottom-color: var(--border) !important;
}

[data-onlinemes-theme="aqua"] .nav-tabs .nav-link {
  color: var(--text-dim) !important;
}

[data-onlinemes-theme="aqua"] .nav-tabs .nav-link:hover {
  border-color: var(--border) !important;
  color: var(--text-primary) !important;
}

[data-onlinemes-theme="aqua"] .nav-tabs .nav-link.active {
  background: var(--bg-card) !important;
  border-color: var(--border) var(--border) var(--bg-card) !important;
  color: var(--text-primary) !important;
}

/* ═══ SIDEBAR ═══ */
[data-onlinemes-theme="aqua"] .main-sidebar {
  background: var(--bg-nav) !important;
}

[data-onlinemes-theme="aqua"] .nav-sidebar .nav-link {
  color: var(--text-dim) !important;
}

[data-onlinemes-theme="aqua"] .nav-sidebar .nav-link:hover,
[data-onlinemes-theme="aqua"] .nav-sidebar .nav-link.active {
  background: var(--bg-slate) !important;
  color: var(--text-primary) !important;
}

/* ═══ SCROLLBAR GLOBAL ═══ */
[data-onlinemes-theme="aqua"] ::-webkit-scrollbar {
  width: 16px;
  height: 16px;
}

[data-onlinemes-theme="aqua"] ::-webkit-scrollbar-track {
  background: transparent;
}

[data-onlinemes-theme="aqua"] ::-webkit-scrollbar-thumb {
  background: var(--scrollbar-thumb);
  border-radius: 8px;
  border: 3px solid transparent;
  background-clip: padding-box;
}

[data-onlinemes-theme="aqua"] ::-webkit-scrollbar-thumb:hover {
  background: var(--blue);
  background-clip: padding-box;
}

[data-onlinemes-theme="aqua"],
[data-onlinemes-theme="aqua"] body {
  scrollbar-width: auto;
  scrollbar-color: var(--scrollbar-thumb) transparent;
}

/* ═══ FOOTER ═══ */
[data-onlinemes-theme="aqua"] .main-footer {
  background: var(--bg-nav) !important;
  border-top: 1px solid var(--border) !important;
  color: var(--text-dim) !important;
}

/* ═══ HR ═══ */
[data-onlinemes-theme="aqua"] hr {
  border-color: var(--border) !important;
}

/* ═══ LINKS ═══ */
[data-onlinemes-theme="aqua"] a {
  color: var(--blue-lt);
}

[data-onlinemes-theme="aqua"] a:hover {
  color: var(--teal);
}

/* ═══ STYLED INPUT SIZES ═══ */
[data-onlinemes-theme="aqua"] .styled-input-compact,
[data-onlinemes-theme="aqua"] .styled-input-mini,
[data-onlinemes-theme="aqua"] .styled-input-normal,
[data-onlinemes-theme="aqua"] .styled-input-big {
  background-color: var(--bg-input) !important;
  border: 1px solid var(--border) !important;
  color: var(--text-input) !important;
}

[data-onlinemes-theme="aqua"] .styled-input-compact:focus,
[data-onlinemes-theme="aqua"] .styled-input-mini:focus,
[data-onlinemes-theme="aqua"] .styled-input-normal:focus,
[data-onlinemes-theme="aqua"] .styled-input-big:focus {
  border-color: var(--blue-lt) !important;
  box-shadow: 0 0 0 2px rgba(41, 121, 176, .12) !important;
}

/* ═══ FLATPICKR ═══ */
[data-onlinemes-theme="aqua"] .flatpickr-calendar {
  background: var(--bg-card) !important;
  border-color: var(--border) !important;
  box-shadow: var(--shadow) !important;
}

[data-onlinemes-theme="aqua"] .flatpickr-months .flatpickr-month {
  background: var(--bg-header) !important;
  color: var(--text-primary) !important;
}

[data-onlinemes-theme="aqua"] .flatpickr-current-month .flatpickr-monthDropdown-months {
  background: var(--bg-input) !important;
  color: var(--text-input) !important;
}

[data-onlinemes-theme="aqua"] .flatpickr-current-month input.cur-year {
  color: var(--text-primary) !important;
}

[data-onlinemes-theme="aqua"] .flatpickr-weekdays {
  background: var(--bg-header) !important;
}

[data-onlinemes-theme="aqua"] span.flatpickr-weekday {
  color: var(--text-dim) !important;
  background: transparent !important;
}

[data-onlinemes-theme="aqua"] .flatpickr-day {
  color: var(--text-body) !important;
}

[data-onlinemes-theme="aqua"] .flatpickr-day:hover {
  background: var(--bg-filter-row) !important;
  border-color: var(--border) !important;
  color: var(--text-primary) !important;
}

[data-onlinemes-theme="aqua"] .flatpickr-day.selected {
  background: var(--blue) !important;
  border-color: var(--blue) !important;
  color: #fff !important;
}

[data-onlinemes-theme="aqua"] .flatpickr-day.today {
  border-color: var(--teal) !important;
}

[data-onlinemes-theme="aqua"] .flatpickr-day.prevMonthDay,
[data-onlinemes-theme="aqua"] .flatpickr-day.nextMonthDay {
  color: var(--text-dim) !important;
}

[data-onlinemes-theme="aqua"] .flatpickr-months .flatpickr-prev-month,
[data-onlinemes-theme="aqua"] .flatpickr-months .flatpickr-next-month {
  color: var(--text-dim) !important;
  fill: var(--text-dim) !important;
}

[data-onlinemes-theme="aqua"] .flatpickr-months .flatpickr-prev-month:hover svg,
[data-onlinemes-theme="aqua"] .flatpickr-months .flatpickr-next-month:hover svg {
  fill: var(--text-primary) !important;
}

/* ═══ CARD VARIANTS ═══ */
[data-onlinemes-theme="aqua"] .card-primary:not(.card-outline) {
  border-top: 3px solid var(--blue) !important;
}

[data-onlinemes-theme="aqua"] .card-success:not(.card-outline) {
  border-top: 3px solid var(--teal) !important;
}

[data-onlinemes-theme="aqua"] .card-info:not(.card-outline) {
  border-top: 3px solid var(--blue-lt) !important;
}

[data-onlinemes-theme="aqua"] .card-warning:not(.card-outline) {
  border-top: 3px solid var(--accent) !important;
}

[data-onlinemes-theme="aqua"] .card-danger:not(.card-outline) {
  border-top: 3px solid var(--red) !important;
}

[data-onlinemes-theme="aqua"] .card.card-outline {
  border-top: 3px solid var(--border) !important;
}

[data-onlinemes-theme="aqua"] .card-outline.card-primary {
  border-top-color: var(--blue) !important;
}

[data-onlinemes-theme="aqua"] .card-outline.card-success {
  border-top-color: var(--teal) !important;
}

[data-onlinemes-theme="aqua"] .card-outline.card-info {
  border-top-color: var(--blue-lt) !important;
}

[data-onlinemes-theme="aqua"] .card-outline.card-warning {
  border-top-color: var(--accent) !important;
}

[data-onlinemes-theme="aqua"] .card-outline.card-danger {
  border-top-color: var(--red) !important;
}

/* ═══ CARD TOOLS (AdminLTE) ═══ */
[data-onlinemes-theme="aqua"] .card-tools .btn-tool {
  color: var(--text-dim) !important;
  background: transparent !important;
}

[data-onlinemes-theme="aqua"] .card-tools .btn-tool:hover {
  color: var(--text-primary) !important;
}

/* ═══ CARD FOOTER ═══ */
[data-onlinemes-theme="aqua"] .card-footer {
  background: var(--bg-card) !important;
  border-top-color: var(--border) !important;
}

/* ═══ FORM LABEL / FORM SELECT ═══ */
[data-onlinemes-theme="aqua"] .form-label {
  color: var(--text-primary) !important;
  font-size: 11.5px !important;
  font-weight: 500 !important;
}

[data-onlinemes-theme="aqua"] .form-select {
  background-color: var(--bg-input) !important;
  border-color: var(--border) !important;
  color: var(--text-input) !important;
  font-weight: 400 !important;
  font-size: 12.5px !important;
}

[data-onlinemes-theme="aqua"] .form-select:focus {
  border-color: var(--blue-lt) !important;
  box-shadow: 0 0 0 2px rgba(41, 121, 176, .12) !important;
}

[data-onlinemes-theme="aqua"] .form-control-sm {
  font-size: 11.5px !important;
}

[data-onlinemes-theme="aqua"] .form-select-sm {
  font-size: 11.5px !important;
}

/* ═══ BUTTON SIZES ═══ */
[data-onlinemes-theme="aqua"] .btn-sm {
  font-size: 11px !important;
  padding: 4px 10px !important;
  border-radius: 5px !important;
}

[data-onlinemes-theme="aqua"] .btn-xs {
  font-size: 10px !important;
  padding: 2px 6px !important;
  border-radius: 4px !important;
}

/* ═══ BUTTON TOOL (AdminLTE - close/collapse) ═══ */
[data-onlinemes-theme="aqua"] .btn-tool {
  color: var(--text-dim) !important;
}

[data-onlinemes-theme="aqua"] .btn-tool:hover {
  color: var(--text-primary) !important;
}

/* ═══ BUTTON OUTLINE variants still missing ═══ */
[data-onlinemes-theme="aqua"] .btn-outline-primary {
  color: var(--blue) !important;
  border-color: var(--blue) !important;
  background: transparent !important;
}

[data-onlinemes-theme="aqua"] .btn-outline-primary:hover {
  background: var(--blue) !important;
  color: #fff !important;
}

[data-onlinemes-theme="aqua"] .btn-outline-info {
  color: var(--blue-lt) !important;
  border-color: var(--blue-lt) !important;
  background: transparent !important;
}

[data-onlinemes-theme="aqua"] .btn-outline-info:hover {
  background: var(--blue-lt) !important;
  color: #fff !important;
}

[data-onlinemes-theme="aqua"] .btn-outline-danger {
  color: var(--red) !important;
  border-color: var(--red) !important;
  background: transparent !important;
}

[data-onlinemes-theme="aqua"] .btn-outline-danger:hover {
  background: var(--red) !important;
  color: #fff !important;
}

[data-onlinemes-theme="aqua"] .btn-outline-warning {
  color: var(--accent) !important;
  border-color: var(--accent) !important;
  background: transparent !important;
}

[data-onlinemes-theme="aqua"] .btn-outline-warning:hover {
  background: var(--accent) !important;
  color: #fff !important;
}

/* ═══ CLOSE BUTTON (Bootstrap) ═══ */
[data-onlinemes-theme="aqua"] .close,
[data-onlinemes-theme="aqua"] .btn-close {
  color: var(--text-dim) !important;
  opacity: 0.6 !important;
}

[data-onlinemes-theme="aqua"] .close:hover,
[data-onlinemes-theme="aqua"] .btn-close:hover {
  color: var(--text-primary) !important;
  opacity: 1 !important;
}

/* ═══ LIST GROUP ═══ */
[data-onlinemes-theme="aqua"] .list-group-item {
  background: var(--bg-card) !important;
  border-color: var(--border) !important;
  color: var(--text-body) !important;
}

[data-onlinemes-theme="aqua"] .list-group-item:hover {
  background: var(--bg-row-hover) !important;
}

[data-onlinemes-theme="aqua"] .list-group-item.active {
  background: var(--blue) !important;
  border-color: var(--blue) !important;
  color: #fff !important;
}

/* ═══ PROGRESS BAR ═══ */
[data-onlinemes-theme="aqua"] .progress {
  background: var(--bg-slate) !important;
}

[data-onlinemes-theme="aqua"] .progress-bar {
  background: var(--blue) !important;
}

/* ═══ BREADCRUMB ═══ */
[data-onlinemes-theme="aqua"] .breadcrumb {
  background: var(--bg-slate) !important;
}

[data-onlinemes-theme="aqua"] .breadcrumb-item a {
  color: var(--blue-lt) !important;
}

[data-onlinemes-theme="aqua"] .breadcrumb-item.active {
  color: var(--text-dim) !important;
}

[data-onlinemes-theme="aqua"] .aqua-page-breadcrumb {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  justify-content: flex-end;
  align-self: center;
  min-width: 0;
  max-width: 100%;
  margin-left: auto;
  overflow: hidden;
}

[data-onlinemes-theme="aqua"] .aqua-page-breadcrumb .aqua-breadcrumb {
  min-width: 0;
  max-width: 100%;
  justify-content: flex-end;
}

[data-onlinemes-theme="aqua"] .aqua-page-breadcrumb .aqua-breadcrumb-list {
  min-width: 0;
  max-width: 100%;
  justify-content: flex-end;
  gap: 0.38rem;
  flex-wrap: nowrap;
  overflow: hidden;
}

[data-onlinemes-theme="aqua"] .aqua-page-breadcrumb .aqua-breadcrumb-item:not(.is-current) {
  opacity: 0.92;
}

[data-onlinemes-theme="aqua"] .aqua-page-breadcrumb .aqua-breadcrumb-item.is-current {
  margin-left: 0.45rem;
}

[data-onlinemes-theme="aqua"] .aqua-page-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 1rem 1.2rem;
  border: 1px solid rgba(18, 103, 142, 0.18);
  border-radius: 1rem;
  background: var(--rd-btn-primary-bg);
  box-shadow: 0 18px 32px rgba(18, 103, 142, 0.16);
}

[data-onlinemes-theme="aqua"] .aqua-page-header + .card,
[data-onlinemes-theme="aqua"] .aqua-page-header + .aqua-page-card {
  margin-top: 0.85rem;
}

[data-onlinemes-theme="aqua"] .aqua-page-title {
  display: inline-flex;
  flex: 0 1 auto;
  align-items: center;
  gap: 0.7rem;
  margin: 0;
  color: var(--rd-btn-primary-text) !important;
  font-family: var(--operation-page-title-font, var(--nav-page-title-font, inherit));
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: 0.02em;
  line-height: 1.2;
  white-space: nowrap;
  min-width: 0;
}

[data-onlinemes-theme="aqua"] .aqua-page-title,
[data-onlinemes-theme="aqua"] .aqua-page-title i {
  color: var(--rd-btn-primary-text) !important;
}

@media (max-width: 991.98px) {
  [data-onlinemes-theme="aqua"] .aqua-page-header {
    flex-direction: column;
    align-items: flex-start;
  }

  [data-onlinemes-theme="aqua"] .aqua-page-breadcrumb {
    width: 100%;
    margin-left: 0;
    justify-content: flex-start;
  }

  [data-onlinemes-theme="aqua"] .aqua-page-breadcrumb .aqua-breadcrumb,
  [data-onlinemes-theme="aqua"] .aqua-page-breadcrumb .aqua-breadcrumb-list {
    justify-content: flex-start;
  }

  [data-onlinemes-theme="aqua"] .aqua-page-breadcrumb .aqua-breadcrumb-list {
    flex-wrap: wrap;
  }
}

/* ═══ POPOVER / TOOLTIP ═══ */
[data-onlinemes-theme="aqua"] .popover {
  background: var(--bg-card) !important;
  border-color: var(--border) !important;
}

[data-onlinemes-theme="aqua"] .popover-header {
  background: var(--bg-header) !important;
  border-bottom-color: var(--border) !important;
  color: var(--text-primary) !important;
}

[data-onlinemes-theme="aqua"] .popover-body {
  color: var(--text-body) !important;
}

[data-onlinemes-theme="aqua"] .tooltip-inner {
  background: var(--bg-nav) !important;
  color: var(--text-body) !important;
}

/* ═══ BACKGROUND UTILITIES ═══ */
[data-onlinemes-theme="aqua"] .bg-light {
  background: var(--bg-slate) !important;
}

[data-onlinemes-theme="aqua"] .bg-white {
  background: var(--bg-card) !important;
}

[data-onlinemes-theme="aqua"] .border {
  border-color: var(--border) !important;
}

[data-onlinemes-theme="aqua"] .border-bottom {
  border-bottom-color: var(--border) !important;
}

/* ═══ CALLOUT (AdminLTE) ═══ */
[data-onlinemes-theme="aqua"] .callout {
  background: var(--bg-card-alt) !important;
  border-color: var(--border) !important;
  color: var(--text-body) !important;
}

[data-onlinemes-theme="aqua"] .callout.callout-info {
  border-left-color: var(--blue-lt) !important;
}

[data-onlinemes-theme="aqua"] .callout.callout-warning {
  border-left-color: var(--accent) !important;
}

[data-onlinemes-theme="aqua"] .callout.callout-danger {
  border-left-color: var(--red) !important;
}

[data-onlinemes-theme="aqua"] .callout.callout-success {
  border-left-color: var(--teal) !important;
}

/* ═══ SEARCHABLE-SELECT (shared component) ═══ */
/* ═══ TAB CONTENT ═══ */
[data-onlinemes-theme="aqua"] .tab-content {
  background: var(--bg-card) !important;
}

/* ═══ ADVANCED DATA GRID (global override for shared component) ═══ */
[data-onlinemes-theme="aqua"] .advanced-grid-table-scroll {
  background: var(--bg-card) !important;
}

[data-onlinemes-theme="aqua"] .advanced-grid-table-scroll th {
  background: var(--bg-filter-hdr) !important;
  color: var(--text-dim) !important;
  font-weight: 600 !important;
  border-bottom: 2px solid var(--border) !important;
}

[data-onlinemes-theme="aqua"] .advanced-grid-table-scroll td {
  color: var(--text-body) !important;
  border-bottom: 1px solid var(--border) !important;
  vertical-align: middle !important;
}

[data-onlinemes-theme="aqua"] .advanced-grid-table-scroll tbody tr:hover {
  background: var(--bg-row-hover) !important;
}

[data-onlinemes-theme="aqua"] .advanced-grid-table-scroll tbody tr:nth-child(even) {
  background: var(--bg-row-even) !important;
}

[data-onlinemes-theme="aqua"] .advanced-grid-pagination {
  gap: 4px !important;
}

[data-onlinemes-theme="aqua"] .advanced-grid-pagination button {
  background: var(--pgbtn-bg) !important;
  color: var(--pgbtn-txt) !important;
  border: 1px solid var(--border) !important;
  border-radius: 5px !important;
  font-size: 11px !important;
  padding: 4px 10px !important;
}

[data-onlinemes-theme="aqua"] .advanced-grid-pagination button:hover:not(:disabled) {
  background: var(--blue) !important;
  color: #fff !important;
  border-color: var(--blue) !important;
}

[data-onlinemes-theme="aqua"] .advanced-grid-pagination button.active {
  background: var(--blue) !important;
  color: #fff !important;
  border-color: var(--blue) !important;
  font-weight: 600 !important;
}

[data-onlinemes-theme="aqua"] .advanced-grid-pagination button:disabled {
  opacity: 0.4 !important;
}

/* ══════════════════════════════════════════════════════════
   STANDARD COMPONENT STYLES — Aqua Theme
   Based on AquaHotelPriceSearch.razor.css reference design.
   Applied globally so ALL pages share uniform appearance.
   ══════════════════════════════════════════════════════════ */

/* ═══ FONT BASE ═══ */
[data-onlinemes-theme="aqua"] .content {
  font-family: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
  color: var(--text-body) !important;
}

/* ═══ CONTAINER FLUID ═══ */
[data-onlinemes-theme="aqua"] .content>.container-fluid {
  max-width: 1520px;
  margin: 0 auto;
}

[data-onlinemes-theme="aqua"] #site-body-content>.container-fluid {
  max-width: 1520px;
  margin: 0 auto;
}

/* ═══ CARD PRIMARY (search form cards) ═══ */
[data-onlinemes-theme="aqua"] .card.card-primary {
  background: var(--bg-card) !important;
  border: 1px solid var(--border) !important;
  border-radius: 10px !important;
  box-shadow: var(--shadow) !important;
  overflow: visible !important;
}

[data-theme="light"][data-onlinemes-theme="aqua"] .card.card-primary {
  background: var(--reservation-section-bg) !important;
  border: 1px solid var(--reservation-section-border) !important;
  border-radius: 12px !important;
  box-shadow: var(--reservation-section-shadow) !important;
}

/* ═══ CARD HEADER (compact — template.html reference) ═══ */
/* [data-onlinemes-theme="aqua"] .card .card-header {
  background: var(--bg-header) !important;
  border-bottom: 1px solid var(--border) !important;
  padding: 7px 14px !important;
  display: flex !important;
  align-items: center !important;
  min-height: auto !important;
} */

/* [data-theme="light"][data-onlinemes-theme="aqua"] .card .card-header {
  background: var(--reservation-section-header-bg) !important;
  border-bottom: 1px solid var(--reservation-section-header-border) !important;
  border-radius: 12px 12px 0 0 !important;
} */

/* ═══ CARD TITLE ═══ */
[data-onlinemes-theme="aqua"] .card-title {
  color: var(--text-primary) !important;
  font-family: 'Playfair Display', Georgia, serif !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  margin: 0 !important;
  display: flex !important;
  align-items: center !important;
  gap: 7px !important;
}

[data-onlinemes-theme="aqua"] .card-title i {
  color: var(--teal) !important;
}

/* ═══ CARD BODY ═══ */
[data-onlinemes-theme="aqua"] .card .card-body {
  background: var(--bg-card) !important;
  color: var(--text-body) !important;
  padding: 12px 16px 10px !important;
}

[data-theme="light"][data-onlinemes-theme="aqua"] .card .card-body {
  background: var(--reservation-section-bg) !important;
}

/* ═══ FILTER CARD (section wrapper) ═══ */
[data-onlinemes-theme="aqua"] .filter-card:not(.search-criteria-card):not(.basic-search-card):not(.location-filters-card):not(.hotel-filters-card):not(.advanced-transfer-card):not(.advanced-price-card):not([class*="filter-card--"]) {
  background: var(--field-group-bg) !important;
  border: 1px solid var(--border-subtle) !important;
  border-radius: 8px !important;
  padding: 10px 12px 8px !important;
  margin-bottom: 10px !important;
}

[data-theme="light"][data-onlinemes-theme="aqua"] .filter-card:not(.search-criteria-card):not(.basic-search-card):not(.location-filters-card):not(.hotel-filters-card):not(.advanced-transfer-card):not(.advanced-price-card):not([class*="filter-card--"]) {
  background: var(--reservation-section-bg) !important;
  border: 1px solid var(--reservation-section-border) !important;
  border-radius: 12px !important;
  box-shadow: var(--reservation-section-shadow) !important;
  overflow: hidden !important;
}

/* ═══ aqua-filter-cards hook — let SearchableSelect dropdowns escape the filter card ═══
   Pages NOT in the reservation host-allowlist (Accounting > Flight Plan) opt in by putting
   `aqua-filter-cards` on their page container. The base .filter-card rule above clips with
   overflow:hidden for rounded corners, which hides the absolutely-positioned dropdown. Re-assert
   overflow:visible — replicating the base :not() chain + the hook class so it wins on specificity
   (0,11,0 > the base 0,10,0) — and lift the open select above the (non-stacking) results grid. */
[data-theme="light"][data-onlinemes-theme="aqua"] .aqua-filter-cards .filter-card:not(.search-criteria-card):not(.basic-search-card):not(.location-filters-card):not(.hotel-filters-card):not(.advanced-transfer-card):not(.advanced-price-card):not([class*="filter-card--"]) {
  overflow: visible !important;
}
[data-onlinemes-theme="aqua"] .aqua-filter-cards .filter-card {
  overflow: visible !important;            /* dark theme + defensive (no competing high-specificity rule there) */
}
[data-onlinemes-theme="aqua"] .aqua-filter-cards .searchable-select[data-open] {
  z-index: 1060 !important;                /* defensive: clear any sticky-header z-index */
}
[data-onlinemes-theme="aqua"] .aqua-filter-cards .searchable-select-dropdown {
  z-index: 1060 !important;
}

/* ═══ FILTER CARD HEADER ═══ */
[data-onlinemes-theme="aqua"] .filter-card-header {
  font-size: 9.5px !important;
  background: linear-gradient(135deg, #0e7490 0%, #2979b0 60%, #1abc9c 100%) !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  color: var(--text-primary) !important;
  margin-bottom: 8px !important;
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  padding-bottom: 6px !important;
  border-bottom: 1px solid var(--border-subtle) !important;
}

[data-theme="light"][data-onlinemes-theme="aqua"] .filter-card-header {
  background: var(--reservation-section-header-bg) !important;
  /* border-bottom: 1px solid var(--reservation-section-header-border) !important; */
  /* border-radius: 12px 12px 0 0 !important; */
  color: var(--reservation-section-header-text) !important;
  /* margin: -10px -12px 10px !important; */
  /* padding: 10px 12px !important; */
}

[data-onlinemes-theme="aqua"] .filter-card-header i {
  opacity: 0.5 !important;
}

[data-theme="light"][data-onlinemes-theme="aqua"] .filter-card-header i {
  color: var(--reservation-section-header-text) !important;
  opacity: 0.92 !important;
}

/* ═══ COMPACT FORM GROUP ═══ */
[data-onlinemes-theme="aqua"] .compact-form-group {
  margin-bottom: 8px !important;
}

/* ═══ COMPACT FORM GROUP LABEL ═══ */
[data-onlinemes-theme="aqua"] .compact-form-group label {
  font-size: 9.5px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.7px !important;
  color: var(--text-primary) !important;
  display: block !important;
  margin-bottom: 4px !important;
  white-space: nowrap !important;
}

/* ═══ FILTER BOX GROUP ═══ */
[data-onlinemes-theme="aqua"] .filter-box-group {
  background: var(--bg-input) !important;
  border: 1px solid var(--border) !important;
  border-radius: 7px !important;
  overflow: hidden !important;
  margin-bottom: 8px !important;
}

/* ═══ FILTER BOX GROUP HEADER (compact, left-aligned) ═══ */
[data-onlinemes-theme="aqua"] .filter-box-group>label {
  padding: 4px 10px !important;
  background: var(--bg-filter-hdr) !important;
  border-bottom: 1px solid var(--border) !important;
  font-size: 9.5px !important;
  font-weight: 600 !important;
  color: var(--text-primary) !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 6px !important;
  margin-bottom: 0 !important;
  white-space: nowrap !important;
}

/* Quick actions float to right via margin-left auto */
[data-onlinemes-theme="aqua"] .filter-box-group>label .filter-quick-actions {
  margin-left: auto !important;
}

/* ═══ LABEL ICONS ═══ */
[data-onlinemes-theme="aqua"] .compact-form-group label i,
[data-onlinemes-theme="aqua"] .filter-box-group>label i {
  opacity: 0.4 !important;
  font-size: 9px !important;
  margin-right: 2px !important;
}

/* ═══ CHECKBOX SCROLL CONTAINER ═══ */
[data-onlinemes-theme="aqua"] .checkbox-scroll {
  max-height: 110px !important;
  overflow-y: auto !important;
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 3px !important;
  scrollbar-width: thin !important;
  scrollbar-color: var(--scrollbar-thumb) transparent !important;
}

[data-onlinemes-theme="aqua"] .checkbox-scroll::-webkit-scrollbar {
  width: 3px !important;
}

[data-onlinemes-theme="aqua"] .checkbox-scroll::-webkit-scrollbar-thumb {
  background: var(--scrollbar-thumb) !important;
  border-radius: 2px !important;
}

/* ═══ CHECKBOX ITEMS ═══ */
[data-onlinemes-theme="aqua"] .checkbox-scroll .custom-control {
  display: flex !important;
  align-items: center !important;
  padding: 2px 6px !important;
  gap: 6px !important;
  border-radius: 4px !important;
  padding-left: 0 !important;
  min-height: auto !important;
}

[data-onlinemes-theme="aqua"] .checkbox-scroll .custom-control:hover {
  background: var(--bg-filter-row) !important;
}

[data-onlinemes-theme="aqua"] .checkbox-scroll .custom-control-input {
  accent-color: var(--blue-lt) !important;
  width: 13px !important;
  height: 13px !important;
  cursor: pointer !important;
  flex-shrink: 0 !important;
  position: static !important;
  margin: 0 !important;
}

[data-onlinemes-theme="aqua"] .checkbox-scroll .custom-control-label {
  font-size: 11.5px !important;
  font-weight: 400 !important;
  color: var(--text-body) !important;
  cursor: pointer !important;
  line-height: 1.5 !important;
  position: static !important;
  padding: 0 !important;
  margin: 0 !important;
}

[data-onlinemes-theme="aqua"] .checkbox-scroll .custom-control-label::before,
[data-onlinemes-theme="aqua"] .checkbox-scroll .custom-control-label::after {
  display: none !important;
}

/* ═══ FILTER QUICK ACTIONS ═══ */
[data-onlinemes-theme="aqua"] .filter-quick-actions {
  display: inline-flex !important;
  gap: 4px !important;
  align-items: center !important;
}

[data-onlinemes-theme="aqua"] .filter-quick-actions .btn {
  font-size: 9px !important;
  color: white !important;
  background: none !important;
  border: none !important;
  padding: 2px 6px !important;
  cursor: pointer !important;
  font-family: inherit !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  font-weight: 500 !important;
}

[data-onlinemes-theme="aqua"] .filter-quick-actions .btn:hover {
  color: var(--text-primary) !important;
}

[data-onlinemes-theme="aqua"] .filter-quick-actions .btn.btn-secondary.btn-sm {
  color: white !important;
}

[data-onlinemes-theme="aqua"] .filter-quick-actions .btn.btn-secondary.btn-sm:hover {
  color: var(--red) !important;
}

/* ═══ FORM LABELS (general) ═══ */
/* ═══ TABLE (general in cards) ═══ */
[data-onlinemes-theme="aqua"] .card .table {
  color: var(--text-body) !important;
  background: transparent !important;
}

[data-onlinemes-theme="aqua"] .card .table thead th {
  background: var(--bg-filter-hdr) !important;
  color: var(--text-dim) !important;
  border-bottom: 2px solid var(--border) !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  padding: 7px 10px !important;
}

[data-onlinemes-theme="aqua"] .card .table td {
  color: var(--text-body) !important;
  border-bottom: 1px solid var(--border) !important;
  padding: 6px 10px !important;
  font-size: 12px !important;
  vertical-align: middle !important;
}

[data-onlinemes-theme="aqua"] .card .table tbody tr:hover {
  background: var(--bg-row-hover) !important;
}

[data-onlinemes-theme="aqua"] .card .table tbody tr:nth-child(even) {
  background: var(--bg-row-even) !important;
}

/* ═══ SECTION DIVIDER ═══ */
[data-onlinemes-theme="aqua"] .section-divider {
  border-top: 1px solid var(--section-divider) !important;
}

/* ═══ SPINNER / LOADING ═══ */
[data-onlinemes-theme="aqua"] .spinner-border {
  color: var(--blue-lt) !important;
}

/* ═══ KEYFRAMES ═══ */
@keyframes fadeUp {
  from {
    opacity: 0;
    transform: translateY(8px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* ═══ COMMON SEARCH/FILTER SECTION STYLES ═══ */
[data-onlinemes-theme="aqua"] .search-section {
  border-left: 3px solid var(--blue);
  padding-left: 8px;
  margin-bottom: 0.5rem;
}

[data-onlinemes-theme="aqua"] .search-section-title {
  font-size: 0.75rem;
  font-weight: 600;
  color: var(--text-primary);
  margin-bottom: 0.25rem;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

[data-onlinemes-theme="aqua"] .filter-label {
  font-size: 0.7rem;
  color: var(--text-primary);
  margin-bottom: 0.1rem;
}

/* ═══ OPERATOR SECTION ═══ */
[data-onlinemes-theme="aqua"] .operator-section {
  background: var(--section-blue);
  border-radius: 6px;
  padding: 0.5rem;
  margin-bottom: 0.5rem;
}

[data-onlinemes-theme="aqua"] .operator-section .filter-label {
  color: var(--text-primary);
}

[data-onlinemes-theme="aqua"] .operator-section .form-select,
[data-onlinemes-theme="aqua"] .operator-section .form-control {
  background-color: var(--bg-input);
  border: none;
}

/* ═══ SEARCH BUTTON ═══ */
[data-onlinemes-theme="aqua"] .btn-search {
  background: var(--section-teal-accent);
  border: none;
  padding: 0.35rem 1.5rem;
  font-weight: 500;
  color: var(--text-on-accent);
  border-radius: 5px;
  font-size: 0.75rem;
  cursor: pointer;
  transition: filter .2s ease;
}

[data-onlinemes-theme="aqua"] .btn-search:hover {
  filter: brightness(1.08);
}

/* ═══ DATE FILTER GROUP ═══ */
[data-onlinemes-theme="aqua"] .date-filter-group {
  background-color: var(--alert-info-bg);
  border-radius: 6px;
  padding: 0.5rem;
  border: 1px solid var(--blue-lt);
}

/* ═══ QUICK SEARCH BOX ═══ */
[data-onlinemes-theme="aqua"] .quick-search-box {
  background-color: var(--bg-slate);
  border-radius: 6px;
  padding: 0.5rem;
  border: 1px solid var(--bg-slate);
}

/* ═══ COMMON CHECKBOX LIST STYLES ═══ */
[data-onlinemes-theme="aqua"] .checkbox-list-container {
  background: var(--bg-input);
  border: 1px solid var(--border);
  border-radius: 7px;
  max-height: 120px;
  overflow-y: auto;
  padding: 3px;
  scrollbar-width: thin;
  scrollbar-color: var(--scrollbar-thumb) transparent;
}

[data-onlinemes-theme="aqua"] .checkbox-list-container::-webkit-scrollbar {
  width: 3px;
}

[data-onlinemes-theme="aqua"] .checkbox-list-container::-webkit-scrollbar-thumb {
  background: var(--scrollbar-thumb);
  border-radius: 2px;
}

[data-onlinemes-theme="aqua"] .checkbox-list-container label {
  display: flex;
  align-items: center;
  font-size: 11.5px;
  font-weight: 400;
  color: var(--text-body);
  padding: 2px 6px;
  gap: 6px;
  border-radius: 4px;
  cursor: pointer;
  white-space: nowrap;
  margin: 0;
}

[data-onlinemes-theme="aqua"] .checkbox-list-container label:hover {
  background: var(--bg-filter-row);
}

[data-onlinemes-theme="aqua"] .checkbox-list-container input[type="checkbox"] {
  accent-color: var(--blue-lt);
  width: 13px;
  height: 13px;
  cursor: pointer;
  flex-shrink: 0;
  margin: 0;
}

/* ── checkbox-list (horizontal flex-wrap pattern) ─────────────── */
[data-onlinemes-theme="aqua"] .checkbox-list {
  display: flex;
  flex-wrap: wrap;
  gap: 10px
}

[data-onlinemes-theme="aqua"] .checkbox-list label {
  display: inline-flex;
  align-items: center;
  padding: 5px 10px;
  background: var(--bg-slate);
  border: 1px solid var(--border);
  border-radius: 5px;
  cursor: pointer;
  font-size: 12px;
  gap: 5px;
  color: var(--text-body);
  margin: 0;
  white-space: nowrap
}

[data-onlinemes-theme="aqua"] .checkbox-list label:hover {
  background: var(--bg-filter-row)
}

[data-onlinemes-theme="aqua"] .checkbox-list input[type="checkbox"] {
  accent-color: var(--blue-lt);
  width: 13px;
  height: 13px;
  cursor: pointer;
  flex-shrink: 0;
  margin: 0
}

/* ═══ MULTISELECT SECTION ═══ */
[data-onlinemes-theme="aqua"] .multiselect-section {
  background-color: var(--bg-highlight);
  border-radius: 6px;
  padding: 0.5rem;
  border: 1px solid var(--border-subtle);
}

/* ═══ LOCATION SECTION ═══ */
[data-onlinemes-theme="aqua"] .location-section {
  background-color: var(--alert-warning-bg);
  border-radius: 6px;
  padding: 0.5rem;
  border: 1px solid var(--accent);
}

[data-onlinemes-theme="aqua"] .location-section .filter-label {
  color: var(--text-primary);
}

/* ═══ GRID COMMON ═══ */
[data-onlinemes-theme="aqua"] .grid-input {
  font-size: 0.7rem;
  padding: 2px 4px;
  width: 60px;
  background: var(--bg-input);
  border: 1px solid var(--border);
  color: var(--text-input);
  border-radius: 4px;
}

[data-onlinemes-theme="aqua"] .grid-select {
  font-size: 0.7rem;
  padding: 2px 4px;
  max-width: 100px;
  background: var(--bg-input);
  border: 1px solid var(--border);
  color: var(--text-input);
  border-radius: 4px;
}

/* ═══ BG-GRADIENT UTILITIES ═══ */
[data-onlinemes-theme="aqua"] .bg-gradient-info {
  background: var(--section-blue-accent);
  color: var(--text-on-accent) !important;
}

[data-onlinemes-theme="aqua"] .bg-gradient-success {
  background: var(--section-teal-accent);
  color: var(--text-on-accent) !important;
}

[data-onlinemes-theme="aqua"] .bg-gradient-warning {
  background: linear-gradient(135deg, var(--accent), var(--accent));
  color: var(--text-on-accent) !important;
}

[data-onlinemes-theme="aqua"] .bg-gradient-warning .summary-label {
  color: var(--text-primary) !important
}

[data-onlinemes-theme="aqua"] .bg-gradient-secondary {
  background: linear-gradient(135deg, var(--text-dim), var(--text-dim));
  color: var(--text-on-accent) !important;
}

/* ═══ SHARED SURFACES: TABLES / SELECTS / HOTEL WRAPPERS ═══ */
[data-onlinemes-theme="aqua"] .paginated-results .table-responsive,
[data-onlinemes-theme="aqua"] .dataTables_wrapper {
  background: var(--bg-card) !important;
  border: 1px solid var(--border) !important;
  border-radius: 8px !important;
}

[data-onlinemes-theme="aqua"] .om-multiselect-toggle {
  background: var(--bg-input) !important;
  border-color: var(--border) !important;
  color: var(--text-input) !important;
}

[data-onlinemes-theme="aqua"] .om-multiselect-toggle:hover,
[data-onlinemes-theme="aqua"] .om-multiselect-toggle:focus,
[data-onlinemes-theme="aqua"] .om-multiselect-toggle:active {
  background: var(--bg-input) !important;
  border-color: var(--blue-lt) !important;
  box-shadow: 0 0 0 0.2rem var(--alert-info-bg) !important;
  color: var(--text-primary) !important;
}

[data-onlinemes-theme="aqua"] .om-multiselect-summary {
  color: inherit !important;
}

[data-onlinemes-theme="aqua"] .om-multiselect-badge {
  background: var(--count-bg) !important;
  color: var(--count-txt) !important;
}

[data-onlinemes-theme="aqua"] .om-multiselect-menu {
  background: var(--bg-card) !important;
  border-color: var(--border) !important;
  color: var(--text-body) !important;
}

[data-onlinemes-theme="aqua"] .om-multiselect-menu .form-check {
  border-radius: 6px;
  padding: 0.25rem 0.4rem;
}

[data-onlinemes-theme="aqua"] .om-multiselect-menu .form-check:hover {
  background: var(--bg-filter-row) !important;
}

[data-onlinemes-theme="aqua"] .om-multiselect-menu .form-check-label {
  color: var(--text-body) !important;
}

[data-onlinemes-theme="aqua"] .om-multiselect-menu .form-check-input {
  background-color: var(--bg-input) !important;
  border-color: var(--border) !important;
}

[data-onlinemes-theme="aqua"] .om-multiselect-menu .form-check-input:checked {
  background-color: var(--blue) !important;
  border-color: var(--blue) !important;
}

[data-onlinemes-theme="aqua"] .dataTables_wrapper .dataTables_length,
[data-onlinemes-theme="aqua"] .dataTables_wrapper .dataTables_filter,
[data-onlinemes-theme="aqua"] .dataTables_wrapper .dataTables_info,
[data-onlinemes-theme="aqua"] .dataTables_wrapper .dataTables_paginate {
  color: var(--text-dim) !important;
}

[data-onlinemes-theme="aqua"] .dataTables_wrapper .dataTables_length select,
[data-onlinemes-theme="aqua"] .dataTables_wrapper .dataTables_filter input {
  background: var(--bg-input) !important;
  border: 1px solid var(--border) !important;
  color: var(--text-input) !important;
}

[data-onlinemes-theme="aqua"] .dataTables_wrapper .dataTables_paginate .paginate_button {
  background: var(--pgbtn-bg) !important;
  border: 1px solid var(--border) !important;
  color: var(--pgbtn-txt) !important;
}

[data-onlinemes-theme="aqua"] .dataTables_wrapper .dataTables_paginate .paginate_button.current,
[data-onlinemes-theme="aqua"] .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover,
[data-onlinemes-theme="aqua"] .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  background: var(--blue) !important;
  border-color: var(--blue) !important;
  color: var(--text-on-accent) !important;
}

[data-onlinemes-theme="aqua"] .dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
[data-onlinemes-theme="aqua"] .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover {
  background: var(--bg-slate) !important;
  color: var(--text-dim) !important;
  border-color: var(--border) !important;
}

[data-onlinemes-theme="aqua"] .select2-container--bootstrap-5 .select2-selection,
[data-onlinemes-theme="aqua"] .select2-container--bootstrap-5 .select2-search--dropdown .select2-search__field,
[data-onlinemes-theme="aqua"] .select2-dropdown {
  background: var(--bg-input) !important;
  border-color: var(--border) !important;
  color: var(--text-input) !important;
}

[data-onlinemes-theme="aqua"] .select2-container--bootstrap-5 .select2-selection--single .select2-selection__rendered,
[data-onlinemes-theme="aqua"] .select2-container--bootstrap-5 .select2-selection--single .select2-selection__arrow,
[data-onlinemes-theme="aqua"] .select2-container--bootstrap-5 .select2-results__option,
[data-onlinemes-theme="aqua"] .select2-container--bootstrap-5 .select2-results__group {
  color: var(--text-body) !important;
}

[data-onlinemes-theme="aqua"] .select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__choice {
  background: var(--count-bg) !important;
  border-color: var(--border) !important;
  color: var(--count-txt) !important;
}

[data-onlinemes-theme="aqua"] .select2-container--bootstrap-5.select2-container--focus .select2-selection,
[data-onlinemes-theme="aqua"] .select2-container--bootstrap-5.select2-container--open .select2-selection {
  border-color: var(--blue-lt) !important;
  box-shadow: 0 0 0 0.2rem var(--alert-info-bg) !important;
}

[data-onlinemes-theme="aqua"] .select2-container--bootstrap-5 .select2-results__option--highlighted {
  background: var(--bg-filter-row) !important;
  color: var(--text-primary) !important;
}

[data-onlinemes-theme="aqua"] .hotel-tabs .nav-tabs {
  background: var(--bg-card) !important;
  border: 1px solid var(--border) !important;
  border-bottom: none !important;
}

[data-onlinemes-theme="aqua"] .hotel-tabs .nav-link {
  color: var(--text-dim) !important;
}

[data-onlinemes-theme="aqua"] .hotel-tabs .nav-link:hover {
  background: var(--bg-filter-row) !important;
  color: var(--blue-lt) !important;
}

[data-onlinemes-theme="aqua"] .hotel-tabs .nav-link.active {
  background: var(--bg-filter-hdr) !important;
  color: var(--text-primary) !important;
  border-color: var(--border) var(--border) var(--bg-card) var(--border) !important;
}

/* ═══ HOTEL FORECAST (Aqua-specific host overrides) ═══ */
[data-onlinemes-theme="aqua"] :is(.hotel-forecast-theme-host, .hotel-forecast2-theme-host, .hotel-forecast3-theme-host) .operator-section,
[data-onlinemes-theme="aqua"] :is(.hotel-forecast-theme-host, .hotel-forecast2-theme-host, .hotel-forecast3-theme-host) .inhouse-section,
[data-onlinemes-theme="aqua"] :is(.hotel-forecast-theme-host, .hotel-forecast2-theme-host, .hotel-forecast3-theme-host) .search-section {
  background: var(--bg-card) !important;
  border: 1px solid var(--border) !important;
  border-radius: 10px !important;
  box-shadow: var(--shadow) !important;
  color: var(--text-body) !important;
}

[data-onlinemes-theme="aqua"] :is(.hotel-forecast-theme-host, .hotel-forecast2-theme-host, .hotel-forecast3-theme-host) .operator-section {
  background: linear-gradient(135deg, rgba(111, 66, 193, 0.18) 0%, rgba(90, 50, 163, 0.12) 100%) !important;
  border-color: rgba(111, 66, 193, 0.3) !important;
}

[data-onlinemes-theme="aqua"] :is(.hotel-forecast-theme-host, .hotel-forecast2-theme-host, .hotel-forecast3-theme-host) .inhouse-section {
  background: var(--section-teal) !important;
  border-color: rgba(26, 188, 156, 0.22) !important;
}

[data-onlinemes-theme="aqua"] :is(.hotel-forecast-theme-host, .hotel-forecast2-theme-host, .hotel-forecast3-theme-host) .search-section {
  border-left: 4px solid var(--blue-lt) !important;
  padding: 12px !important;
}

[data-onlinemes-theme="aqua"] :is(.hotel-forecast-theme-host, .hotel-forecast2-theme-host, .hotel-forecast3-theme-host) :is(.search-section-title, .filter-label) {
  color: var(--text-primary) !important;
}

[data-onlinemes-theme="aqua"] :is(.hotel-forecast-theme-host, .hotel-forecast2-theme-host, .hotel-forecast3-theme-host) .summary-label {
  color: var(--text-body) !important;
}

[data-onlinemes-theme="aqua"] :is(.hotel-forecast-theme-host, .hotel-forecast2-theme-host, .hotel-forecast3-theme-host) .search-section-title {
  font-size: 0.75rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}

[data-onlinemes-theme="aqua"] :is(.hotel-forecast-theme-host, .hotel-forecast2-theme-host, .hotel-forecast3-theme-host) .filter-label {
  font-size: 0.72rem !important;
  font-weight: 600 !important;
}

[data-onlinemes-theme="aqua"] :is(.hotel-forecast-theme-host, .hotel-forecast2-theme-host, .hotel-forecast3-theme-host) .tag-filters,
[data-onlinemes-theme="aqua"] :is(.hotel-forecast-theme-host, .hotel-forecast2-theme-host, .hotel-forecast3-theme-host) .date-filter-group {
  background: var(--bg-card-alt) !important;
  border: 1px solid var(--border) !important;
  border-radius: 8px !important;
  color: var(--text-body) !important;
}

[data-onlinemes-theme="aqua"] :is(.hotel-forecast-theme-host, .hotel-forecast2-theme-host, .hotel-forecast3-theme-host) .date-filter-group {
  background: linear-gradient(135deg, rgba(240, 168, 48, 0.15) 0%, rgba(243, 156, 18, 0.10) 100%) !important;
  border-color: rgba(240, 168, 48, 0.3) !important;
}

[data-onlinemes-theme="aqua"] :is(.hotel-forecast-theme-host, .hotel-forecast2-theme-host, .hotel-forecast3-theme-host) .summary-card,
[data-onlinemes-theme="aqua"] :is(.hotel-forecast-theme-host, .hotel-forecast2-theme-host, .hotel-forecast3-theme-host) .summary-item {
  background: var(--bg-card) !important;
  border: 1px solid var(--border) !important;
  color: var(--text-body) !important;
}

[data-onlinemes-theme="aqua"] :is(.hotel-forecast-theme-host, .hotel-forecast2-theme-host, .hotel-forecast3-theme-host) .summary-card {
  border-radius: 12px !important;
  box-shadow: var(--shadow) !important;
}

[data-onlinemes-theme="aqua"] :is(.hotel-forecast-theme-host, .hotel-forecast2-theme-host, .hotel-forecast3-theme-host) .summary-item {
  border-radius: 8px !important;
}

[data-onlinemes-theme="aqua"] :is(.hotel-forecast-theme-host, .hotel-forecast2-theme-host, .hotel-forecast3-theme-host) .summary-value {
  color: var(--text-primary) !important;
  font-weight: 700 !important;
}

[data-onlinemes-theme="aqua"] :is(.hotel-forecast-theme-host, .hotel-forecast2-theme-host, .hotel-forecast3-theme-host) .forecast-grid {
  background: var(--bg-card) !important;
  border: 1px solid var(--border) !important;
  color: var(--text-body) !important;
}

[data-onlinemes-theme="aqua"] :is(.hotel-forecast-theme-host, .hotel-forecast2-theme-host, .hotel-forecast3-theme-host) .forecast-grid th,
[data-onlinemes-theme="aqua"] :is(.hotel-forecast-theme-host, .hotel-forecast2-theme-host, .hotel-forecast3-theme-host) .forecast-grid td {
  border-color: var(--border) !important;
}

[data-onlinemes-theme="aqua"] :is(.hotel-forecast-theme-host, .hotel-forecast2-theme-host, .hotel-forecast3-theme-host) .forecast-grid th {
  background: var(--bg-filter-hdr) !important;
  color: var(--text-dim) !important;
}

[data-onlinemes-theme="aqua"] :is(.hotel-forecast-theme-host, .hotel-forecast2-theme-host, .hotel-forecast3-theme-host) .forecast-grid td {
  background: var(--bg-card) !important;
  color: var(--text-body) !important;
}

[data-onlinemes-theme="aqua"] :is(.hotel-forecast-theme-host, .hotel-forecast2-theme-host, .hotel-forecast3-theme-host) .forecast-grid tbody tr:nth-child(even) td {
  background: var(--bg-row-even) !important;
}

[data-onlinemes-theme="aqua"] :is(.hotel-forecast-theme-host, .hotel-forecast2-theme-host, .hotel-forecast3-theme-host) .forecast-grid tbody tr:hover td {
  background: var(--bg-row-hover) !important;
}

[data-onlinemes-theme="aqua"] :is(.hotel-forecast-theme-host, .hotel-forecast2-theme-host, .hotel-forecast3-theme-host) .sold-cell {
  background: var(--alert-warning-bg) !important;
  color: var(--accent) !important;
  font-weight: 700 !important;
}

[data-onlinemes-theme="aqua"] :is(.hotel-forecast-theme-host, .hotel-forecast2-theme-host, .hotel-forecast3-theme-host) .overbooked {
  background: var(--alert-danger-bg) !important;
  color: var(--red) !important;
  font-weight: 700 !important;
}

[data-onlinemes-theme="aqua"] :is(.hotel-forecast-theme-host, .hotel-forecast2-theme-host, .hotel-forecast3-theme-host) .price-cell {
  color: var(--blue-lt) !important;
  font-weight: 700 !important;
}

[data-onlinemes-theme="aqua"] :is(.hotel-forecast-theme-host, .hotel-forecast2-theme-host, .hotel-forecast3-theme-host) .total-row,
[data-onlinemes-theme="aqua"] :is(.hotel-forecast-theme-host, .hotel-forecast2-theme-host, .hotel-forecast3-theme-host) .forecast-grid tr.total-row td,
[data-onlinemes-theme="aqua"] :is(.hotel-forecast-theme-host, .hotel-forecast2-theme-host, .hotel-forecast3-theme-host) .forecast-grid td.total-row {
  background: var(--alert-success-bg) !important;
  color: var(--text-primary) !important;
  font-weight: 700 !important;
}

[data-onlinemes-theme="aqua"] :is(.hotel-forecast-theme-host, .hotel-forecast2-theme-host, .hotel-forecast3-theme-host) .grand-total-row,
[data-onlinemes-theme="aqua"] :is(.hotel-forecast-theme-host, .hotel-forecast2-theme-host, .hotel-forecast3-theme-host) .forecast-grid tr.grand-total-row td {
  background: var(--bg-nav) !important;
  color: var(--text-primary) !important;
  font-weight: 700 !important;
}

[data-onlinemes-theme="aqua"] :is(.hotel-forecast-theme-host, .hotel-forecast2-theme-host, .hotel-forecast3-theme-host) .card.shadow-sm>.card-header.bg-white {
  background: var(--bg-header) !important;
  border-bottom: 1px solid var(--border) !important;
  color: var(--text-primary) !important;
}

[data-onlinemes-theme="aqua"] :is(.hotel-forecast-theme-host, .hotel-forecast2-theme-host, .hotel-forecast3-theme-host) .searchable-select-display,
[data-onlinemes-theme="aqua"] :is(.hotel-forecast-theme-host, .hotel-forecast2-theme-host, .hotel-forecast3-theme-host) .searchable-select input.form-control,
[data-onlinemes-theme="aqua"] :is(.hotel-forecast-theme-host, .hotel-forecast2-theme-host, .hotel-forecast3-theme-host) .input-group-text {
  background: var(--bg-input) !important;
  border-color: var(--border) !important;
  color: var(--text-input) !important;
}

[data-onlinemes-theme="aqua"] :is(.hotel-forecast-theme-host, .hotel-forecast2-theme-host, .hotel-forecast3-theme-host) .searchable-select-display .text-muted {
  color: var(--text-body) !important;
}


[data-onlinemes-theme="aqua"] :is(.hotel-forecast-theme-host, .hotel-forecast2-theme-host, .hotel-forecast3-theme-host) .searchable-select-display,
[data-onlinemes-theme="aqua"] :is(.hotel-forecast-theme-host, .hotel-forecast2-theme-host, .hotel-forecast3-theme-host) .searchable-select input.form-control {
  box-shadow: none !important;
}

[data-onlinemes-theme="aqua"] :is(.hotel-forecast-theme-host, .hotel-forecast2-theme-host, .hotel-forecast3-theme-host) .searchable-select input.form-control:focus,
[data-onlinemes-theme="aqua"] :is(.hotel-forecast-theme-host, .hotel-forecast2-theme-host, .hotel-forecast3-theme-host) .searchable-select-display:focus,
[data-onlinemes-theme="aqua"] :is(.hotel-forecast-theme-host, .hotel-forecast2-theme-host, .hotel-forecast3-theme-host) .searchable-select-display:focus-visible {
  border-color: var(--blue-lt) !important;
  box-shadow: 0 0 0 0.2rem var(--alert-info-bg) !important;
  outline: 0 !important;
}

[data-onlinemes-theme="aqua"] :is(.hotel-forecast-theme-host, .hotel-forecast2-theme-host, .hotel-forecast3-theme-host) .searchable-select-dropdown {
  background: var(--bg-card) !important;
  border: 1px solid var(--border) !important;
  box-shadow: var(--shadow) !important;
}

[data-onlinemes-theme="aqua"] :is(.hotel-forecast-theme-host, .hotel-forecast2-theme-host, .hotel-forecast3-theme-host) .searchable-select-item {
  background: transparent !important;
  color: var(--text-body) !important;
}

[data-onlinemes-theme="aqua"] :is(.hotel-forecast-theme-host, .hotel-forecast2-theme-host, .hotel-forecast3-theme-host) .searchable-select-item:hover,
[data-onlinemes-theme="aqua"] :is(.hotel-forecast-theme-host, .hotel-forecast2-theme-host, .hotel-forecast3-theme-host) .searchable-select-item.active {
  background: var(--bg-filter-row) !important;
  color: var(--text-primary) !important;
}

[data-onlinemes-theme="aqua"] :is(.hotel-forecast-theme-host, .hotel-forecast2-theme-host, .hotel-forecast3-theme-host) .form-check-input {
  background-color: var(--bg-input) !important;
  border-color: var(--border) !important;
}

[data-onlinemes-theme="aqua"] :is(.hotel-forecast-theme-host, .hotel-forecast2-theme-host, .hotel-forecast3-theme-host) .form-check-input:checked {
  background-color: var(--blue-lt) !important;
  border-color: var(--blue-lt) !important;
}

[data-onlinemes-theme="aqua"] :is(.hotel-forecast-theme-host, .hotel-forecast2-theme-host, .hotel-forecast3-theme-host) .form-check-input:focus {
  border-color: var(--blue-lt) !important;
  box-shadow: 0 0 0 0.2rem var(--alert-info-bg) !important;
}

[data-onlinemes-theme="aqua"] :is(.hotel-forecast-theme-host, .hotel-forecast2-theme-host, .hotel-forecast3-theme-host) .badge.bg-info {
  background: var(--count-bg) !important;
  color: var(--count-txt) !important;
}

[data-onlinemes-theme="aqua"] :is(.hotel-forecast-theme-host, .hotel-forecast2-theme-host, .hotel-forecast3-theme-host) .badge.bg-secondary {
  background: var(--bg-slate) !important;
  color: var(--text-body) !important;
  border: 1px solid var(--border) !important;
}

[data-onlinemes-theme="aqua"] .hotel-forecast-theme-host .forecast-grid thead th[style*="background: #f8f9fa"],
[data-onlinemes-theme="aqua"] .hotel-forecast-theme-host .forecast-grid thead th[style*="background: #e9ecef"],
[data-onlinemes-theme="aqua"] .hotel-forecast-theme-host .forecast-grid thead th[style*="background: #fff3cd"],
[data-onlinemes-theme="aqua"] .hotel-forecast-theme-host .forecast-grid thead th[style*="background: #d4edda"] {
  background: var(--bg-filter-hdr) !important;
  color: var(--text-dim) !important;
  border-color: var(--border) !important;
}

[data-onlinemes-theme="aqua"] .hotel-forecast-theme-host .forecast-grid td.hotel-name[style*="background: white"] {
  background: var(--bg-card-alt) !important;
  color: var(--text-primary) !important;
}

[data-onlinemes-theme="aqua"] .hotel-forecast-theme-host .forecast-grid td.total-row[style*="background: #c3e6cb"] {
  background: var(--alert-success-bg) !important;
  color: var(--text-primary) !important;
}

[data-onlinemes-theme="aqua"] .hotel-forecast-theme-host .forecast-grid tr.grand-total-row td[style*="background: #343a40"] {
  background: var(--bg-nav) !important;
  color: var(--text-primary) !important;
  border-color: var(--border) !important;
}

/* Forecast 2 specific Aqua overrides */
[data-onlinemes-theme="aqua"] .hotel-forecast2-theme-host .report-options {
  background: var(--section-teal) !important;
  border: 1px solid rgba(26, 188, 156, 0.22) !important;
  border-radius: 10px !important;
  box-shadow: var(--shadow) !important;
  color: var(--text-body) !important;
  padding: 12px !important;
}

[data-onlinemes-theme="aqua"] .hotel-forecast2-theme-host .report-options .filter-label {
  color: var(--text-primary) !important;
}

[data-onlinemes-theme="aqua"] .hotel-forecast2-theme-host .forecast-grid .entity-name {
  background: var(--bg-card-alt) !important;
  color: var(--text-primary) !important;
  font-weight: 500 !important;
  text-align: left !important;
  white-space: nowrap !important;
}

[data-onlinemes-theme="aqua"] .hotel-forecast2-theme-host .forecast-grid .value-cell {
  background: var(--alert-info-bg) !important;
  color: var(--text-primary) !important;
}

[data-onlinemes-theme="aqua"] .hotel-forecast2-theme-host .forecast-grid .total-cell {
  background: var(--bg-filter-hdr) !important;
  color: var(--text-primary) !important;
  font-weight: 700 !important;
}

[data-onlinemes-theme="aqua"] .hotel-forecast2-theme-host .forecast-grid .grand-total-row,
[data-onlinemes-theme="aqua"] .hotel-forecast2-theme-host .forecast-grid tr.grand-total-row td {
  background: var(--bg-nav) !important;
  color: var(--text-primary) !important;
  font-weight: 700 !important;
}

[data-onlinemes-theme="aqua"] .hotel-forecast2-theme-host .forecast-grid thead th[style*="background: #f8f9fa"],
[data-onlinemes-theme="aqua"] .hotel-forecast2-theme-host .forecast-grid thead th[style*="background: #e9ecef"] {
  background: var(--bg-filter-hdr) !important;
  color: var(--text-dim) !important;
  border-color: var(--border) !important;
}

[data-onlinemes-theme="aqua"] .hotel-forecast2-theme-host .forecast-grid td.entity-name[style*="background: white"] {
  background: var(--bg-card-alt) !important;
  color: var(--text-primary) !important;
}

[data-onlinemes-theme="aqua"] .hotel-forecast2-theme-host .forecast-grid tr.grand-total-row td[style*="background: #343a40"],
[data-onlinemes-theme="aqua"] .hotel-forecast2-theme-host .forecast-grid .grand-total-row>td[style*="background: #343a40"] {
  background: var(--bg-nav) !important;
  color: var(--text-primary) !important;
  border-color: var(--border) !important;
}

/* Forecast 3 specific Aqua overrides */
[data-onlinemes-theme="aqua"] .hotel-forecast3-theme-host .confirmation-filters {
  background: var(--alert-info-bg) !important;
  border: 1px solid rgba(58, 159, 216, 0.28) !important;
  border-radius: 10px !important;
  box-shadow: var(--shadow) !important;
  color: var(--text-body) !important;
}

[data-onlinemes-theme="aqua"] .hotel-forecast3-theme-host .report-options {
  background: var(--section-teal) !important;
  border: 1px solid rgba(26, 188, 156, 0.22) !important;
  border-radius: 10px !important;
  box-shadow: var(--shadow) !important;
  color: var(--text-body) !important;
  padding: 12px !important;
}

[data-onlinemes-theme="aqua"] .hotel-forecast3-theme-host .report-options .filter-label {
  color: var(--text-primary) !important;
}

[data-onlinemes-theme="aqua"] .hotel-forecast3-theme-host .card {
  background: var(--bg-card) !important;
  border: 1px solid var(--border) !important;
  box-shadow: var(--shadow) !important;
  color: var(--text-body) !important;
}

[data-onlinemes-theme="aqua"] .hotel-forecast3-theme-host .card-header.bg-info.text-white {
  background: var(--section-blue-accent) !important;
  color: var(--text-on-accent) !important;
  border-bottom: 1px solid rgba(58, 159, 216, 0.22) !important;
}

[data-onlinemes-theme="aqua"] .hotel-forecast3-theme-host .card-header.bg-success.text-white {
  background: var(--section-teal-accent) !important;
  color: var(--text-on-accent) !important;
  border-bottom: 1px solid rgba(26, 188, 156, 0.22) !important;
}

[data-onlinemes-theme="aqua"] .hotel-forecast3-theme-host .card-header.bg-warning {
  background: linear-gradient(135deg, var(--accent), var(--accent)) !important;
  color: var(--text-on-accent) !important;
  border-bottom: 1px solid rgba(240, 168, 48, 0.24) !important;
}

[data-onlinemes-theme="aqua"] .hotel-forecast3-theme-host .card-header.bg-secondary.text-white {
  background: linear-gradient(135deg, var(--text-dim), var(--bg-nav)) !important;
  color: var(--text-on-accent) !important;
  border-bottom: 1px solid var(--border) !important;
}

[data-onlinemes-theme="aqua"] .hotel-forecast3-theme-host .table.table-sm.table-striped,
[data-onlinemes-theme="aqua"] .hotel-forecast3-theme-host .table.table-bordered.table-striped.table-hover.table-sm {
  background: var(--bg-card) !important;
  color: var(--text-body) !important;
  border-color: var(--border) !important;
}

[data-onlinemes-theme="aqua"] .hotel-forecast3-theme-host .table.table-sm.table-striped> :not(caption)>*>*,
[data-onlinemes-theme="aqua"] .hotel-forecast3-theme-host .table.table-bordered.table-striped.table-hover.table-sm> :not(caption)>*>* {
  background: var(--bg-card) !important;
  color: var(--text-body) !important;
  border-color: var(--border) !important;
}

[data-onlinemes-theme="aqua"] .hotel-forecast3-theme-host .table.table-sm.table-striped tbody tr:nth-child(odd)>*,
[data-onlinemes-theme="aqua"] .hotel-forecast3-theme-host .table.table-bordered.table-striped.table-hover.table-sm tbody tr:nth-child(odd)>* {
  background: var(--bg-row-even) !important;
}

[data-onlinemes-theme="aqua"] .hotel-forecast3-theme-host .table.table-bordered.table-striped.table-hover.table-sm tbody tr:hover>* {
  background: var(--bg-row-hover) !important;
}

[data-onlinemes-theme="aqua"] .hotel-forecast3-theme-host thead.table-dark>tr>th {
  background: var(--bg-filter-hdr) !important;
  color: var(--text-dim) !important;
  border-color: var(--border) !important;
}

[data-onlinemes-theme="aqua"] .hotel-forecast3-theme-host tfoot.table-secondary>tr>th,
[data-onlinemes-theme="aqua"] .hotel-forecast3-theme-host tfoot.table-secondary>tr>td {
  background: var(--bg-card-alt) !important;
  color: var(--text-primary) !important;
  border-color: var(--border) !important;
}

[data-onlinemes-theme="aqua"] .hotel-forecast3-theme-host .table-active>th,
[data-onlinemes-theme="aqua"] .hotel-forecast3-theme-host .table-active>td,
[data-onlinemes-theme="aqua"] .hotel-forecast3-theme-host tr.table-active>th,
[data-onlinemes-theme="aqua"] .hotel-forecast3-theme-host tr.table-active>td {
  background: var(--alert-info-bg) !important;
  color: var(--text-primary) !important;
}

[data-onlinemes-theme="aqua"] .hotel-forecast3-theme-host .text-profit-pos {
  color: var(--teal) !important;
}

[data-onlinemes-theme="aqua"] .hotel-forecast3-theme-host .text-profit-neg {
  color: var(--red) !important;
}

[data-onlinemes-theme="aqua"] .hotel-forecast3-theme-host .text-profit-neu {
  color: var(--text-dim) !important;
}

/* ═══ RESERVATIONS NAV PAGES: UNIFIED SPACING + SURFACES ═══ */
[data-onlinemes-theme="aqua"] :is(.price-search-theme-host,
  .reservation-list-theme-host,
  .reservations-theme-host,
  .hotel-list-theme-host,
  .extra-report-theme-host,
  .hotel-forecast-theme-host,
  .hotel-forecast2-theme-host,
  .hotel-forecast3-theme-host,
  .rez-hotel-forecast-block-theme-host) {
  --reservation-page-gap: var(--nav-page-gap);
  --reservation-page-pad: var(--nav-page-pad);
  --reservation-page-top-space: var(--nav-page-top-space);
  --reservation-page-surface: var(--nav-page-surface);
  --reservation-page-surface-alt: var(--nav-page-surface-alt);
  --reservation-page-header-surface: var(--nav-page-header-surface);
  --reservation-page-shell-radius: var(--nav-page-shell-radius);
  --reservation-page-cta-bg: var(--nav-page-cta-bg);
  --reservation-page-cta-shadow: var(--nav-page-cta-shadow);
  --reservation-page-title-font: var(--nav-page-title-font);
}

[data-onlinemes-theme="aqua"] :is(.price-search-theme-host,
  .reservation-list-theme-host,
  .reservations-theme-host,
  .hotel-list-theme-host,
  .extra-report-theme-host,
  .hotel-forecast-theme-host,
  .hotel-forecast2-theme-host,
  .hotel-forecast3-theme-host,
  .rez-hotel-forecast-block-theme-host) :is(.content-wrapper, .content) {
  background: transparent !important;
}

[data-onlinemes-theme="aqua"] :is(.price-search-theme-host,
  .reservation-list-theme-host,
  .reservations-theme-host,
  .hotel-list-theme-host,
  .extra-report-theme-host,
  .hotel-forecast-theme-host,
  .hotel-forecast2-theme-host,
  .hotel-forecast3-theme-host,
  .rez-hotel-forecast-block-theme-host) :is(.container, .container-fluid) {
  padding-top: var(--reservation-page-top-space) !important;
  padding-bottom: var(--reservation-page-gap) !important;
}

[data-onlinemes-theme="aqua"] :is(.price-search-theme-host,
  .reservation-list-theme-host,
  .reservations-theme-host,
  .hotel-list-theme-host,
  .extra-report-theme-host,
  .hotel-forecast-theme-host,
  .hotel-forecast2-theme-host,
  .hotel-forecast3-theme-host,
  .rez-hotel-forecast-block-theme-host) :is(.btn-search, .btn-primary, .btn-success) {
  background: var(--reservation-page-cta-bg) !important;
  border: 1px solid transparent !important;
  border-radius: 10px !important;
  box-shadow: var(--reservation-page-cta-shadow) !important;
  color: var(--text-on-accent) !important;
  font-size: 0.78rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.01em !important;
  padding: 0.48rem 1.05rem !important;
  transition: transform .18s ease, box-shadow .18s ease, filter .18s ease !important;
}

[data-onlinemes-theme="aqua"] :is(.price-search-theme-host,
  .reservation-list-theme-host,
  .reservations-theme-host,
  .hotel-list-theme-host,
  .extra-report-theme-host,
  .hotel-forecast-theme-host,
  .hotel-forecast2-theme-host,
  .hotel-forecast3-theme-host,
  .rez-hotel-forecast-block-theme-host) :is(.btn-search, .btn-primary, .btn-success):hover {
  box-shadow: 0 14px 26px rgba(23, 165, 137, 0.24) !important;
  filter: brightness(1.04) !important;
  transform: translateY(-1px) !important;
}

[data-onlinemes-theme="aqua"] :is(.price-search-theme-host,
  .reservation-list-theme-host,
  .reservations-theme-host,
  .hotel-list-theme-host,
  .extra-report-theme-host,
  .hotel-forecast-theme-host,
  .hotel-forecast2-theme-host,
  .hotel-forecast3-theme-host,
  .rez-hotel-forecast-block-theme-host) :is(.btn-search, .btn-primary, .btn-success, .btn-outline-success, .btn-outline-secondary, .btn-outline-primary, .btn-outline-danger, .btn-secondary):focus-visible {
  box-shadow: 0 0 0 0.2rem rgba(41, 121, 176, 0.18) !important;
  outline: none !important;
}

[data-onlinemes-theme="aqua"] :is(.price-search-theme-host,
  .reservation-list-theme-host,
  .reservations-theme-host,
  .hotel-list-theme-host,
  .extra-report-theme-host,
  .hotel-forecast-theme-host,
  .hotel-forecast2-theme-host,
  .hotel-forecast3-theme-host,
  .rez-hotel-forecast-block-theme-host) :is(.btn-outline-success, .btn-outline-secondary, .btn-outline-primary, .btn-outline-danger, .btn-secondary) {
  background: var(--reservation-page-surface-alt) !important;
  border-radius: 10px !important;
  box-shadow: none !important;
  font-size: 0.74rem !important;
  font-weight: 600 !important;
  padding: 0.25rem 0.55rem !important;
  transition: background .18s ease, color .18s ease, border-color .18s ease, transform .18s ease !important;
}

[data-onlinemes-theme="aqua"] :is(.price-search-theme-host,
  .reservation-list-theme-host,
  .reservations-theme-host,
  .hotel-list-theme-host,
  .extra-report-theme-host,
  .hotel-forecast-theme-host,
  .hotel-forecast2-theme-host,
  .hotel-forecast3-theme-host,
  .rez-hotel-forecast-block-theme-host) .btn-outline-success {
  border-color: rgba(23, 165, 137, 0.28) !important;
  color: var(--teal) !important;
}

[data-onlinemes-theme="aqua"] :is(.price-search-theme-host,
  .reservation-list-theme-host,
  .reservations-theme-host,
  .hotel-list-theme-host,
  .extra-report-theme-host,
  .hotel-forecast-theme-host,
  .hotel-forecast2-theme-host,
  .hotel-forecast3-theme-host,
  .rez-hotel-forecast-block-theme-host) .btn-outline-success:hover {
  background: rgba(23, 165, 137, 0.12) !important;
  border-color: var(--teal) !important;
  color: var(--teal) !important;
  transform: translateY(-1px) !important;
}

[data-onlinemes-theme="aqua"] :is(.price-search-theme-host,
  .reservation-list-theme-host,
  .reservations-theme-host,
  .hotel-list-theme-host,
  .extra-report-theme-host,
  .hotel-forecast-theme-host,
  .hotel-forecast2-theme-host,
  .hotel-forecast3-theme-host,
  .rez-hotel-forecast-block-theme-host) :is(.btn-outline-secondary, .btn-secondary) {
  border: 1px solid var(--border) !important;
  color: var(--text-primary) !important;
}

[data-onlinemes-theme="aqua"] :is(.price-search-theme-host,
  .reservation-list-theme-host,
  .reservations-theme-host,
  .hotel-list-theme-host,
  .extra-report-theme-host,
  .hotel-forecast-theme-host,
  .hotel-forecast2-theme-host,
  .hotel-forecast3-theme-host,
  .rez-hotel-forecast-block-theme-host) :is(.btn-outline-secondary, .btn-secondary):hover {
  background: var(--reservation-page-header-surface) !important;
  border-color: var(--border) !important;
  color: var(--text-primary) !important;
  transform: translateY(-1px) !important;
}

[data-onlinemes-theme="aqua"] :is(.price-search-theme-host,
  .reservation-list-theme-host,
  .reservations-theme-host,
  .hotel-list-theme-host,
  .extra-report-theme-host,
  .hotel-forecast-theme-host,
  .hotel-forecast2-theme-host,
  .hotel-forecast3-theme-host,
  .rez-hotel-forecast-block-theme-host) .btn-outline-primary {
  border-color: rgba(41, 121, 176, 0.28) !important;
  color: var(--blue) !important;
}

[data-onlinemes-theme="aqua"] :is(.price-search-theme-host,
  .reservation-list-theme-host,
  .reservations-theme-host,
  .hotel-list-theme-host,
  .extra-report-theme-host,
  .hotel-forecast-theme-host,
  .hotel-forecast2-theme-host,
  .hotel-forecast3-theme-host,
  .rez-hotel-forecast-block-theme-host) .btn-outline-primary:hover {
  background: rgba(41, 121, 176, 0.12) !important;
  border-color: var(--blue) !important;
  color: var(--blue) !important;
  transform: translateY(-1px) !important;
}

[data-onlinemes-theme="aqua"] :is(.price-search-theme-host,
  .reservation-list-theme-host,
  .reservations-theme-host,
  .hotel-list-theme-host,
  .extra-report-theme-host,
  .hotel-forecast-theme-host,
  .hotel-forecast2-theme-host,
  .hotel-forecast3-theme-host,
  .rez-hotel-forecast-block-theme-host) .btn-outline-danger {
  border-color: rgba(192, 57, 43, 0.24) !important;
  color: var(--red) !important;
}

[data-onlinemes-theme="aqua"] :is(.price-search-theme-host,
  .reservation-list-theme-host,
  .reservations-theme-host,
  .hotel-list-theme-host,
  .extra-report-theme-host,
  .hotel-forecast-theme-host,
  .hotel-forecast2-theme-host,
  .hotel-forecast3-theme-host,
  .rez-hotel-forecast-block-theme-host) .btn-outline-danger:hover {
  background: rgba(192, 57, 43, 0.1) !important;
  border-color: var(--red) !important;
  color: var(--red) !important;
  transform: translateY(-1px) !important;
}

[data-onlinemes-theme="aqua"] :is(.price-search-theme-host,
  .reservation-list-theme-host,
  .reservations-theme-host,
  .hotel-list-theme-host,
  .extra-report-theme-host,
  .hotel-forecast-theme-host,
  .hotel-forecast2-theme-host,
  .hotel-forecast3-theme-host,
  .rez-hotel-forecast-block-theme-host) .btn-tool {
  background: transparent !important;
  border: 0 !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  color: var(--text-dim) !important;
}

[data-onlinemes-theme="aqua"] :is(.price-search-theme-host,
  .reservation-list-theme-host,
  .reservations-theme-host,
  .hotel-list-theme-host,
  .extra-report-theme-host,
  .hotel-forecast-theme-host,
  .hotel-forecast2-theme-host,
  .hotel-forecast3-theme-host,
  .rez-hotel-forecast-block-theme-host) .btn-tool:hover {
  background: rgba(41, 121, 176, 0.08) !important;
  color: var(--text-primary) !important;
}

[data-onlinemes-theme="aqua"] :is(.price-search-theme-host,
  .reservation-list-theme-host,
  .reservations-theme-host,
  .hotel-list-theme-host,
  .extra-report-theme-host,
  .hotel-forecast-theme-host,
  .hotel-forecast2-theme-host,
  .hotel-forecast3-theme-host,
  .rez-hotel-forecast-block-theme-host) :is(.card.card-primary, .card.shadow-sm) {
  background: var(--reservation-page-surface) !important;
  border: 1px solid var(--border) !important;
  border-radius: 12px !important;
  box-shadow: var(--shadow) !important;
  color: var(--text-body) !important;
  margin-bottom: var(--reservation-page-gap) !important;
}

[data-onlinemes-theme="aqua"] :is(.price-search-theme-host,
  .reservation-list-theme-host,
  .reservations-theme-host,
  .hotel-list-theme-host,
  .extra-report-theme-host,
  .hotel-forecast-theme-host,
  .hotel-forecast2-theme-host,
  .hotel-forecast3-theme-host,
  .rez-hotel-forecast-block-theme-host) :is(.card.card-primary > .card-header, .card.shadow-sm > .card-header, .card.shadow-sm > .card-header.bg-white, .card.shadow-sm > .card-header.bg-light) {
  align-items: center !important;
  background: var(--reservation-page-header-surface) !important;
  border-bottom: 1px solid var(--border) !important;
  color: var(--text-primary) !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 0.75rem !important;
  padding: 0.75rem var(--reservation-page-pad) !important;
}

[data-onlinemes-theme="aqua"] :is(.price-search-theme-host,
  .reservation-list-theme-host,
  .reservations-theme-host,
  .hotel-list-theme-host,
  .extra-report-theme-host,
  .hotel-forecast-theme-host,
  .hotel-forecast2-theme-host,
  .hotel-forecast3-theme-host,
  .rez-hotel-forecast-block-theme-host) :is(.card.card-primary, .card.shadow-sm)> :is(.card-body, .card-footer) {
  background: var(--reservation-page-surface) !important;
  color: var(--text-body) !important;
  padding: var(--reservation-page-pad) !important;
}

[data-onlinemes-theme="aqua"] :is(.price-search-theme-host,
  .reservation-list-theme-host,
  .reservations-theme-host,
  .hotel-list-theme-host,
  .extra-report-theme-host,
  .hotel-forecast-theme-host,
  .hotel-forecast2-theme-host,
  .hotel-forecast3-theme-host,
  .rez-hotel-forecast-block-theme-host) :is(.card-title, h3.card-title, h4.mb-0, h5, h6) {
  align-items: center !important;
  color: var(--text-primary) !important;
  display: inline-flex !important;
  font-family: var(--reservation-page-title-font) !important;
  font-size: 0.95rem !important;
  font-weight: 600 !important;
  gap: 0.5rem !important;
  letter-spacing: 0.02em !important;
  line-height: 1.2 !important;
  margin: 0 !important;
}

[data-onlinemes-theme="aqua"] :is(.price-search-theme-host,
  .reservation-list-theme-host,
  .reservations-theme-host,
  .hotel-list-theme-host,
  .extra-report-theme-host,
  .hotel-forecast-theme-host,
  .hotel-forecast2-theme-host,
  .hotel-forecast3-theme-host,
  .rez-hotel-forecast-block-theme-host) :is(.card-title, h3.card-title, h4.mb-0) i {
  color: var(--teal) !important;
  font-size: 0.92em !important;
}

[data-onlinemes-theme="aqua"] :is(.price-search-theme-host,
  .reservation-list-theme-host,
  .reservations-theme-host,
  .hotel-list-theme-host,
  .extra-report-theme-host,
  .hotel-forecast-theme-host,
  .hotel-forecast2-theme-host,
  .hotel-forecast3-theme-host,
  .rez-hotel-forecast-block-theme-host) :is(.table-responsive, .alert, .empty-state, [class*="empty-state"]) {
  background: var(--reservation-page-surface) !important;
  border: 1px solid var(--border) !important;
  border-radius: 12px !important;
  box-shadow: var(--shadow) !important;
  color: var(--text-body) !important;
}

[data-onlinemes-theme="aqua"] :is(.transfer-price-search-theme-host,
  .price-search-theme-host,
  .reservation-list-theme-host,
  .reservations-theme-host,
  .hotel-list-theme-host,
  .extra-report-theme-host,
  .rez-hotel-forecast-block-theme-host) {
  --reservation-panel-bg: var(--reservation-page-surface-alt, var(--bg-card-alt));
  --reservation-panel-border-color: var(--border);
  --reservation-panel-radius: 10px;
  --reservation-panel-shadow: none;
  --reservation-panel-padding: var(--reservation-page-pad, 0.875rem);
  --reservation-panel-margin-bottom: var(--reservation-page-gap, 0.75rem);
  --reservation-panel-color: var(--text-body);
  --reservation-filter-header-color: var(--text-primary);
  --reservation-filter-header-border-color: var(--border);
  --reservation-filter-header-icon-color: var(--teal);
  --reservation-date-filter-bg: var(--alert-info-bg);
  --reservation-date-filter-border-color: rgba(58, 159, 216, 0.28);
  --reservation-date-filter-radius: var(--reservation-panel-radius);
  --reservation-date-filter-shadow: var(--reservation-panel-shadow);
  --reservation-date-filter-padding: var(--reservation-panel-padding);
  --reservation-date-filter-color: var(--reservation-panel-color);
  --reservation-quick-search-bg: var(--bg-slate);
  --reservation-quick-search-border-color: var(--border);
  --reservation-quick-search-radius: var(--reservation-panel-radius);
  --reservation-quick-search-shadow: var(--reservation-panel-shadow);
  --reservation-quick-search-padding: var(--reservation-panel-padding);
  --reservation-confirmation-bg: var(--alert-info-bg);
  --reservation-confirmation-border-color: var(--blue-lt);
  --reservation-confirmation-radius: var(--reservation-panel-radius);
  --reservation-confirmation-shadow: var(--reservation-panel-shadow);
  --reservation-confirmation-padding: var(--reservation-panel-padding);
  --reservation-confirmation-color: var(--reservation-panel-color);
  --reservation-action-bar-bg: var(--bg-slate);
  --reservation-action-bar-border-color: var(--border);
  --reservation-action-bar-radius: var(--reservation-panel-radius);
  --reservation-action-bar-shadow: none;
  --reservation-action-bar-padding: 0.5rem;
  --reservation-grid-header-bg: var(--bg-thead);
  --reservation-grid-header-color: var(--text-primary);
  --reservation-grid-header-before-bg: var(--reservation-grid-header-bg);
  --reservation-grid-header-white-space: nowrap;
  --reservation-grid-header-overflow: hidden;
  --reservation-grid-header-text-overflow: ellipsis;
  --reservation-grid-header-text-white-space: nowrap;
  --reservation-grid-header-text-overflow-wrap: normal;
  --reservation-grid-header-text-word-break: normal;
  --reservation-grid-header-text-wrap-overflow: hidden;
  --reservation-grid-header-text-wrap-text-overflow: ellipsis;
}

[data-onlinemes-theme="aqua"] :is(.price-search-theme-host,
  .reservation-list-theme-host,
  .reservations-theme-host,
  .transfer-price-search-theme-host,
  .hotel-list-theme-host,
  .extra-report-theme-host,
  .rez-hotel-forecast-block-theme-host) :is(.filter-card:not(.basic-search-card):not(.hotel-filters-card):not(.advanced-transfer-card):not(.advanced-price-card):not([class*="filter-card--"]), .operator-section, .search-section, .location-section, .date-filter-group:not(.filter-card--date), .quick-search-box:not([class*="filter-card--"]), .summary-card, .summary-item) {
  background: var(--reservation-panel-bg) !important;
  border: 1px solid var(--reservation-panel-border-color) !important;
  border-radius: var(--reservation-panel-radius) !important;
  box-shadow: var(--reservation-panel-shadow) !important;
  color: var(--reservation-panel-color) !important;
}

[data-onlinemes-theme="aqua"] :is(.price-search-theme-host,
  .reservation-list-theme-host,
  .reservations-theme-host,
  .transfer-price-search-theme-host,
  .hotel-list-theme-host,
  .extra-report-theme-host,
  .rez-hotel-forecast-block-theme-host) :is(.filter-card:not(.basic-search-card):not(.hotel-filters-card):not(.advanced-transfer-card):not(.advanced-price-card):not([class*="filter-card--"]), .operator-section, .search-section, .location-section, .quick-search-box:not([class*="filter-card--"]), .summary-card, .summary-item) {
  margin-bottom: var(--reservation-panel-margin-bottom) !important;
  padding: var(--reservation-panel-padding) !important;
}

[data-onlinemes-theme="aqua"] .extra-report-theme-host .operator-section {
  background: linear-gradient(135deg, rgba(111, 66, 193, 0.18) 0%, rgba(90, 50, 163, 0.12) 100%) !important;
  border-color: rgba(111, 66, 193, 0.3) !important;
}

[data-onlinemes-theme="aqua"] :is(.price-search-theme-host,
  .hotel-list-theme-host,
  .extra-report-theme-host,
  .rez-hotel-forecast-block-theme-host) .search-section {
  border-left: 4px solid var(--blue-lt) !important;
}

[data-onlinemes-theme="aqua"] :is(.price-search-theme-host,
  .reservation-list-theme-host,
  .reservations-theme-host,
  .transfer-price-search-theme-host,
  .hotel-list-theme-host,
  .extra-report-theme-host,
  .rez-hotel-forecast-block-theme-host) :is(.filter-card-header, .search-section-title, .filter-label) {
  color: var(--reservation-filter-header-color) !important;
}

[data-onlinemes-theme="aqua"] :is(.transfer-pricing-theme-host, .transfer-reservations-theme-host) .filter-label {
  color: var(--text-primary) !important;
}

[data-onlinemes-theme="aqua"] :is(.price-search-theme-host,
  .reservation-list-theme-host,
  .reservations-theme-host,
  .transfer-price-search-theme-host,
  .hotel-list-theme-host,
  .extra-report-theme-host,
  .rez-hotel-forecast-block-theme-host) :is(.filter-card-header, .search-section-title) {
  align-items: center !important;
  display: inline-flex !important;
  font-family: var(--reservation-page-title-font) !important;
  font-size: 0.76rem !important;
  font-weight: 700 !important;
  gap: 0.45rem !important;
  letter-spacing: 0.08em !important;
  line-height: 1.2 !important;
  margin-bottom: 0.65rem !important;
  border-bottom-color: var(--reservation-filter-header-border-color) !important;
  text-transform: uppercase !important;
}

[data-theme="light"][data-onlinemes-theme="aqua"] :is(.price-search-theme-host,
  .reservation-list-theme-host,
  .reservations-theme-host,
  .transfer-price-search-theme-host,
  .hotel-list-theme-host,
  .extra-report-theme-host,
  .rez-hotel-forecast-block-theme-host) :is(.filter-card, .search-section) {
  background: var(--reservation-section-bg) !important;
  border: 1px solid var(--reservation-section-border) !important;
  border-radius: 12px !important;
  box-shadow: var(--reservation-section-shadow) !important;
  overflow: hidden !important;
}

[data-onlinemes-theme="aqua"] .price-search-theme-host .aqua-hotel-price-search-page .filter-card {
  box-shadow: 0 16px 32px rgba(15, 23, 42, 0.06) !important;
}

[data-onlinemes-theme="aqua"] .price-search-theme-host .aqua-hotel-price-search-page .search-criteria-card {
  background: color-mix(in srgb, var(--blue-lt) 10%, var(--reservation-panel-bg)) !important;
  border-color: #06b6d4 !important;
  border-left: 4px solid #06b6d4 !important;
  box-shadow: 0 4px 16px rgba(6, 182, 212, 0.12) !important;
}

[data-theme="light"][data-onlinemes-theme="aqua"] .price-search-theme-host .aqua-hotel-price-search-page .search-criteria-card {
  background: var(--reservation-section-bg) !important;
  border: 1px solid var(--reservation-section-border) !important;
  border-left: 1px solid var(--reservation-section-border) !important;
  border-radius: 12px !important;
  box-shadow: var(--reservation-section-shadow) !important;
}

[data-onlinemes-theme="aqua"] .price-search-theme-host .aqua-hotel-price-search-page .location-filters-card {
  background: color-mix(in srgb, var(--blue-lt) 10%, var(--reservation-panel-bg)) !important;
  border-color: #06b6d4 !important;
  border-left: 4px solid #06b6d4 !important;
  box-shadow: 0 4px 16px rgba(6, 182, 212, 0.12) !important;
}

[data-theme="light"][data-onlinemes-theme="aqua"] .price-search-theme-host .aqua-hotel-price-search-page .location-filters-card {
  background: var(--reservation-section-bg) !important;
  border: 1px solid var(--reservation-section-border) !important;
  border-left: 1px solid var(--reservation-section-border) !important;
  border-radius: 12px !important;
  box-shadow: var(--reservation-section-shadow) !important;
}

[data-onlinemes-theme="aqua"] .price-search-theme-host .aqua-hotel-price-search-page .hotel-filters-card {
  background: color-mix(in srgb, var(--blue-lt) 10%, var(--reservation-panel-bg)) !important;
  border-color: #06b6d4 !important;
  border-left: 4px solid #06b6d4 !important;
  box-shadow: 0 4px 16px rgba(6, 182, 212, 0.12) !important;
}

[data-theme="light"][data-onlinemes-theme="aqua"] .price-search-theme-host .aqua-hotel-price-search-page .hotel-filters-card {
  background: var(--reservation-section-bg) !important;
  border: 1px solid var(--reservation-section-border) !important;
  border-left: 1px solid var(--reservation-section-border) !important;
  border-radius: 12px !important;
  box-shadow: var(--reservation-section-shadow) !important;
  overflow: hidden !important;
}

/* ── Dark theme overrides for price search cards ── */
[data-theme="dark"][data-onlinemes-theme="aqua"] .price-search-theme-host .aqua-hotel-price-search-page .search-criteria-card {
  background: linear-gradient(180deg, #0e2f38 0%, #0a2830 100%) !important;
  border-color: #06b6d4 !important;
  border-left: 4px solid #06b6d4 !important;
  box-shadow: 0 4px 20px rgba(6, 182, 212, 0.22) !important;
}

[data-theme="dark"][data-onlinemes-theme="aqua"] .price-search-theme-host .aqua-hotel-price-search-page .location-filters-card {
  background: linear-gradient(180deg, #0e2f38 0%, #0a2830 100%) !important;
  border-color: #06b6d4 !important;
  border-left: 4px solid #06b6d4 !important;
  box-shadow: 0 4px 20px rgba(6, 182, 212, 0.22) !important;
}

[data-theme="dark"][data-onlinemes-theme="aqua"] .price-search-theme-host .aqua-hotel-price-search-page .hotel-filters-card {
  background: linear-gradient(135deg, #0e2f38 0%, #0a2830 100%) !important;
  border-color: #06b6d4 !important;
  border-left: 4px solid #06b6d4 !important;
  box-shadow: 0 4px 20px rgba(6, 182, 212, 0.22) !important;
}

/* ── Hotel filter cell backgrounds + layout fix (override global filter-box-group) ── */
[data-onlinemes-theme="aqua"] .price-search-theme-host .aqua-hotel-price-search-page .district-cell .filter-box-group,
[data-onlinemes-theme="aqua"] .price-search-theme-host .aqua-hotel-price-search-page .hotel-search-cell .filter-box-group,
[data-onlinemes-theme="aqua"] .price-search-theme-host .aqua-hotel-price-search-page .board-cell .filter-box-group,
[data-onlinemes-theme="aqua"] .price-search-theme-host .aqua-hotel-price-search-page .status-label-combined-box.filter-box-group {
  margin-bottom: 0 !important;
  overflow: visible !important;
}

[data-onlinemes-theme="aqua"] .price-search-theme-host .aqua-hotel-price-search-page .district-cell .filter-box-group {
  background: color-mix(in srgb, var(--blue-lt) 14%, var(--bg-input)) !important;
}

[data-onlinemes-theme="aqua"] .price-search-theme-host .aqua-hotel-price-search-page .hotel-search-cell .filter-box-group {
  background: color-mix(in srgb, var(--blue-lt) 14%, var(--bg-input)) !important;
}

[data-onlinemes-theme="aqua"] .price-search-theme-host .aqua-hotel-price-search-page .board-cell .filter-box-group {
  background: color-mix(in srgb, var(--teal) 12%, var(--bg-input)) !important;
}

[data-onlinemes-theme="aqua"] .price-search-theme-host .aqua-hotel-price-search-page .status-label-combined-box.filter-box-group {
  background: color-mix(in srgb, var(--accent) 14%, var(--bg-input)) !important;
}

/* ── Dark theme overrides for filter box cells ── */
[data-theme="dark"][data-onlinemes-theme="aqua"] .price-search-theme-host .aqua-hotel-price-search-page .district-cell .filter-box-group,
[data-theme="dark"][data-onlinemes-theme="aqua"] .price-search-theme-host .aqua-hotel-price-search-page .hotel-search-cell .filter-box-group {
  background: linear-gradient(180deg, #0e2035 0%, #0c1c2e 100%) !important;
}

[data-theme="dark"][data-onlinemes-theme="aqua"] .price-search-theme-host .aqua-hotel-price-search-page .board-cell .filter-box-group {
  background: linear-gradient(180deg, #0a2218 0%, #091c14 100%) !important;
}

[data-theme="dark"][data-onlinemes-theme="aqua"] .price-search-theme-host .aqua-hotel-price-search-page .status-label-combined-box.filter-box-group {
  background: linear-gradient(180deg, #2a1e04 0%, #221904 100%) !important;
}

[data-onlinemes-theme="aqua"] .price-search-theme-host .aqua-hotel-price-search-page .advanced-transfer-card {
  background: color-mix(in srgb, var(--blue-lt) 12%, var(--reservation-panel-bg)) !important;
  border-color: #06b6d4 !important;
  border-left: 4px solid #06b6d4 !important;
}

[data-theme="light"][data-onlinemes-theme="aqua"] .price-search-theme-host .aqua-hotel-price-search-page .advanced-transfer-card {
  background: var(--reservation-section-bg) !important;
  border: 1px solid var(--reservation-section-border) !important;
  border-left: 1px solid var(--reservation-section-border) !important;
  border-radius: 12px !important;
}

[data-onlinemes-theme="aqua"] .price-search-theme-host .aqua-hotel-price-search-page .advanced-price-card {
  background: color-mix(in srgb, var(--teal) 12%, var(--reservation-panel-bg)) !important;
  border-color: #06b6d4 !important;
  border-left: 4px solid #06b6d4 !important;
}

[data-theme="light"][data-onlinemes-theme="aqua"] .price-search-theme-host .aqua-hotel-price-search-page .advanced-price-card {
  background: var(--reservation-section-bg) !important;
  border: 1px solid var(--reservation-section-border) !important;
  border-left: 1px solid var(--reservation-section-border) !important;
  border-radius: 12px !important;
}

[data-onlinemes-theme="aqua"] .price-search-theme-host .aqua-hotel-price-search-page :is(.search-criteria-card, .location-filters-card, .hotel-filters-card, .advanced-transfer-card, .advanced-price-card)>.filter-card-header {
  border-bottom-color: color-mix(in srgb, var(--blue-lt) 16%, var(--reservation-panel-border-color)) !important;
}

[data-onlinemes-theme="aqua"] :is(.price-search-theme-host,
  .reservation-list-theme-host,
  .reservations-theme-host,
  .transfer-price-search-theme-host,
  .hotel-list-theme-host,
  .extra-report-theme-host,
  .rez-hotel-forecast-block-theme-host) .filter-card-header i,
[data-onlinemes-theme="aqua"] :is(.price-search-theme-host,
  .reservation-list-theme-host,
  .reservations-theme-host,
  .transfer-price-search-theme-host,
  .hotel-list-theme-host,
  .extra-report-theme-host,
  .rez-hotel-forecast-block-theme-host) .search-section-title i {
  color: var(--reservation-filter-header-icon-color) !important;
}

[data-onlinemes-theme="aqua"] :is(.hotel-list-theme-host,
  .extra-report-theme-host,
  .hotel-forecast-theme-host,
  .hotel-forecast2-theme-host,
  .hotel-forecast3-theme-host) .operator-extras-toggle {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  width: 100%;
  padding: 0.3rem 0.6rem;
  margin-bottom: 0.3rem;
  font-family: inherit;
  font-size: 0.68rem;
  font-weight: 600;
  color: var(--text-dim);
  cursor: pointer;
  border: 1px dashed rgba(111, 66, 193, 0.35);
  border-radius: 6px;
  background: transparent;
  transition: color 0.15s, border-color 0.15s;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

[data-onlinemes-theme="aqua"] :is(.hotel-list-theme-host,
  .extra-report-theme-host,
  .hotel-forecast-theme-host,
  .hotel-forecast2-theme-host,
  .hotel-forecast3-theme-host) .operator-extras-toggle:hover {
  color: var(--text-primary);
  border-color: rgba(111, 66, 193, 0.6);
}

[data-onlinemes-theme="aqua"] :is(.hotel-list-theme-host,
  .extra-report-theme-host,
  .hotel-forecast-theme-host,
  .hotel-forecast2-theme-host,
  .hotel-forecast3-theme-host) .operator-extras-toggle i {
  font-size: 0.55rem;
  opacity: 0.6;
}

[data-onlinemes-theme="aqua"] :is(.hotel-list-theme-host,
  .extra-report-theme-host,
  .hotel-forecast-theme-host,
  .hotel-forecast2-theme-host,
  .hotel-forecast3-theme-host) .advanced-filters-badge {
  font-weight: 400;
  font-size: 0.65rem;
  color: var(--text-dim);
  opacity: 0.7;
}

[data-onlinemes-theme="aqua"] :is(.hotel-list-theme-host,
  .extra-report-theme-host,
  .hotel-forecast-theme-host,
  .hotel-forecast2-theme-host,
  .hotel-forecast3-theme-host) .operator-panel-label {
  color: var(--text-primary) !important;
}

[data-onlinemes-theme="aqua"] :is(.price-search-theme-host,
  .reservation-list-theme-host,
  .reservations-theme-host,
  .transfer-price-search-theme-host,
  .hotel-list-theme-host,
  .extra-report-theme-host,
  .rez-hotel-forecast-block-theme-host) .date-filter-group:not(.filter-card--date) {
  background: var(--reservation-date-filter-bg) !important;
  border: 1px solid var(--reservation-date-filter-border-color) !important;
  border-radius: var(--reservation-date-filter-radius) !important;
  box-shadow: var(--reservation-date-filter-shadow) !important;
  color: var(--reservation-date-filter-color) !important;
  padding: var(--reservation-date-filter-padding) !important;
}

[data-onlinemes-theme="aqua"] .extra-report-theme-host .date-filter-group {
  background: linear-gradient(135deg, rgba(240, 168, 48, 0.15) 0%, rgba(243, 156, 18, 0.10) 100%) !important;
  border-color: rgba(240, 168, 48, 0.3) !important;
}

[data-onlinemes-theme="aqua"] :is(.price-search-theme-host,
  .reservation-list-theme-host,
  .reservations-theme-host,
  .transfer-price-search-theme-host,
  .hotel-list-theme-host,
  .extra-report-theme-host,
  .rez-hotel-forecast-block-theme-host) .quick-search-box:not([class*="filter-card--"]) {
  background: var(--reservation-quick-search-bg) !important;
  border: 1px solid var(--reservation-quick-search-border-color) !important;
  border-radius: var(--reservation-quick-search-radius) !important;
  box-shadow: var(--reservation-quick-search-shadow) !important;
  color: var(--reservation-panel-color) !important;
  padding: var(--reservation-quick-search-padding) !important;
}

[data-onlinemes-theme="aqua"] :is(.price-search-theme-host,
  .reservation-list-theme-host,
  .reservations-theme-host,
  .transfer-price-search-theme-host,
  .hotel-list-theme-host,
  .extra-report-theme-host,
  .rez-hotel-forecast-block-theme-host) .confirmation-filters {
  background: var(--reservation-confirmation-bg) !important;
  border: 1px solid var(--reservation-confirmation-border-color) !important;
  border-radius: var(--reservation-confirmation-radius) !important;
  box-shadow: var(--reservation-confirmation-shadow) !important;
  color: var(--reservation-confirmation-color) !important;
  padding: var(--reservation-confirmation-padding) !important;
}

/* ═══ RESERVATION LIST / ACCOUNTING RESERVATIONS: OPERATOR SECTION OVERRIDE ═══ */
[data-onlinemes-theme="aqua"] :is(.reservation-list-theme-host, .reservations-theme-host, .hotel-list-theme-host) .filter-card--operator {
  background: color-mix(in srgb, var(--blue-lt) 12%, var(--reservation-panel-bg)) !important;
  border-color: #06b6d4 !important;
  border-left: 4px solid #06b6d4 !important;
  box-shadow: 0 4px 16px rgba(6, 182, 212, 0.15) !important;
}

[data-theme="dark"][data-onlinemes-theme="aqua"] :is(.reservation-list-theme-host, .reservations-theme-host, .hotel-list-theme-host) .filter-card--operator {
  background: linear-gradient(135deg, #0e2f38 0%, #0a2830 100%) !important;
  border-color: #06b6d4 !important;
  border-left: 4px solid #06b6d4 !important;
  box-shadow: 0 4px 20px rgba(6, 182, 212, 0.22) !important;
}

[data-onlinemes-theme="aqua"] :is(.reservation-list-theme-host, .reservations-theme-host, .hotel-list-theme-host) .filter-card--operator .filter-card-header {
  border-bottom-color: rgba(6, 182, 212, 0.3) !important;
}

/* ═══ RESERVATION LIST / ACCOUNTING RESERVATIONS: DATE FILTER SECTION OVERRIDE ═══ */
[data-onlinemes-theme="aqua"] :is(.reservation-list-theme-host, .reservations-theme-host, .hotel-list-theme-host) .date-filter-group:not(.filter-card--date) {
  background: color-mix(in srgb, var(--blue-lt) 12%, var(--reservation-panel-bg)) !important;
  border-color: #06b6d4 !important;
  border-left: 4px solid #06b6d4 !important;
  box-shadow: 0 4px 16px rgba(6, 182, 212, 0.12) !important;
}

[data-theme="dark"][data-onlinemes-theme="aqua"] :is(.reservation-list-theme-host, .reservations-theme-host, .hotel-list-theme-host) .date-filter-group:not(.filter-card--date) {
  background: linear-gradient(135deg, #0e2f38 0%, #0a2830 100%) !important;
  border-color: #06b6d4 !important;
  border-left: 4px solid #06b6d4 !important;
  box-shadow: 0 4px 20px rgba(6, 182, 212, 0.22) !important;
}

/* ═══ RESERVATION LIST / ACCOUNTING RESERVATIONS: CONFIRMATION FILTERS OVERRIDE ═══ */
[data-onlinemes-theme="aqua"] :is(.reservation-list-theme-host, .reservations-theme-host, .hotel-list-theme-host) .confirmation-filters {
  background: color-mix(in srgb, var(--blue-lt) 12%, var(--reservation-panel-bg)) !important;
  border-color: #06b6d4 !important;
  border-left: 4px solid #06b6d4 !important;
  box-shadow: 0 4px 16px rgba(6, 182, 212, 0.12) !important;
}

[data-theme="dark"][data-onlinemes-theme="aqua"] :is(.reservation-list-theme-host, .reservations-theme-host, .hotel-list-theme-host) .confirmation-filters {
  background: linear-gradient(135deg, #0e2f38 0%, #0a2830 100%) !important;
  border-color: #06b6d4 !important;
  border-left: 4px solid #06b6d4 !important;
  box-shadow: 0 4px 20px rgba(6, 182, 212, 0.22) !important;
}

/* ═══ RESERVATION LIST / ACCOUNTING RESERVATIONS: QUICK SEARCH OVERRIDE ═══ */
[data-onlinemes-theme="aqua"] :is(.reservation-list-theme-host, .reservations-theme-host, .hotel-list-theme-host) .quick-search-box:not([class*="filter-card--"]) {
  background: linear-gradient(180deg, var(--bg-card-alt) 0%, var(--bg-card) 100%) !important;
  border-color: var(--border) !important;
}

[data-onlinemes-theme="aqua"] :is(.price-search-theme-host,
  .reservation-list-theme-host,
  .reservations-theme-host,
  .transfer-price-search-theme-host) .action-bar {
  background: var(--reservation-action-bar-bg) !important;
  border: 1px solid var(--reservation-action-bar-border-color) !important;
  border-radius: var(--reservation-action-bar-radius) !important;
  box-shadow: var(--reservation-action-bar-shadow) !important;
  padding: var(--reservation-action-bar-padding) !important;
}

[data-onlinemes-theme="aqua"] :is(.price-search-theme-host,
  .reservation-list-theme-host,
  .reservations-theme-host,
  .transfer-price-search-theme-host) .compact-form-group:not(.filter-box-group):not(:has(.checkbox-scroll)):not(:has(.input-group)) {
  inline-size: min(100%, var(--reservation-control-max-inline-size, 15rem)) !important;
  min-inline-size: min(100%, var(--reservation-control-min-inline-size, 8.5rem)) !important;
  max-inline-size: 100% !important;
}

[data-onlinemes-theme="aqua"] :is(.price-search-theme-host,
  .reservation-list-theme-host,
  .reservations-theme-host,
  .transfer-price-search-theme-host) :is(.col-1, .col-2, .col-3, .col-sm-1, .col-sm-2, .col-sm-3, .col-md-1, .col-md-2, .col-md-3, .col-lg-1, .col-lg-2, .col-lg-3, .col-xl-1, .col-xl-2, .col-xl-3)>.compact-form-group:not(.filter-box-group):not(:has(.checkbox-scroll)):not(:has(.input-group)) {
  inline-size: min(100%, var(--reservation-control-compact-max-inline-size, var(--reservation-control-max-inline-size, 15rem))) !important;
}

[data-onlinemes-theme="aqua"] :is(.price-search-theme-host,
  .reservation-list-theme-host,
  .reservations-theme-host,
  .transfer-price-search-theme-host) :is(.col-12, .col-sm-12, .col-md-12, .col-lg-12, .col-xl-12, .w-100)>.compact-form-group {
  inline-size: 100% !important;
  min-inline-size: 0 !important;
  max-inline-size: var(--reservation-control-full-max-inline-size, 100%) !important;
}

[data-onlinemes-theme="aqua"] :is(.price-search-theme-host,
  .reservation-list-theme-host,
  .reservations-theme-host,
  .transfer-price-search-theme-host) .compact-form-group> :is(.searchable-select, .searchable-select-wrapper, .searchable-select-container, .input-group, .form-control, .form-select, .d-flex) {
  inline-size: 100% !important;
  min-inline-size: 0 !important;
  max-inline-size: 100% !important;
}

[data-onlinemes-theme="aqua"] :is(.price-search-theme-host,
  .reservation-list-theme-host,
  .reservations-theme-host,
  .transfer-price-search-theme-host) .compact-form-group :is(.searchable-select-display, .searchable-select input.form-control, .input-group > .form-control, .input-group > .searchable-select, .input-group .searchable-select-display) {
  inline-size: 100% !important;
  min-inline-size: 0 !important;
  max-inline-size: 100% !important;
}

/* ═══ HOTELS NAV PAGES: UNIFIED SPACING + SURFACES ═══ */
[data-onlinemes-theme="aqua"] :is(.price-search-theme-host,
  .reservation-list-theme-host,
  .reservations-theme-host,
  .hotel-list-theme-host,
  .extra-report-theme-host,
  .hotel-forecast-theme-host,
  .hotel-forecast2-theme-host,
  .hotel-forecast3-theme-host,
  .rez-hotel-forecast-block-theme-host,
  .add-theme-host,
  .management-theme-host,
  .index-theme-host,
  .hotel-markup-theme-host,
  .hotel-export-theme-host,
  .contract-list-theme-host,
  .bonus-management-theme-host,
  .hotel-extras-theme-host,
  .action-list-theme-host,
  .action-list2-theme-host,
  .stop-sales-theme-host,
  .free-sales-theme-host,
  .free-sales2-theme-host,
  .transfer-pricing-theme-host,
  .transfer-reservations-theme-host,
  .guest-traffic-theme-host,
  .tour-sales-theme-host,
  .routes-theme-host,
  .vehicle-types-theme-host,
  .vehicle-companies-theme-host,
  .vehicles-theme-host,
  .vendors-theme-host,
  .tours-theme-host,
  .pagename-theme-host:has(.container-fluid > .row:first-child h2 .fa-plane),
  .pagename-theme-host:has(.container-fluid > .row:first-child h2 .fa-user-tie)) {
  --nav-page-gap: 0.75rem;
  --nav-page-pad: 0.875rem;
  --nav-page-top-space: 0.875rem;
  --nav-page-surface: var(--bg-card);
  --nav-page-surface-alt: var(--bg-card-alt);
  --nav-page-header-surface: var(--bg-header);
  --nav-page-shell-radius: 12px;
  --nav-page-cta-bg: var(--section-teal-accent);
  --nav-page-cta-shadow: 0 10px 24px rgba(23, 165, 137, 0.18);
  --nav-page-title-font: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

[data-onlinemes-theme="aqua"] :is(.add-theme-host,
  .management-theme-host,
  .index-theme-host,
  .hotel-markup-theme-host,
  .hotel-export-theme-host,
  .contract-list-theme-host,
  .bonus-management-theme-host,
  .hotel-extras-theme-host,
  .action-list-theme-host,
  .action-list2-theme-host,
  .stop-sales-theme-host,
  .free-sales-theme-host,
  .free-sales2-theme-host,
  .transfer-pricing-theme-host,
  .transfer-reservations-theme-host,
  .guest-traffic-theme-host,
  .tour-sales-theme-host,
  .routes-theme-host,
  .vehicle-types-theme-host,
  .vehicle-companies-theme-host,
  .vehicles-theme-host,
  .vendors-theme-host,
  .tours-theme-host,
  .pagename-theme-host:has(.container-fluid > .row:first-child h2 .fa-plane),
  .pagename-theme-host:has(.container-fluid > .row:first-child h2 .fa-user-tie)) :is(.content-wrapper, .content) {
  background: transparent !important;
}

[data-onlinemes-theme="aqua"] :is(.add-theme-host,
  .management-theme-host,
  .index-theme-host,
  .hotel-markup-theme-host,
  .hotel-export-theme-host,
  .contract-list-theme-host,
  .bonus-management-theme-host,
  .hotel-extras-theme-host,
  .action-list-theme-host,
  .action-list2-theme-host,
  .stop-sales-theme-host,
  .free-sales-theme-host,
  .free-sales2-theme-host,
  .transfer-pricing-theme-host,
  .transfer-reservations-theme-host,
  .guest-traffic-theme-host,
  .tour-sales-theme-host,
  .routes-theme-host,
  .vehicle-types-theme-host,
  .vehicle-companies-theme-host,
  .vehicles-theme-host,
  .vendors-theme-host,
  .tours-theme-host,
  .pagename-theme-host:has(.container-fluid > .row:first-child h2 .fa-plane),
  .pagename-theme-host:has(.container-fluid > .row:first-child h2 .fa-user-tie)) .container-fluid {
  padding-top: var(--nav-page-top-space) !important;
  padding-bottom: var(--nav-page-gap) !important;
}

[data-onlinemes-theme="aqua"] :is(.add-theme-host,
  .management-theme-host,
  .index-theme-host,
  .hotel-markup-theme-host,
  .hotel-export-theme-host,
  .contract-list-theme-host,
  .bonus-management-theme-host,
  .hotel-extras-theme-host,
  .action-list-theme-host,
  .action-list2-theme-host,
  .stop-sales-theme-host,
  .free-sales-theme-host,
  .free-sales2-theme-host,
  .transfer-pricing-theme-host,
  .transfer-reservations-theme-host,

  .tour-sales-theme-host,
  .routes-theme-host,
  .vehicle-types-theme-host,
  .vehicle-companies-theme-host,
  .vehicles-theme-host,
  .vendors-theme-host,
  .tours-theme-host,
  .pagename-theme-host:has(.container-fluid > .row:first-child h2 .fa-plane),
  .pagename-theme-host:has(.container-fluid > .row:first-child h2 .fa-user-tie)) :is(.btn-search, .btn-primary, .btn-success) {
  background: var(--nav-page-cta-bg) !important;
  border: 1px solid transparent !important;
  border-radius: 10px !important;
  box-shadow: var(--nav-page-cta-shadow) !important;
  color: var(--text-on-accent) !important;
  font-size: 0.78rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.01em;
  padding: 0.48rem 1.05rem !important;
  transition: transform .18s ease, box-shadow .18s ease, filter .18s ease !important;
}

[data-onlinemes-theme="aqua"] :is(.add-theme-host,
  .management-theme-host,
  .index-theme-host,
  .hotel-markup-theme-host,
  .hotel-export-theme-host,
  .contract-list-theme-host,
  .bonus-management-theme-host,
  .hotel-extras-theme-host,
  .action-list-theme-host,
  .action-list2-theme-host,
  .stop-sales-theme-host,
  .free-sales-theme-host,
  .free-sales2-theme-host,
  .transfer-pricing-theme-host,
  .transfer-reservations-theme-host,
  .guest-traffic-theme-host,
  .tour-sales-theme-host,
  .routes-theme-host,
  .vehicle-types-theme-host,
  .vehicle-companies-theme-host,
  .vehicles-theme-host,
  .vendors-theme-host,
  .tours-theme-host,
  .pagename-theme-host:has(.container-fluid > .row:first-child h2 .fa-plane),
  .pagename-theme-host:has(.container-fluid > .row:first-child h2 .fa-user-tie)) :is(.btn-search, .btn-primary, .btn-success):hover {
  box-shadow: 0 14px 26px rgba(23, 165, 137, 0.24) !important;
  filter: brightness(1.04) !important;
  transform: translateY(-1px) !important;
}

[data-onlinemes-theme="aqua"] :is(.add-theme-host,
  .management-theme-host,
  .index-theme-host,
  .hotel-markup-theme-host,
  .hotel-export-theme-host,
  .contract-list-theme-host,
  .bonus-management-theme-host,
  .hotel-extras-theme-host,
  .action-list-theme-host,
  .action-list2-theme-host,
  .stop-sales-theme-host,
  .free-sales-theme-host,
  .free-sales2-theme-host,
  .transfer-pricing-theme-host,
  .transfer-reservations-theme-host,
  .guest-traffic-theme-host,
  .tour-sales-theme-host,
  .routes-theme-host,
  .vehicle-types-theme-host,
  .vehicle-companies-theme-host,
  .vehicles-theme-host,
  .vendors-theme-host,
  .tours-theme-host,
  .pagename-theme-host:has(.container-fluid > .row:first-child h2 .fa-plane),
  .pagename-theme-host:has(.container-fluid > .row:first-child h2 .fa-user-tie)) :is(.btn-search, .btn-primary, .btn-success, .btn-outline-success, .btn-outline-secondary, .btn-outline-primary, .btn-outline-danger, .btn-secondary):focus-visible {
  box-shadow: 0 0 0 0.2rem rgba(41, 121, 176, 0.18) !important;
  outline: none !important;
}



[data-onlinemes-theme="aqua"] :is(.add-theme-host,
  .management-theme-host,
  .index-theme-host,
  .hotel-markup-theme-host,
  .hotel-export-theme-host,
  .contract-list-theme-host,
  .bonus-management-theme-host,
  .hotel-extras-theme-host,
  .action-list-theme-host,
  .action-list2-theme-host,
  .stop-sales-theme-host,
  .free-sales-theme-host,
  .free-sales2-theme-host,
  .transfer-pricing-theme-host,
  .transfer-reservations-theme-host,
  .guest-traffic-theme-host,
  .tour-sales-theme-host,
  .routes-theme-host,
  .vehicle-types-theme-host,
  .vehicle-companies-theme-host,
  .vehicles-theme-host,
  .vendors-theme-host,
  .tours-theme-host,
  .pagename-theme-host:has(.container-fluid > .row:first-child h2 .fa-plane),
  .pagename-theme-host:has(.container-fluid > .row:first-child h2 .fa-user-tie)) .btn-outline-success {
  border-color: rgba(23, 165, 137, 0.28) !important;
  color: var(--teal) !important;
}

[data-onlinemes-theme="aqua"] :is(.add-theme-host,
  .management-theme-host,
  .index-theme-host,
  .hotel-markup-theme-host,
  .hotel-export-theme-host,
  .contract-list-theme-host,
  .bonus-management-theme-host,
  .hotel-extras-theme-host,
  .action-list-theme-host,
  .action-list2-theme-host,
  .stop-sales-theme-host,
  .free-sales-theme-host,
  .free-sales2-theme-host,
  .transfer-pricing-theme-host,
  .transfer-reservations-theme-host,
  .guest-traffic-theme-host,
  .tour-sales-theme-host,
  .routes-theme-host,
  .vehicle-types-theme-host,
  .vehicle-companies-theme-host,
  .vehicles-theme-host,
  .vendors-theme-host,
  .tours-theme-host,
  .pagename-theme-host:has(.container-fluid > .row:first-child h2 .fa-plane),
  .pagename-theme-host:has(.container-fluid > .row:first-child h2 .fa-user-tie)) .btn-outline-success:hover {
  background: rgba(23, 165, 137, 0.12) !important;
  border-color: var(--teal) !important;
  color: var(--teal) !important;
}

[data-onlinemes-theme="aqua"] :is(.add-theme-host,
  .management-theme-host,
  .index-theme-host,
  .hotel-markup-theme-host,
  .hotel-export-theme-host,
  .contract-list-theme-host,
  .bonus-management-theme-host,
  .hotel-extras-theme-host,
  .action-list-theme-host,
  .action-list2-theme-host,
  .stop-sales-theme-host,
  .free-sales-theme-host,
  .free-sales2-theme-host,
  .transfer-pricing-theme-host,
  .transfer-reservations-theme-host,
  .guest-traffic-theme-host,
  .tour-sales-theme-host,
  .routes-theme-host,
  .vehicle-types-theme-host,
  .vehicle-companies-theme-host,
  .vehicles-theme-host,
  .vendors-theme-host,
  .tours-theme-host,
  .pagename-theme-host:has(.container-fluid > .row:first-child h2 .fa-plane),
  .pagename-theme-host:has(.container-fluid > .row:first-child h2 .fa-user-tie)) .btn-outline-secondary,
[data-onlinemes-theme="aqua"] :is(.add-theme-host,
  .management-theme-host,
  .index-theme-host,
  .hotel-markup-theme-host,
  .hotel-export-theme-host,
  .contract-list-theme-host,
  .bonus-management-theme-host,
  .hotel-extras-theme-host,
  .action-list-theme-host,
  .action-list2-theme-host,
  .stop-sales-theme-host,
  .free-sales-theme-host,
  .free-sales2-theme-host,
  .transfer-pricing-theme-host,
  .transfer-reservations-theme-host,
  .guest-traffic-theme-host,
  .tour-sales-theme-host,
  .routes-theme-host,
  .vehicle-types-theme-host,
  .vehicle-companies-theme-host,
  .vehicles-theme-host,
  .vendors-theme-host,
  .tours-theme-host,
  .pagename-theme-host:has(.container-fluid > .row:first-child h2 .fa-plane),
  .pagename-theme-host:has(.container-fluid > .row:first-child h2 .fa-user-tie)) .btn-secondary {
  border: 1px solid var(--border) !important;
  color: var(--text-primary) !important;
}

[data-onlinemes-theme="aqua"] :is(.add-theme-host,
  .management-theme-host,
  .index-theme-host,
  .hotel-markup-theme-host,
  .hotel-export-theme-host,
  .contract-list-theme-host,
  .bonus-management-theme-host,
  .hotel-extras-theme-host,
  .action-list-theme-host,
  .action-list2-theme-host,
  .stop-sales-theme-host,
  .free-sales-theme-host,
  .free-sales2-theme-host,
  .transfer-pricing-theme-host,
  .transfer-reservations-theme-host,
  .guest-traffic-theme-host,
  .tour-sales-theme-host,
  .routes-theme-host,
  .vehicle-types-theme-host,
  .vehicle-companies-theme-host,
  .vehicles-theme-host,
  .vendors-theme-host,
  .tours-theme-host,
  .pagename-theme-host:has(.container-fluid > .row:first-child h2 .fa-plane),
  .pagename-theme-host:has(.container-fluid > .row:first-child h2 .fa-user-tie)) :is(.btn-outline-secondary, .btn-secondary):hover {
  background: var(--nav-page-header-surface) !important;
  border-color: var(--border) !important;
  color: var(--text-primary) !important;
}

[data-onlinemes-theme="aqua"] :is(.add-theme-host,
  .management-theme-host,
  .index-theme-host,
  .hotel-markup-theme-host,
  .hotel-export-theme-host,
  .contract-list-theme-host,
  .bonus-management-theme-host,
  .hotel-extras-theme-host,
  .action-list-theme-host,
  .action-list2-theme-host,
  .stop-sales-theme-host,
  .free-sales-theme-host,
  .free-sales2-theme-host,
  .transfer-pricing-theme-host,
  .transfer-reservations-theme-host,
  .guest-traffic-theme-host,
  .tour-sales-theme-host,
  .routes-theme-host,
  .vehicle-types-theme-host,
  .vehicle-companies-theme-host,
  .vehicles-theme-host,
  .vendors-theme-host,
  .tours-theme-host,
  .pagename-theme-host:has(.container-fluid > .row:first-child h2 .fa-plane),
  .pagename-theme-host:has(.container-fluid > .row:first-child h2 .fa-user-tie)) .btn-outline-primary {
  border-color: rgba(41, 121, 176, 0.28) !important;
  color: var(--blue) !important;
}

[data-onlinemes-theme="aqua"] :is(.add-theme-host,
  .management-theme-host,
  .index-theme-host,
  .hotel-markup-theme-host,
  .hotel-export-theme-host,
  .contract-list-theme-host,
  .bonus-management-theme-host,
  .hotel-extras-theme-host,
  .action-list-theme-host,
  .action-list2-theme-host,
  .stop-sales-theme-host,
  .free-sales-theme-host,
  .free-sales2-theme-host,
  .transfer-pricing-theme-host,
  .transfer-reservations-theme-host,
  .guest-traffic-theme-host,
  .tour-sales-theme-host,
  .routes-theme-host,
  .vehicle-types-theme-host,
  .vehicle-companies-theme-host,
  .vehicles-theme-host,
  .vendors-theme-host,
  .tours-theme-host,
  .pagename-theme-host:has(.container-fluid > .row:first-child h2 .fa-plane),
  .pagename-theme-host:has(.container-fluid > .row:first-child h2 .fa-user-tie)) .btn-outline-primary:hover {
  background: rgba(41, 121, 176, 0.12) !important;
  border-color: var(--blue) !important;
  color: var(--blue) !important;
}

[data-onlinemes-theme="aqua"] :is(.add-theme-host,
  .management-theme-host,
  .index-theme-host,
  .hotel-markup-theme-host,
  .hotel-export-theme-host,
  .contract-list-theme-host,
  .bonus-management-theme-host,
  .hotel-extras-theme-host,
  .action-list-theme-host,
  .action-list2-theme-host,
  .stop-sales-theme-host,
  .free-sales-theme-host,
  .free-sales2-theme-host,
  .transfer-pricing-theme-host,
  .transfer-reservations-theme-host,
  .guest-traffic-theme-host,
  .tour-sales-theme-host,
  .routes-theme-host,
  .vehicle-types-theme-host,
  .vehicle-companies-theme-host,
  .vehicles-theme-host,
  .vendors-theme-host,
  .tours-theme-host,
  .pagename-theme-host:has(.container-fluid > .row:first-child h2 .fa-plane),
  .pagename-theme-host:has(.container-fluid > .row:first-child h2 .fa-user-tie)) .btn-outline-danger {
  border-color: rgba(192, 57, 43, 0.24) !important;
  color: var(--red) !important;
}

[data-onlinemes-theme="aqua"] :is(.add-theme-host,
  .management-theme-host,
  .index-theme-host,
  .hotel-markup-theme-host,
  .hotel-export-theme-host,
  .contract-list-theme-host,
  .bonus-management-theme-host,
  .hotel-extras-theme-host,
  .action-list-theme-host,
  .action-list2-theme-host,
  .stop-sales-theme-host,
  .free-sales-theme-host,
  .free-sales2-theme-host,
  .transfer-pricing-theme-host,
  .transfer-reservations-theme-host,
  .guest-traffic-theme-host,
  .tour-sales-theme-host,
  .routes-theme-host,
  .vehicle-types-theme-host,
  .vehicle-companies-theme-host,
  .vehicles-theme-host,
  .vendors-theme-host,
  .tours-theme-host,
  .pagename-theme-host:has(.container-fluid > .row:first-child h2 .fa-plane),
  .pagename-theme-host:has(.container-fluid > .row:first-child h2 .fa-user-tie)) .btn-outline-danger:hover {
  background: rgba(192, 57, 43, 0.1) !important;
  border-color: var(--red) !important;
  color: var(--red) !important;
}

[data-onlinemes-theme="aqua"] :is(.add-theme-host,
  .management-theme-host,
  .index-theme-host,
  .hotel-markup-theme-host,
  .hotel-export-theme-host,
  .contract-list-theme-host,
  .bonus-management-theme-host,
  .hotel-extras-theme-host,
  .action-list-theme-host,
  .action-list2-theme-host,
  .stop-sales-theme-host,
  .free-sales-theme-host,
  .free-sales2-theme-host,
  .transfer-pricing-theme-host,
  .transfer-reservations-theme-host,
  .guest-traffic-theme-host,
  .tour-sales-theme-host,
  .routes-theme-host,
  .vehicle-types-theme-host,
  .vehicle-companies-theme-host,
  .vehicles-theme-host,
  .vendors-theme-host,
  .tours-theme-host,
  .pagename-theme-host:has(.container-fluid > .row:first-child h2 .fa-plane),
  .pagename-theme-host:has(.container-fluid > .row:first-child h2 .fa-user-tie)) .btn-tool {
  background: transparent !important;
  border: 0 !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  color: var(--text-dim) !important;
}

[data-onlinemes-theme="aqua"] :is(.add-theme-host,
  .management-theme-host,
  .index-theme-host,
  .hotel-markup-theme-host,
  .hotel-export-theme-host,
  .contract-list-theme-host,
  .bonus-management-theme-host,
  .hotel-extras-theme-host,
  .action-list-theme-host,
  .action-list2-theme-host,
  .stop-sales-theme-host,
  .free-sales-theme-host,
  .free-sales2-theme-host,
  .transfer-pricing-theme-host,
  .transfer-reservations-theme-host,
  .guest-traffic-theme-host,
  .tour-sales-theme-host,
  .routes-theme-host,
  .vehicle-types-theme-host,
  .vehicle-companies-theme-host,
  .vehicles-theme-host,
  .vendors-theme-host,
  .tours-theme-host,
  .pagename-theme-host:has(.container-fluid > .row:first-child h2 .fa-plane),
  .pagename-theme-host:has(.container-fluid > .row:first-child h2 .fa-user-tie)) .btn-tool:hover {
  background: rgba(41, 121, 176, 0.08) !important;
  color: var(--text-primary) !important;
}

[data-onlinemes-theme="aqua"] :is(.add-theme-host,
  .management-theme-host,
  .index-theme-host,
  .hotel-markup-theme-host,
  .hotel-export-theme-host,
  .contract-list-theme-host,
  .bonus-management-theme-host,
  .hotel-extras-theme-host,
  .action-list-theme-host,
  .action-list2-theme-host,
  .stop-sales-theme-host,
  .free-sales-theme-host,
  .free-sales2-theme-host) {
  --hotel-page-gap: var(--nav-page-gap);
  --hotel-page-pad: var(--nav-page-pad);
  --hotel-page-top-space: var(--nav-page-top-space);
  --hotel-page-surface: var(--nav-page-surface);
  --hotel-page-surface-alt: var(--nav-page-surface-alt);
  --hotel-page-header-surface: var(--nav-page-header-surface);
  --hotel-page-shell-radius: var(--nav-page-shell-radius);
  --hotel-page-cta-bg: var(--nav-page-cta-bg);
  --hotel-page-cta-shadow: var(--nav-page-cta-shadow);
  --hotel-page-title-font: var(--nav-page-title-font);
}

[data-onlinemes-theme="aqua"] :is(.contract-list-theme-host,
  .hotel-markup-theme-host,
  .hotel-extras-theme-host,
  .action-list-theme-host,
  .action-list2-theme-host,
  .free-sales-theme-host,
  .stop-sales-theme-host) .container-fluid>.row.mb-2:first-child {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

[data-onlinemes-theme="aqua"] :is(.contract-list-theme-host,
  .bonus-management-theme-host,
  .hotel-markup-theme-host,
  .hotel-extras-theme-host,
  .action-list-theme-host,
  .action-list2-theme-host,
  .free-sales-theme-host,
  .stop-sales-theme-host) .container-fluid>.row.mb-2:first-child>.col-12>.d-flex {
  background: var(--reservation-section-header-bg) !important;
  border: 1px solid var(--reservation-section-border) !important;
  border-bottom: 0 !important;
  border-radius: var(--hotel-page-shell-radius) var(--hotel-page-shell-radius) 0 0 !important;
  box-shadow: var(--reservation-section-shadow) !important;
  color: var(--reservation-section-header-text) !important;
  min-height: 3.25rem;
  padding: 0.8rem var(--hotel-page-pad) !important;
}

[data-onlinemes-theme="aqua"] :is(
  .contract-list-theme-host,
  .bonus-management-theme-host,
  .hotel-markup-theme-host,
  .hotel-extras-theme-host,
  .action-list-theme-host,
  .action-list2-theme-host,
  .free-sales-theme-host,
  .stop-sales-theme-host) .container-fluid>.row.mb-2:first-child h4.mb-0 {
  color: var(--reservation-section-header-text) !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.5rem !important;
  font-family: var(--hotel-page-title-font) !important;
  font-size: 0.95rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.02em;
  line-height: 1.2 !important;
  margin: 0 !important;
}

[data-onlinemes-theme="aqua"] :is(
  .contract-list-theme-host,
  .bonus-management-theme-host,
  .hotel-markup-theme-host,
  .hotel-extras-theme-host,
  .action-list-theme-host,
  .action-list2-theme-host,
  .free-sales-theme-host,
  .stop-sales-theme-host) .container-fluid>.row.mb-2:first-child h4.mb-0 i {
  color: var(--reservation-section-header-text) !important;
  font-size: 0.92em !important;
}

[data-onlinemes-theme="aqua"] :is(.contract-list-theme-host,
  .bonus-management-theme-host,
  .hotel-markup-theme-host,
  .hotel-extras-theme-host,
  .action-list-theme-host,
  .action-list2-theme-host,
  .free-sales-theme-host,
  .stop-sales-theme-host) .container-fluid>.row.mb-2:first-child+.card.shadow-sm.mb-2 {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  margin-top: -1px !important;
}

[data-onlinemes-theme="aqua"] :is(.contract-list-theme-host,
  .bonus-management-theme-host,
  .hotel-markup-theme-host,
  .hotel-extras-theme-host,
  .action-list-theme-host,
  .action-list2-theme-host,
  .free-sales-theme-host,
  .stop-sales-theme-host) .container-fluid>.row.mb-2:first-child+.card.shadow-sm.mb-2>.card-header {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}

[data-onlinemes-theme="aqua"] :is(.contract-list-theme-host,
  .bonus-management-theme-host,
  .hotel-extras-theme-host,
  .action-list-theme-host,
  .action-list2-theme-host,
  .free-sales-theme-host,
  .stop-sales-theme-host) .card.shadow-sm.mb-2 {
  background: var(--hotel-page-surface) !important;
  border: 1px solid var(--border) !important;
  border-radius: 12px !important;
  box-shadow: var(--shadow) !important;
  margin-bottom: var(--hotel-page-gap) !important;
  overflow: hidden !important;
}

[data-onlinemes-theme="aqua"] :is(.contract-list-theme-host,
  .bonus-management-theme-host,
  .hotel-markup-theme-host,
  .hotel-extras-theme-host,
  .action-list-theme-host,
  .action-list2-theme-host,
  .free-sales-theme-host,
  .stop-sales-theme-host) .card.shadow-sm.mb-2> :is(.card-header, .card-header.bg-white, .card-header.bg-light) {
  align-items: center !important;
  background: var(--reservation-section-header-bg) !important;
  border-bottom: 0 !important;
  color: var(--reservation-section-header-text) !important;
  display: flex !important;
  gap: 0.5rem !important;
  padding: 0.75rem var(--hotel-page-pad) !important;
}

[data-onlinemes-theme="aqua"] :is(.contract-list-theme-host,
  .bonus-management-theme-host,
  .hotel-markup-theme-host,
  .hotel-extras-theme-host,
  .action-list-theme-host,
  .action-list2-theme-host,
  .free-sales-theme-host,
  .stop-sales-theme-host) .card.shadow-sm.mb-2> :is(.card-header, .card-header.bg-white, .card-header.bg-light) :is(.card-title, .card-title *, h1, h2, h3, h4, h5, h6, i, .small, .text-muted, .badge) {
  color: var(--reservation-section-header-text) !important;
}

[data-onlinemes-theme="aqua"] :is(.contract-list-theme-host,
  .bonus-management-theme-host,
  .hotel-extras-theme-host,
  .action-list-theme-host,
  .action-list2-theme-host,
  .free-sales-theme-host,
  .stop-sales-theme-host) .card.shadow-sm.mb-2> :is(.card-body, .card-footer) {
  background: var(--hotel-page-surface) !important;
  color: var(--text-body) !important;
  padding: var(--hotel-page-pad) !important;
}

[data-onlinemes-theme="aqua"] :is(.contract-list-theme-host,
  .bonus-management-theme-host,
 
  .hotel-extras-theme-host,
  .action-list-theme-host,
  .action-list2-theme-host,
  .free-sales-theme-host,
  .stop-sales-theme-host) :is(.search-section, .search-section-inner, .bonus-section, .season-section, .aksiyon-section, .operator-section, .location-section) {
  background: var(--hotel-page-surface-alt) !important;
  border: 1px solid var(--border) !important;
  border-radius: 10px !important;
  box-shadow: none !important;
  color: var(--text-body) !important;
  margin-bottom: var(--hotel-page-gap) !important;
  padding: var(--hotel-page-pad) !important;
}

[data-onlinemes-theme="aqua"] :is(.contract-list-theme-host,
  .bonus-management-theme-host,
  .hotel-markup-theme-host,
  .hotel-extras-theme-host,
  .action-list-theme-host,
  .action-list2-theme-host,
  .free-sales-theme-host,
  .stop-sales-theme-host) .search-section {
  border-left: 4px solid var(--blue-lt) !important;
}

[data-onlinemes-theme="aqua"] :is(.contract-list-theme-host,
  .bonus-management-theme-host,
  .hotel-markup-theme-host,
  .hotel-extras-theme-host,
  .action-list-theme-host,
  .action-list2-theme-host,
  .free-sales-theme-host,
  .stop-sales-theme-host) .summary-card {
  background: var(--hotel-page-surface) !important;
  border: 1px solid var(--border) !important;
  border-radius: 12px !important;
  box-shadow: var(--shadow) !important;
  color: var(--text-body) !important;
}

[data-onlinemes-theme="aqua"] :is(.contract-list-theme-host,
  .bonus-management-theme-host,
  .hotel-extras-theme-host,
  .action-list-theme-host,
  .action-list2-theme-host,
  .free-sales-theme-host,
  .stop-sales-theme-host) :is(.table-responsive, .dataTables_wrapper) {
  background: var(--hotel-page-surface) !important;
  border: 1px solid var(--border) !important;
  border-radius: 10px !important;
  box-shadow: none !important;
  margin-top: 0 !important;
  overflow: hidden !important;
}

[data-onlinemes-theme="aqua"] :is(.contract-list-theme-host,
  .bonus-management-theme-host,
  .hotel-markup-theme-host,
  .hotel-extras-theme-host,
  .action-list-theme-host,
  .action-list2-theme-host,
  .free-sales-theme-host,
  .stop-sales-theme-host) :is(.table-responsive, .dataTables_wrapper, .summary-card, .card.shadow-sm.mb-2, .search-section, .search-section-inner, .bonus-section, .season-section, .aksiyon-section, .operator-section, .location-section) :is(.bg-white, .bg-light, .table-light) {
  background: var(--hotel-page-surface-alt) !important;
  border-color: var(--border) !important;
  color: var(--text-body) !important;
}

[data-onlinemes-theme="aqua"] :is(.contract-list-theme-host,
  .bonus-management-theme-host,
  .hotel-markup-theme-host,
  .hotel-extras-theme-host,
  .action-list-theme-host,
  .action-list2-theme-host,
  .free-sales-theme-host,
  .stop-sales-theme-host) :is(.summary-card, .card.shadow-sm.mb-2, .location-section, .search-section, .search-section-inner, .bonus-section, .season-section, .aksiyon-section, .operator-section) :is(h1, h2, h3, h4, h5, h6, .card-title) {
  color: var(--text-primary) !important;
}

[data-onlinemes-theme="aqua"] :is(.contract-list-theme-host,
  .bonus-management-theme-host,
  .hotel-markup-theme-host,
  .hotel-extras-theme-host,
  .action-list-theme-host,
  .action-list2-theme-host,
  .free-sales-theme-host,
  .stop-sales-theme-host) :is(.summary-card, .location-section, .search-section, .search-section-inner, .bonus-section, .season-section, .aksiyon-section, .operator-section) .filter-label {
  color: var(--text-primary) !important;
}

[data-onlinemes-theme="aqua"] :is(.contract-list-theme-host,
  .bonus-management-theme-host,
  .hotel-markup-theme-host,
  .hotel-extras-theme-host,
  .action-list-theme-host,
  .action-list2-theme-host,
  .free-sales-theme-host,
  .stop-sales-theme-host) :is(.summary-card, .location-section, .search-section, .search-section-inner, .bonus-section, .season-section, .aksiyon-section, .operator-section) :is(.text-muted, .small) {
  color: var(--text-body) !important;
}

[data-onlinemes-theme="aqua"] :is(.contract-list-theme-host,
  .bonus-management-theme-host,
  .hotel-markup-theme-host,

  .action-list2-theme-host,
  .free-sales-theme-host,
  .stop-sales-theme-host) :is(.empty-state, [class*="empty-state"], .alert) {
  background: var(--hotel-page-surface-alt) !important;
  border: 1px solid var(--border) !important;
  border-radius: 10px !important;
  box-shadow: none !important;
  color: var(--text-body) !important;
}

[data-onlinemes-theme="aqua"] :is(.contract-list-theme-host,
  .hotel-markup-theme-host,

  .action-list2-theme-host,
  .free-sales-theme-host,
  .stop-sales-theme-host) .alert-danger {
  background: var(--alert-danger-bg) !important;
  border-color: var(--alert-danger-border) !important;
  color: var(--text-primary) !important;
}

[data-onlinemes-theme="aqua"] :is(
 
  .action-list2-theme-host,
  .free-sales-theme-host,
  .stop-sales-theme-host) .container-fluid>.row.mb-2:first-child .d-flex.justify-content-between.align-items-center {
  align-items: center !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 0.75rem !important;
  width: 100% !important;
}

[data-onlinemes-theme="aqua"] :is(
  .bonus-management-theme-host,


  .action-list2-theme-host,
  .free-sales-theme-host,
  .stop-sales-theme-host) .container-fluid>.row.mb-2:first-child .d-flex.justify-content-between.align-items-center> :first-child {
  flex: 0 1 auto !important;
}

[data-onlinemes-theme="aqua"] :is(.contract-list-theme-host,
  .bonus-management-theme-host,
  .action-list2-theme-host,
  .free-sales-theme-host,
  .stop-sales-theme-host) .container-fluid>.row.mb-2:first-child .d-flex.justify-content-between.align-items-center> :last-child:not(:first-child) {
  align-items: center !important;
  display: inline-flex !important;
  gap: 0.5rem !important;
  justify-content: flex-end !important;
  margin-left: auto !important;
}

[data-onlinemes-theme="aqua"] :is(.add-theme-host,
  .free-sales2-theme-host,
  .management-theme-host) :is(.card, .filter-card, .filter-box-group) {
  background: var(--hotel-page-surface) !important;
  border: 1px solid var(--border) !important;
  border-radius: 12px !important;
  box-shadow: var(--shadow) !important;
  color: var(--text-body) !important;
}

[data-onlinemes-theme="aqua"] :is(.add-theme-host,
  .index-theme-host,
  .hotel-export-theme-host,
  .free-sales2-theme-host,
  .management-theme-host) :is(.filter-card, .filter-box-group) {
  background: var(--hotel-page-surface-alt) !important;
}

[data-onlinemes-theme="aqua"] :is(.add-theme-host,
  .index-theme-host,
  .hotel-export-theme-host,
  .free-sales2-theme-host,
  .management-theme-host) .card {
  margin-bottom: var(--hotel-page-gap) !important;
}

[data-onlinemes-theme="aqua"] :is(.add-theme-host,
  .index-theme-host,
  .hotel-export-theme-host,
  .free-sales2-theme-host,
  .management-theme-host) .card.card-outline {
  border-top: 0 !important;
}

[data-onlinemes-theme="aqua"] :is(

  ) .card>.card-header {
  align-items: center !important;
  background: var(--hotel-page-header-surface) !important;
  border-bottom: 1px solid var(--border) !important;
  color: var(--text-primary) !important;
  display: flex !important;
  gap: 0.75rem !important;
  padding: 0.72rem var(--hotel-page-pad) !important;
}

[data-onlinemes-theme="aqua"] :is(.add-theme-host,
 
  .free-sales2-theme-host,
 ) .card>.card-header .card-title,
[data-onlinemes-theme="aqua"] :is(.add-theme-host,

  .free-sales2-theme-host,
) .filter-card-header,
[data-onlinemes-theme="aqua"] :is(
  .add-theme-host,
 
  .free-sales2-theme-host,) .filter-box-group>label {
  color: var(--text-primary) !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.5rem !important;
  font-family: var(--hotel-page-title-font) !important;
  font-size: 0.92rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.01em !important;
  line-height: 1.2 !important;
  text-transform: none !important;
}

[data-onlinemes-theme="aqua"] :is(.add-theme-host,
  .index-theme-host,
  .hotel-export-theme-host,
  .management-theme-host) .card>.card-header .card-title {
  margin: 0 !important;
}

[data-onlinemes-theme="aqua"] :is(.add-theme-host,
  .hotel-export-theme-host,
  .free-sales2-theme-host,
  .management-theme-host) :is(.card > .card-header .card-title, .filter-card-header, .filter-box-group > label) i {
  color: var(--teal) !important;
  opacity: 1 !important;
}

[data-onlinemes-theme="aqua"] :is(.add-theme-host,

  .hotel-export-theme-host,
  .free-sales2-theme-host,
  .management-theme-host) .card>.card-header .card-tools {
  align-items: center !important;
  display: inline-flex !important;
  gap: 0.5rem !important;
  justify-content: flex-end !important;
  margin-left: auto !important;
}

[data-onlinemes-theme="aqua"] :is(.add-theme-host,
  .hotel-export-theme-host,
  .free-sales2-theme-host,
  .management-theme-host) .card> :is(.card-body, .card-footer) {
  background: var(--hotel-page-surface) !important;
  color: var(--text-body) !important;
  padding: var(--hotel-page-pad) !important;
}

[data-onlinemes-theme="aqua"] :is(.add-theme-host,
  .free-sales2-theme-host,
  .management-theme-host) .filter-card-header {
  border-bottom-color: var(--border) !important;
  margin-bottom: 0.75rem !important;
  padding-bottom: 0.65rem !important;
}

[data-onlinemes-theme="aqua"] :is(.add-theme-host,
  .free-sales2-theme-host,
  .management-theme-host) .filter-box-group>label {
  background: var(--hotel-page-header-surface) !important;
  border-bottom-color: var(--border) !important;
  margin-bottom: 0 !important;
  padding: 0.6rem 0.8rem !important;
}

[data-onlinemes-theme="aqua"] :is(.add-theme-host,
  .free-sales2-theme-host,
  .management-theme-host) :is(.card, .filter-card, .filter-box-group) :is(.bg-white, .bg-light) {
  background: var(--hotel-page-surface-alt) !important;
  border-color: var(--border) !important;
  color: var(--text-body) !important;
}

[data-onlinemes-theme="aqua"] :is(.add-theme-host,
  .free-sales2-theme-host,
  .management-theme-host) :is(.card, .filter-card, .filter-box-group) :is(.text-muted, .small) {
  color: var(--text-body) !important;
}

[data-onlinemes-theme="aqua"] :is(.add-theme-host,
  .free-sales2-theme-host) :is(.card, .filter-card, .filter-box-group) :is(h1, h2, h3, h4, h5, h6, .card-title) {
  color: var(--text-primary) !important;
}

[data-onlinemes-theme="aqua"] .management-theme-host .container-fluid>.row:first-child {
  margin-bottom: var(--hotel-page-gap) !important;
}

[data-onlinemes-theme="aqua"] .management-theme-host .hotel-tabs {
  margin-top: var(--hotel-page-gap) !important;
}

[data-onlinemes-theme="aqua"] .management-theme-host .hotel-tabs .nav-tabs {
  background: var(--hotel-page-header-surface) !important;
  border: 1px solid var(--border) !important;
  border-bottom: 0 !important;
  border-radius: 14px 14px 0 0 !important;
  box-shadow: var(--shadow) !important;
  flex-wrap: nowrap !important;
  gap: 0.35rem !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  padding: 0.35rem 0.35rem 0 !important;
  scrollbar-width: thin;
}

[data-onlinemes-theme="aqua"] .management-theme-host .hotel-tabs .nav-tabs .nav-link {
  background: transparent !important;
  border: 1px solid transparent !important;
  border-radius: 10px 10px 0 0 !important;
  color: var(--text-dim) !important;
  font-family: var(--hotel-page-title-font) !important;
  font-size: 0.82rem !important;
  font-weight: 500 !important;
  margin-bottom: -1px !important;
  padding: 0.55rem 0.85rem !important;
  transition: background .18s ease, border-color .18s ease, color .18s ease !important;
  white-space: nowrap !important;
}

[data-onlinemes-theme="aqua"] .management-theme-host .hotel-tabs .nav-tabs .nav-link:hover {
  background: rgba(41, 121, 176, 0.08) !important;
  border-color: rgba(41, 121, 176, 0.12) !important;
  color: var(--blue) !important;
}

[data-onlinemes-theme="aqua"] .management-theme-host .hotel-tabs .nav-tabs .nav-link.active {
  background: var(--hotel-page-surface) !important;
  border-color: var(--border) !important;
  border-bottom-color: var(--hotel-page-surface) !important;
  color: var(--text-primary) !important;
  font-weight: 600 !important;
}

[data-onlinemes-theme="aqua"] .management-theme-host .hotel-tabs .nav-tabs .nav-link:focus-visible {
  box-shadow: 0 0 0 0.2rem rgba(41, 121, 176, 0.18) !important;
}

[data-onlinemes-theme="aqua"] .management-theme-host .hotel-tabs .nav-tabs .nav-link.disabled {
  color: var(--text-dim) !important;
  opacity: 0.68 !important;
}

[data-onlinemes-theme="aqua"] .management-theme-host .hotel-tabs .tab-content {
  background: var(--hotel-page-surface) !important;
  border: 1px solid var(--border) !important;
  border-top: 0 !important;
  border-radius: 0 0 14px 14px !important;
  box-shadow: var(--shadow) !important;
  padding: var(--hotel-page-pad) !important;
}

[data-onlinemes-theme="aqua"] .management-theme-host .hotel-tabs .tab-content :is(h1, h2, h3, h4, h5, h6, .card-title) {
  font-family: var(--hotel-page-title-font) !important;
}

@media (max-width: 767.98px) {

  [data-onlinemes-theme="aqua"] :is(.contract-list-theme-host,
    .bonus-management-theme-host,
    .hotel-markup-theme-host,
    .hotel-extras-theme-host,
    .action-list-theme-host,
    .action-list2-theme-host,
    .free-sales-theme-host,
    .stop-sales-theme-host) .container-fluid>.row.mb-2:first-child>.col-12>.d-flex {
    align-items: flex-start !important;
  }

  [data-onlinemes-theme="aqua"] :is(.contract-list-theme-host,
    .bonus-management-theme-host,
    .hotel-markup-theme-host,
    .hotel-extras-theme-host,
    .action-list-theme-host,
    .action-list2-theme-host,
    .free-sales-theme-host,
    .stop-sales-theme-host) .container-fluid>.row.mb-2:first-child .d-flex.justify-content-between.align-items-center> :last-child:not(:first-child) {
    justify-content: flex-start !important;
    margin-left: 0 !important;
    width: 100% !important;
  }

  [data-onlinemes-theme="aqua"] :is(.add-theme-host,
    .index-theme-host,
    .hotel-export-theme-host,
    .free-sales2-theme-host,
    .management-theme-host) .card>.card-header {
    align-items: flex-start !important;
    flex-wrap: wrap !important;
  }

  [data-onlinemes-theme="aqua"] :is(.add-theme-host,
    .index-theme-host,
    .hotel-export-theme-host,
    .free-sales2-theme-host,
    .management-theme-host) .card>.card-header .card-tools {
    justify-content: flex-start !important;
    margin-left: 0 !important;
    width: 100% !important;
  }
}

/* ═══ OPERATION NAV PAGES: UNIFIED SPACING + SURFACES ═══ */
[data-onlinemes-theme="aqua"] :is(.transfer-pricing-theme-host,
  .transfer-reservations-theme-host,
  .guest-traffic-theme-host,
  .tour-sales-theme-host,
  .routes-theme-host,
  .vehicle-types-theme-host,
  .vehicle-companies-theme-host,
  .vehicles-theme-host,
  .vendors-theme-host,
  .tours-theme-host,
  .pagename-theme-host:has(.container-fluid > .row:first-child h2 .fa-plane),
  .pagename-theme-host:has(.container-fluid > .row:first-child h2 .fa-user-tie)) {
  --operation-page-gap: var(--nav-page-gap);
  --operation-page-pad: var(--nav-page-pad);
  --operation-page-top-space: var(--nav-page-top-space);
  --operation-page-surface: var(--nav-page-surface);
  --operation-page-surface-alt: var(--nav-page-surface-alt);
  --operation-page-header-surface: var(--nav-page-header-surface);
  --operation-page-shell-radius: var(--nav-page-shell-radius);
  --operation-page-cta-bg: var(--nav-page-cta-bg);
  --operation-page-cta-shadow: var(--nav-page-cta-shadow);
  --operation-page-title-font: var(--nav-page-title-font);
}

[data-theme="light"][data-onlinemes-theme="aqua"] :is(.transfer-pricing-theme-host,
  .transfer-reservations-theme-host,
  .guest-traffic-theme-host,
  .tour-sales-theme-host,
  .routes-theme-host,
  .vehicle-types-theme-host,
  .vehicle-companies-theme-host,
  .vehicles-theme-host,
  .vendors-theme-host,
  .tours-theme-host,
  .pagename-theme-host:has(.container-fluid > .row:first-child h2 .fa-plane),
  .pagename-theme-host:has(.container-fluid > .row:first-child h2 .fa-user-tie)) {
  --operation-page-surface: var(--reservation-section-bg);
  --operation-page-surface-alt: var(--reservation-section-bg);
  --operation-page-header-surface: var(--reservation-section-header-bg);
}

[data-onlinemes-theme="aqua"] :is(.transfer-pricing-theme-host,
  .transfer-reservations-theme-host,
  .guest-traffic-theme-host,
  .tour-sales-theme-host,
  .routes-theme-host,
  .vehicle-types-theme-host,
  .vehicle-companies-theme-host,
  .vehicles-theme-host,
  .vendors-theme-host,
  .tours-theme-host,
  .pagename-theme-host:has(.container-fluid > .row:first-child h2 .fa-plane),
  .pagename-theme-host:has(.container-fluid > .row:first-child h2 .fa-user-tie)) :is(.btn-outline-success:hover, .btn-outline-secondary:hover, .btn-outline-primary:hover, .btn-outline-danger:hover, .btn-secondary:hover) {
  transform: translateY(-1px) !important;
}

[data-onlinemes-theme="aqua"] :is(.transfer-pricing-theme-host,
  .transfer-reservations-theme-host,
  .tour-sales-theme-host,
  .routes-theme-host,
  .vehicle-types-theme-host,
  .vehicle-companies-theme-host,
  .vehicles-theme-host,
  .vendors-theme-host,
  .tours-theme-host,
  .pagename-theme-host:has(.container-fluid > .row:first-child h2 .fa-plane),
  .pagename-theme-host:has(.container-fluid > .row:first-child h2 .fa-user-tie)) :is(.card,
  .report-panel,
  .summary-card,
  .filter-card,
  .operator-section,
  .location-section,
  .multiselect-section,
  .tour-section,
  .quick-search-box,
  .date-filter-group,
  .checkbox-list-container,
  .guide-filter-card,
  .vehicle-filter-card,
  .guide-city-panel,
  .vehicle-city-panel,
  .modal-content,
  .table-responsive) {
  background: var(--operation-page-surface) !important;
  border: 1px solid var(--border) !important;
  border-radius: 12px !important;
  box-shadow: var(--shadow) !important;
  color: var(--text-body) !important;
}

[data-onlinemes-theme="aqua"] :is(.transfer-pricing-theme-host,
  .transfer-reservations-theme-host,
  .tour-sales-theme-host,
  .routes-theme-host,
  .vehicle-types-theme-host,
  .vehicle-companies-theme-host,
  .vehicles-theme-host,
  .vendors-theme-host,
  .tours-theme-host,
  .pagename-theme-host:has(.container-fluid > .row:first-child h2 .fa-plane),
  .pagename-theme-host:has(.container-fluid > .row:first-child h2 .fa-user-tie)) :is(.card-header,
  .modal-header,
  .filter-card-header,
  .guide-filter-card-header,
  .vehicle-filter-card-header,
  .table-light,
  .bg-light,
  .bg-white) {
  background: var(--operation-page-header-surface) !important;
  border-color: var(--border) !important;
  color: var(--text-primary) !important;
}

[data-onlinemes-theme="aqua"] :is(.transfer-pricing-theme-host,
  .transfer-reservations-theme-host,
  .guest-traffic-theme-host,
  .tour-sales-theme-host,
  .routes-theme-host,
  .vehicle-types-theme-host,
  .vehicle-companies-theme-host,
  .vehicles-theme-host,
  .vendors-theme-host,
  .tours-theme-host,
  .pagename-theme-host:has(.container-fluid > .row:first-child h2 .fa-plane),
  .pagename-theme-host:has(.container-fluid > .row:first-child h2 .fa-user-tie)) :is(.card-body, .card-footer, .modal-body, .modal-footer, .report-panel, .quick-search-box, .operator-section, .location-section, .multiselect-section, .tour-section, .date-filter-group) {
  color: var(--text-body) !important;
}

[data-onlinemes-theme="aqua"] :is(.transfer-pricing-theme-host,

  .pagename-theme-host:has(.container-fluid > .row:first-child h2 .fa-plane),
  .pagename-theme-host:has(.container-fluid > .row:first-child h2 .fa-user-tie)) :is(.card-title, .modal-title, .report-title, h2, h3, h4, h5, h6) {
  color: var(--text-primary) !important;
  font-family: var(--operation-page-title-font) !important;
}

[data-onlinemes-theme="aqua"] :is(.transfer-pricing-theme-host,
  .transfer-reservations-theme-host,
  .tour-sales-theme-host,
  .routes-theme-host,
  .vehicle-types-theme-host,
  .vehicle-companies-theme-host,
  .vehicles-theme-host,
  .vendors-theme-host,
  .tours-theme-host,
  .pagename-theme-host:has(.container-fluid > .row:first-child h2 .fa-plane),
  .pagename-theme-host:has(.container-fluid > .row:first-child h2 .fa-user-tie)) :is(.filter-label, .small, .text-muted) {
  color: var(--text-dim) !important;
}

[data-onlinemes-theme="aqua"] :is(.transfer-pricing-theme-host,
  .transfer-reservations-theme-host,
  .guest-traffic-theme-host,
  .tour-sales-theme-host,
  .routes-theme-host,
  .vehicle-types-theme-host,
  .vehicle-companies-theme-host,
  .vehicles-theme-host,
  .vendors-theme-host,
  .tours-theme-host,
  .pagename-theme-host:has(.container-fluid > .row:first-child h2 .fa-plane),
  .pagename-theme-host:has(.container-fluid > .row:first-child h2 .fa-user-tie)) :is(.alert, .empty-state, [class*="empty-state"]) {
  background: var(--operation-page-surface-alt) !important;
  border: 1px solid var(--border) !important;
  border-radius: 10px !important;
  box-shadow: none !important;
  color: var(--text-body) !important;
}

[data-onlinemes-theme="aqua"] .transfer-pricing-theme-host :is(.card.card-primary, .card.card-success, .transfer-modal-container, .transfer-modal-container .card) {
  background: var(--operation-page-surface) !important;
  border: 1px solid var(--border) !important;
  border-radius: 12px !important;
  box-shadow: var(--shadow) !important;
  color: var(--text-body) !important;
}

[data-onlinemes-theme="aqua"] .transfer-pricing-theme-host :is(.card.card-primary, .card.card-success) {
  margin-bottom: var(--operation-page-gap) !important;
}

[data-onlinemes-theme="aqua"] .transfer-pricing-theme-host :is(.card.card-primary, .card.card-success, .transfer-modal-container .card)>.card-header,
[data-onlinemes-theme="aqua"] .transfer-pricing-theme-host .transfer-modal-container .card-header.bg-light,
[data-onlinemes-theme="aqua"] .transfer-pricing-theme-host .filter-card-header {
  background: var(--operation-page-header-surface) !important;
  border-bottom: 1px solid var(--border) !important;
  color: var(--text-primary) !important;
}

[data-theme="light"][data-onlinemes-theme="aqua"] .transfer-pricing-theme-host :is(.card.card-primary, .card.card-success, .transfer-modal-container .card)>.card-header,
[data-theme="light"][data-onlinemes-theme="aqua"] .transfer-pricing-theme-host .transfer-modal-container .card-header.bg-light,
[data-theme="light"][data-onlinemes-theme="aqua"] .transfer-pricing-theme-host .filter-card-header,
[data-theme="light"][data-onlinemes-theme="aqua"] .transfer-reservations-theme-host :is(.card.shadow-sm > .card-header, .card .card-header.bg-secondary.text-white) {
  border-bottom: 1px solid var(--reservation-section-header-border) !important;
  color: var(--reservation-section-header-text) !important;
}

[data-onlinemes-theme="aqua"] .transfer-pricing-theme-host :is(.card.card-primary, .card.card-success, .transfer-modal-container .card)>.card-header {
  padding: 0.72rem var(--operation-page-pad) !important;
}

[data-onlinemes-theme="aqua"] .transfer-pricing-theme-host :is(.card.card-primary, .card.card-success, .transfer-modal-container .card)>.card-header,
[data-onlinemes-theme="aqua"] .transfer-reservations-theme-host :is(.card.shadow-sm > .card-header, .card .card-header.bg-secondary.text-white) {
  align-items: center !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 0.75rem !important;
}

[data-onlinemes-theme="aqua"] :is(.transfer-pricing-theme-host, .transfer-reservations-theme-host) .card-tools {
  align-items: center !important;
  display: inline-flex !important;
  flex-wrap: wrap !important;
  gap: 0.5rem !important;
  justify-content: flex-end !important;
  margin-left: auto !important;
}

[data-onlinemes-theme="aqua"] .transfer-pricing-theme-host :is(.card.card-primary, .card.card-success, .transfer-modal-container .card)>.card-header .card-title,
[data-onlinemes-theme="aqua"] .transfer-pricing-theme-host .filter-card-header,
[data-onlinemes-theme="aqua"] .transfer-pricing-theme-host .transfer-modal-header h5 {
  align-items: center !important;
  display: inline-flex !important;
  font-family: var(--operation-page-title-font) !important;
  font-size: 0.94rem !important;
  font-weight: 600 !important;
  gap: 0.5rem !important;
  letter-spacing: 0.01em !important;
  line-height: 1.2 !important;
  margin: 0 !important;
}

[data-theme="light"][data-onlinemes-theme="aqua"] .transfer-pricing-theme-host :is(.card.card-primary, .card.card-success, .transfer-modal-container .card)>.card-header .card-title,
[data-theme="light"][data-onlinemes-theme="aqua"] .transfer-pricing-theme-host :is(.card.card-primary, .card.card-success, .transfer-modal-container .card)>.card-header .card-title i,
[data-theme="light"][data-onlinemes-theme="aqua"] .transfer-pricing-theme-host .filter-card-header,
[data-theme="light"][data-onlinemes-theme="aqua"] .transfer-pricing-theme-host .filter-card-header i,
[data-theme="light"][data-onlinemes-theme="aqua"] .transfer-pricing-theme-host .transfer-modal-header h5,
[data-theme="light"][data-onlinemes-theme="aqua"] .transfer-reservations-theme-host :is(.card.shadow-sm > .card-header, .card .card-header.bg-secondary.text-white) :is(.card-title, .card-title i) {
  color: var(--reservation-section-header-text) !important;
}

[data-onlinemes-theme="aqua"] .transfer-pricing-theme-host :is(.card.card-primary, .card.card-success, .transfer-modal-container .card)> :is(.card-body, .card-footer),
[data-onlinemes-theme="aqua"] .transfer-pricing-theme-host .transfer-modal-body {
  background: var(--operation-page-surface) !important;
  color: var(--text-body) !important;
}

[data-onlinemes-theme="aqua"] .transfer-pricing-theme-host :is(.filter-card, .transfer-modal-container .card, .transfer-modal-body .card) {
  background: var(--operation-page-surface-alt) !important;
  border-color: var(--border) !important;
  box-shadow: none !important;
}

[data-onlinemes-theme="aqua"] .transfer-pricing-theme-host .section-divider {
  border-color: var(--section-divider) !important;
}


[data-onlinemes-theme="aqua"] .transfer-reservations-theme-host .card.shadow-sm>.card-header .badge,
[data-onlinemes-theme="aqua"] .transfer-pricing-theme-host .card.card-success>.card-header .badge {
  align-self: center;
}

[data-onlinemes-theme="aqua"] :is(.transfer-reservations-theme-host,
  .guest-traffic-theme-host,
  .tour-sales-theme-host) .container-fluid>.row.mb-2:first-child {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

[data-onlinemes-theme="aqua"] :is(
  .guest-traffic-theme-host,
 ) .container-fluid>.row.mb-2:first-child>.col-12>.d-flex {
  align-items: center !important;
  background: var(--operation-page-header-surface) !important;
  border: 1px solid var(--border) !important;
  border-bottom: 0 !important;
  border-radius: var(--operation-page-shell-radius) var(--operation-page-shell-radius) 0 0 !important;
  box-shadow: var(--shadow) !important;
  color: var(--text-primary) !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 0.75rem !important;
  min-height: 3.25rem;
  padding: 0.8rem var(--operation-page-pad) !important;
}

[data-onlinemes-theme="aqua"] :is(
  .guest-traffic-theme-host,
  ) .container-fluid>.row.mb-2:first-child :is(h4.mb-0, .header-actions + h4.mb-0) {
  align-items: center !important;
  color: var(--text-primary) !important;
  display: inline-flex !important;
  font-family: var(--operation-page-title-font) !important;
  font-size: 0.95rem !important;
  font-weight: 600 !important;
  gap: 0.5rem !important;
  letter-spacing: 0.02em !important;
  line-height: 1.2 !important;
  margin: 0 !important;
}

[data-onlinemes-theme="aqua"] :is(.transfer-reservations-theme-host,
  .guest-traffic-theme-host,
  .tour-sales-theme-host) .container-fluid>.row.mb-2:first-child h4.mb-0 i {
  color: var(--teal) !important;
  font-size: 0.92em !important;
}

[data-onlinemes-theme="aqua"] :is(.transfer-reservations-theme-host,
  .guest-traffic-theme-host,
  .tour-sales-theme-host) .container-fluid>.row.mb-2:first-child>.col-12>.d-flex> :last-child:not(:first-child),
[data-onlinemes-theme="aqua"] .tour-sales-theme-host .header-actions {
  align-items: center !important;
  display: inline-flex !important;
  flex-wrap: wrap !important;
  gap: 0.5rem !important;
  justify-content: flex-end !important;
  margin-left: auto !important;
}

[data-onlinemes-theme="aqua"] :is(.transfer-reservations-theme-host,
  .guest-traffic-theme-host,
  .tour-sales-theme-host) .card.shadow-sm.mb-2 {
  background: var(--operation-page-surface) !important;
  border: 1px solid var(--border) !important;
  border-radius: 12px !important;
  box-shadow: var(--shadow) !important;
  margin-bottom: var(--operation-page-gap) !important;
}

[data-onlinemes-theme="aqua"] :is(.transfer-reservations-theme-host,
  .guest-traffic-theme-host,
  .tour-sales-theme-host) .container-fluid>.row.mb-2:first-child+.card.shadow-sm.mb-2 {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  margin-top: -1px !important;
}

[data-onlinemes-theme="aqua"] :is(.transfer-reservations-theme-host,
  .guest-traffic-theme-host,
  .tour-sales-theme-host) .card.shadow-sm.mb-2> :is(.card-header, .card-header.bg-light, .card-header.bg-white) {
  background: var(--operation-page-header-surface) !important;
  border-bottom: 1px solid var(--border) !important;
  color: var(--text-primary) !important;
  padding: 0.75rem var(--operation-page-pad) !important;
}

[data-onlinemes-theme="aqua"] :is(.transfer-reservations-theme-host,
  .guest-traffic-theme-host,
  .tour-sales-theme-host) .card.shadow-sm.mb-2> :is(.card-body, .card-footer) {
  background: var(--operation-page-surface) !important;
  color: var(--text-body) !important;
  padding: var(--operation-page-pad) !important;
}

[data-onlinemes-theme="aqua"] :is(.transfer-reservations-theme-host,
  .guest-traffic-theme-host,
  .tour-sales-theme-host) :is(.operator-section, .location-section, .multiselect-section, .tour-section, .quick-search-box, .date-filter-group, .report-panel) {
  background: var(--operation-page-surface-alt) !important;
  border: 1px solid var(--border) !important;
  border-radius: 10px !important;
  box-shadow: none !important;
  color: var(--text-body) !important;
  margin-bottom: var(--operation-page-gap) !important;
  padding: var(--operation-page-pad) !important;
}

[data-onlinemes-theme="aqua"] .tour-sales-theme-host .tour-sales-location-section {
  background-color: #b8f2e1 !important;
  background:
    radial-gradient(circle at top left, rgba(15, 118, 110, 0.24), transparent 24%),
    radial-gradient(circle at bottom right, rgba(20, 184, 166, 0.3), transparent 30%),
    linear-gradient(135deg, #b8f2e1 0%, #8ee7cf 50%, #b9e7ff 100%) !important;
  border: 1px solid rgba(13, 148, 136, 0.5) !important;
  border-radius: 16px !important;
  box-shadow: 0 16px 34px rgba(15, 118, 110, 0.16) !important;
  color: var(--text-body) !important;
  padding: 0.9rem !important;
}

[data-onlinemes-theme="aqua"] .tour-sales-theme-host .tour-sales-tour-section {
  background-color: #bfdcff !important;
  background:
    radial-gradient(circle at top right, rgba(37, 99, 235, 0.24), transparent 24%),
    radial-gradient(circle at bottom left, rgba(96, 165, 250, 0.24), transparent 28%),
    linear-gradient(135deg, #bfdcff 0%, #9ec5ff 52%, #c7d8ff 100%) !important;
  border: 1px solid rgba(37, 99, 235, 0.46) !important;
  border-radius: 16px !important;
  box-shadow: 0 14px 28px rgba(37, 99, 235, 0.16) !important;
  color: var(--text-body) !important;
  padding: 0.85rem !important;
}

[data-onlinemes-theme="aqua"] :is(.transfer-reservations-theme-host,
  .guest-traffic-theme-host,
  .tour-sales-theme-host) .quick-search-box,
[data-onlinemes-theme="aqua"] :is(.transfer-reservations-theme-host,
  .guest-traffic-theme-host,
  .tour-sales-theme-host) .multiselect-section {
  box-shadow: none !important;
}

[data-onlinemes-theme="aqua"] :is(.transfer-reservations-theme-host,
  .guest-traffic-theme-host,
  .tour-sales-theme-host) .checkbox-list-container {
  background: var(--operation-page-surface) !important;
  border-color: var(--border) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.02) !important;
}

[data-onlinemes-theme="aqua"] .guest-traffic-theme-host .col-md-6.d-flex.gap-1.flex-wrap.justify-content-end {
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 0.35rem !important;
}

@media (min-width: 992px) {
  [data-onlinemes-theme="aqua"] .guest-traffic-theme-host .col-md-6.d-flex.gap-1.flex-wrap.justify-content-end {
    flex-wrap: nowrap !important;
  }
}

[data-onlinemes-theme="aqua"] .guest-traffic-theme-host .col-md-6.d-flex.gap-1.flex-wrap.justify-content-end .btn-group.btn-group-sm {
  background: rgba(15, 31, 58, 0.08) !important;
  border: 1px solid rgba(255, 255, 255, 0.05) !important;
  border-radius: 9px !important;
  box-shadow: none !important;
  flex: 0 0 auto !important;
  overflow: hidden !important;
}

[data-onlinemes-theme="aqua"].col-md-6.d-flex.gap-1.flex-wrap.justify-content-end .btn-group.btn-group-sm>.btn {
  align-items: center !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  display: inline-flex !important;
  font-size: 0.72rem !important;
  font-weight: 500 !important;
  gap: 0.32rem !important;
  justify-content: center !important;
  min-height: 1.9rem !important;
  padding: 0.3rem 0.7rem !important;
  position: relative;
}

[data-onlinemes-theme="aqua"] .guest-traffic-theme-host .col-md-6.d-flex.gap-1.flex-wrap.justify-content-end .btn-group.btn-group-sm>.btn+.btn {
  border-left: 1px solid rgba(255, 255, 255, 0.1) !important;
}



[data-onlinemes-theme="aqua"] .guest-traffic-theme-host .col-md-6.d-flex.gap-1.flex-wrap.justify-content-end .btn-group.btn-group-sm>.btn:last-child {
  min-width: 2.2rem;
  padding-inline: 0.56rem !important;
}

[data-onlinemes-theme="aqua"] .guest-traffic-theme-host .col-md-6.d-flex.gap-1.flex-wrap.justify-content-end .btn-group.btn-group-sm>.btn:hover {
  filter: brightness(1.04) !important;
  transform: none !important;
}

[data-onlinemes-theme="aqua"] .guest-traffic-theme-host .col-md-6.d-flex.gap-1.flex-wrap.justify-content-end .btn-group.btn-group-sm>.btn:focus-visible {
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.16), 0 0 0 0.2rem rgba(41, 121, 176, 0.18) !important;
  outline: none !important;
  z-index: 1;
}

[data-onlinemes-theme="aqua"] .guest-traffic-theme-host .col-md-6.d-flex.gap-1.flex-wrap.justify-content-end .btn-group.btn-group-sm>.btn .fa-file-excel {
  font-size: 0.84rem !important;
}

[data-onlinemes-theme="aqua"] :is(.vehicle-types-theme-host,
  .vehicle-companies-theme-host,
  .vehicles-theme-host,
  .vendors-theme-host,
  .tours-theme-host,
  .pagename-theme-host:has(.container-fluid > .row:first-child h2 .fa-plane),
  .pagename-theme-host:has(.container-fluid > .row:first-child h2 .fa-user-tie)) .container-fluid>.row.mb-3:first-child {
  margin-bottom: 0.75rem !important;
}

[data-onlinemes-theme="aqua"] :is(.vehicle-types-theme-host,
  .vehicle-companies-theme-host,
  .vehicles-theme-host,
  .vendors-theme-host,
  .tours-theme-host,
  .pagename-theme-host:has(.container-fluid > .row:first-child h2 .fa-plane),
  .pagename-theme-host:has(.container-fluid > .row:first-child h2 .fa-user-tie)) .container-fluid>.row.mb-3:first-child h2 {
  align-items: center !important;
  color: var(--text-primary) !important;
  display: inline-flex !important;
  font-family: var(--operation-page-title-font) !important;
  font-size: 1rem !important;
  font-weight: 700 !important;
  gap: 0.55rem !important;
  letter-spacing: 0.01em !important;
  line-height: 1.2 !important;
  margin: 0 !important;
}

[data-onlinemes-theme="aqua"] :is(.vehicle-types-theme-host,
  .vehicle-companies-theme-host,
  .vehicles-theme-host,
  .vendors-theme-host,
  .tours-theme-host,
  .pagename-theme-host:has(.container-fluid > .row:first-child h2 .fa-plane),
  .pagename-theme-host:has(.container-fluid > .row:first-child h2 .fa-user-tie)) .container-fluid>.row.mb-3:first-child h2 i {
  color: var(--teal) !important;
}

[data-onlinemes-theme="aqua"] :is(.vehicle-types-theme-host,
  .vehicle-companies-theme-host,
  .vehicles-theme-host,
  .vendors-theme-host,
  .tours-theme-host,
  .pagename-theme-host:has(.container-fluid > .row:first-child h2 .fa-plane),
  .pagename-theme-host:has(.container-fluid > .row:first-child h2 .fa-user-tie)) .container-fluid>.row.mb-3:has(.btn, .form-control, .form-select):not(:first-child) {
  align-items: end !important;
  background: var(--operation-page-surface-alt) !important;
  border: 1px solid var(--border) !important;
  border-radius: 12px !important;
  box-shadow: var(--shadow) !important;
  margin-bottom: var(--operation-page-gap) !important;
  padding: var(--operation-page-pad) !important;
}

[data-onlinemes-theme="aqua"] :is(.vehicle-types-theme-host,
  .vehicle-companies-theme-host,
  .vehicles-theme-host,
  .vendors-theme-host,
  .tours-theme-host,
  .pagename-theme-host:has(.container-fluid > .row:first-child h2 .fa-plane),
  .pagename-theme-host:has(.container-fluid > .row:first-child h2 .fa-user-tie)) :is(.guide-filter-card, .vehicle-filter-card, .guide-city-panel, .vehicle-city-panel, .modal-content) {
  background: var(--operation-page-surface) !important;
  border-color: var(--border) !important;
}

[data-onlinemes-theme="aqua"] :is(.vehicle-types-theme-host,
  .vehicle-companies-theme-host,
  .vehicles-theme-host,
  .vendors-theme-host,
  .tours-theme-host,
  .pagename-theme-host:has(.container-fluid > .row:first-child h2 .fa-plane),
  .pagename-theme-host:has(.container-fluid > .row:first-child h2 .fa-user-tie)) :is(.guide-filter-card-header, .vehicle-filter-card-header, .modal-header) {
  border-bottom: 1px solid var(--border) !important;
}

[data-onlinemes-theme="aqua"] .routes-theme-host .container-fluid>.row.mb-2:first-child {
  margin-bottom: var(--operation-page-gap) !important;
}

[data-onlinemes-theme="aqua"] .routes-theme-host :is(.card.card-info.card-outline, .card.card-primary, .modal-content, .table-responsive) {
  background: var(--operation-page-surface) !important;
  border: 1px solid var(--border) !important;
  border-radius: 12px !important;
  box-shadow: var(--shadow) !important;
  color: var(--text-body) !important;
}

[data-onlinemes-theme="aqua"] .routes-theme-host .card.card-info.card-outline {
  border-top: 1px solid var(--border) !important;
}

[data-onlinemes-theme="aqua"] .routes-theme-host :is(.card.card-info.card-outline, .card.card-primary)>.card-header,
[data-onlinemes-theme="aqua"] .routes-theme-host .modal-header,
[data-onlinemes-theme="aqua"] .routes-theme-host .card.mb-2 .card-body.bg-light {
  background: var(--operation-page-header-surface) !important;
  border-bottom: 1px solid var(--border) !important;
  color: var(--text-primary) !important;
}

[data-onlinemes-theme="aqua"] .routes-theme-host :is(.card.card-info.card-outline, .card.card-primary)>.card-header .card-title,
[data-onlinemes-theme="aqua"] .routes-theme-host .modal-title {
  font-family: var(--operation-page-title-font) !important;
  font-weight: 600 !important;
}

[data-onlinemes-theme="aqua"] .routes-theme-host :is(.card-body, .card-footer, .modal-body, .modal-footer) {
  background: var(--operation-page-surface) !important;
  color: var(--text-body) !important;
}

[data-onlinemes-theme="aqua"] .routes-theme-host .table.table-sm.table-bordered.table-hover.mb-0> :not(caption)>*>* {
  background: var(--operation-page-surface) !important;
  border-color: var(--border) !important;
  color: var(--text-body) !important;
}

[data-onlinemes-theme="aqua"] .routes-theme-host .table.table-sm.table-bordered.table-hover.mb-0 thead.table-light>tr>th {
  background: var(--operation-page-header-surface) !important;
  border-color: var(--border) !important;
  color: var(--text-primary) !important;
}

@media (max-width: 767.98px) {

  [data-onlinemes-theme="aqua"] :is(.transfer-reservations-theme-host,
    .guest-traffic-theme-host,
    .tour-sales-theme-host) .container-fluid>.row.mb-2:first-child>.col-12>.d-flex {
    align-items: flex-start !important;
  }

  [data-onlinemes-theme="aqua"] .guest-traffic-theme-host .col-md-6.d-flex.gap-1.flex-wrap.justify-content-end {
    flex-wrap: wrap !important;
    gap: 0.4rem !important;
    justify-content: flex-start !important;
  }

  [data-onlinemes-theme="aqua"] :is(.transfer-reservations-theme-host,
    .guest-traffic-theme-host,
    .tour-sales-theme-host) .container-fluid>.row.mb-2:first-child>.col-12>.d-flex> :last-child:not(:first-child),
  [data-onlinemes-theme="aqua"] .tour-sales-theme-host .header-actions {
    justify-content: flex-start !important;
    margin-left: 0 !important;
    width: 100% !important;
  }

  [data-onlinemes-theme="aqua"] :is(.vehicle-types-theme-host,
    .vehicle-companies-theme-host,
    .vehicles-theme-host,
    .vendors-theme-host,
    .tours-theme-host,
    .pagename-theme-host:has(.container-fluid > .row:first-child h2 .fa-plane),
    .pagename-theme-host:has(.container-fluid > .row:first-child h2 .fa-user-tie)) .container-fluid>.row.mb-3:has(.btn, .form-control, .form-select):not(:first-child) {
    padding: 0.75rem !important;
  }
}

/* ══════════════════════════════════════════════════════════
   ADVANCED DATA GRID — Compact density for Aqua theme
   Tightens all grid internals to match Classic's compact feel.
   ══════════════════════════════════════════════════════════ */

/* Table cells — tighter padding & smaller font */
[data-onlinemes-theme="aqua"] .advanced-grid .advanced-grid-table-dense th,
[data-onlinemes-theme="aqua"] .advanced-grid .advanced-grid-table-dense td {
  padding: 0.18rem 0.3rem;
  font-size: 0.72rem;
  line-height: 1.2;
}

/* Non-dense table fallback (when Dense is not set on the component) */
[data-onlinemes-theme="aqua"] .advanced-grid table:not(.advanced-grid-table-dense) th,
[data-onlinemes-theme="aqua"] .advanced-grid table:not(.advanced-grid-table-dense) td {
  font-size: 0.72rem;
}

/* Header sort & filter icons — smaller */
[data-onlinemes-theme="aqua"] .advanced-grid .advanced-grid-header-sort-btn {
  font-size: 0.65rem;
  padding: 0 0.1rem;
}

[data-onlinemes-theme="aqua"] .advanced-grid .advanced-grid-header-filter-badge {
  font-size: 0.58rem;
  padding: 0 0.1rem;
  margin-left: 0.15rem;
}

/* Header content gap */
[data-onlinemes-theme="aqua"] .advanced-grid .advanced-grid-header-content {
  gap: 0.15rem;
}

/* Buttons inside grid cells — ultra compact (with high specificity to override theme-host padding) */
[data-onlinemes-theme="aqua"] :is([class*="-theme-host"]) .advanced-grid .btn,
[data-onlinemes-theme="aqua"] .advanced-grid .btn {
  padding: 0.15rem 0.35rem !important;
  font-size: 0.68rem !important;
  line-height: 1.2 !important;
  border-radius: 0.25rem !important;
}

[data-onlinemes-theme="aqua"] :is([class*="-theme-host"]) .advanced-grid .btn-sm,
[data-onlinemes-theme="aqua"] .advanced-grid .btn-sm {
  padding: 0.1rem 0.28rem !important;
  font-size: 0.64rem !important;
  line-height: 1.15 !important;
  border-radius: 0.2rem !important;
}

[data-onlinemes-theme="aqua"] :is([class*="-theme-host"]) .advanced-grid .btn-xs,
[data-onlinemes-theme="aqua"] .advanced-grid .btn-xs {
  padding: 0.1rem 0.25rem !important;
  font-size: 0.62rem !important;
  line-height: 1.15 !important;
  border-radius: 0.2rem !important;
}

/* Compact buttons inside manual data-grid tables */
[data-onlinemes-theme="aqua"] :is([class*="-theme-host"]) .data-grid .btn,
[data-onlinemes-theme="aqua"] .data-grid .btn {
  padding: 0.15rem 0.35rem !important;
  font-size: 0.68rem !important;
  line-height: 1.2 !important;
  border-radius: 0.25rem !important;
}

/* Badges inside grid — smaller */
[data-onlinemes-theme="aqua"] .advanced-grid .badge {
  font-size: 0.62rem;
  padding: 0.1rem 0.28rem;
}

/* Footer chips — more compact */
[data-onlinemes-theme="aqua"] .advanced-grid .advanced-grid-footer-chip {
  padding: 0.12rem 0.35rem;
  min-height: 24px;
  gap: 0.3rem;
}

[data-onlinemes-theme="aqua"] .advanced-grid .advanced-grid-footer-chip-label {
  font-size: 0.68rem;
}

[data-onlinemes-theme="aqua"] .advanced-grid .advanced-grid-footer-chip-value {
  font-size: 0.72rem;
}

/* Footer top padding */
[data-onlinemes-theme="aqua"] .advanced-grid .advanced-grid-footer {
  padding-top: 0.3rem;
}

/* Page size select — narrower */
[data-onlinemes-theme="aqua"] .advanced-grid .advanced-grid-page-size-select {
  width: 72px;
  font-size: 0.72rem;
}

/* Pagination buttons — smaller */
[data-onlinemes-theme="aqua"] .advanced-grid .advanced-grid-footer .btn-group-sm .btn {
  font-size: 0.72rem;
  padding: 0.1rem 0.35rem;
}

/* Global search input — tighter */
[data-onlinemes-theme="aqua"] .advanced-grid .input-group-sm .form-control {
  height: 26px;
  font-size: 0.72rem;
  padding: 0.15rem 0.35rem;
}

[data-onlinemes-theme="aqua"] .advanced-grid .advanced-grid-search-icon {
  min-width: 1.6rem;
}

[data-onlinemes-theme="aqua"] .advanced-grid .advanced-grid-search-icon i {
  font-size: 0.72rem;
}

/* Column menu — tighter */
[data-onlinemes-theme="aqua"] .advanced-grid .advanced-grid-col-menu {
  min-width: 300px;
  max-width: 420px;
  font-size: 0.78rem;
}

[data-onlinemes-theme="aqua"] .advanced-grid .advanced-grid-col-menu .dropdown-item {
  padding: 0.28rem 0.6rem;
  font-size: 0.72rem;
}

[data-onlinemes-theme="aqua"] .advanced-grid .adg-menu-btn {
  font-size: 0.68rem;
  padding: 0.14rem 0.32rem;
}

[data-onlinemes-theme="aqua"] .advanced-grid .adg-menu-filter-op,
[data-onlinemes-theme="aqua"] .advanced-grid .adg-menu-filter-val {
  font-size: 0.72rem;
  padding: 0.12rem 0.25rem;
}

/* Excel export button */
[data-onlinemes-theme="aqua"] .advanced-grid .btn-outline-success.btn-sm {
  font-size: 0.68rem;
  padding: 0.12rem 0.4rem;
}

/* Headers stay nowrap, cells can wrap (like Classic) */
[data-onlinemes-theme="aqua"] .advanced-grid th {
  white-space: nowrap;
}

/* Reservation page grids inherit header surfaces from page-level variables. */
[data-onlinemes-theme="aqua"] :is(.price-search-theme-host,
  .reservation-list-theme-host,
  .reservations-theme-host,
  .transfer-price-search-theme-host) .advanced-grid {
  --adg-sticky-header-bg: var(--reservation-grid-header-bg, var(--bg-thead));
}

[data-onlinemes-theme="aqua"] :is(.price-search-theme-host,
  .reservation-list-theme-host,
  .reservations-theme-host,
  .transfer-price-search-theme-host) :is(.advanced-grid-table-scroll th, .advanced-grid .advanced-grid-header-row-sticky th, .advanced-grid th) {
  background: var(--reservation-grid-header-bg, var(--bg-thead)) !important;
  background-color: var(--reservation-grid-header-bg, var(--bg-thead)) !important;
  background-image: none !important;
  color: var(--reservation-grid-header-color, var(--text-primary)) !important;
  overflow: var(--reservation-grid-header-overflow, hidden) !important;
  text-overflow: var(--reservation-grid-header-text-overflow, ellipsis) !important;
}

[data-onlinemes-theme="aqua"] :is(.price-search-theme-host,
  .reservation-list-theme-host,
  .reservations-theme-host,
  .transfer-price-search-theme-host) .advanced-grid .advanced-grid-header-row-sticky th::before {
  background-color: var(--reservation-grid-header-before-bg, var(--reservation-grid-header-bg, var(--bg-thead))) !important;
}

[data-onlinemes-theme="aqua"] :is(.price-search-theme-host,
  .reservation-list-theme-host,
  .reservations-theme-host,
  .transfer-price-search-theme-host) .advanced-grid .advanced-grid-header-content {
  display: flex !important;
  min-width: 0 !important;
  max-width: 100% !important;
  overflow: hidden !important;
}

[data-onlinemes-theme="aqua"] :is(.price-search-theme-host,
  .reservation-list-theme-host,
  .reservations-theme-host,
  .transfer-price-search-theme-host) .advanced-grid .advanced-grid-header-text:not(.advanced-grid-header-text-wrap) {
  display: block !important;
  min-width: 0 !important;
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

/* Compact mode: allow header text to wrap (clamped to HeaderWrapMaxLines) */
[data-onlinemes-theme="aqua"] :is(.price-search-theme-host,
  .reservation-list-theme-host,
  .reservations-theme-host,
  .transfer-price-search-theme-host) .advanced-grid .advanced-grid-header-text-wrap {
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  min-width: 0 !important;
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: normal !important;
  word-break: break-word !important;
  overflow-wrap: break-word !important;
  hyphens: none !important;
}

[data-onlinemes-theme="aqua"] :is(.price-search-theme-host,
  .reservation-list-theme-host,
  .reservations-theme-host,
  .transfer-price-search-theme-host) .advanced-grid :is(.advanced-grid-header-sort-btn, .advanced-grid-header-filter-badge, .advanced-grid-header-sort-icon, .advanced-grid-header-actions, .text-muted) {
  color: inherit !important;
}

/* Checkbox cells tight */
[data-onlinemes-theme="aqua"] .advanced-grid input[type="checkbox"] {
  width: 13px;
  height: 13px;
}

/* Sticky scrollbar thinner */
[data-onlinemes-theme="aqua"] .advanced-grid .advanced-grid-sticky-scrollbar {
  height: 10px;
}

/* FullWidth grid: allow breakout when the grid contains a fullwidth scroll container (matching Classic).
   Scoped ::deep rules from individual Aqua pages set overflow:hidden on .advanced-grid and
   .advanced-grid-table-shell; these overrides undo that when FullWidth is active. */
[data-onlinemes-theme="aqua"] .advanced-grid:has(.advanced-grid-table-scroll-fullwidth) {
  overflow: visible !important;
}

[data-onlinemes-theme="aqua"] .advanced-grid:has(.advanced-grid-table-scroll-fullwidth) .advanced-grid-table-shell {
  overflow: visible !important;
}

/* ══════════════════════════════════════════════════════════
   AQUA LIGHT-MODE FACELIFT — navbar + page background
   The light palette left the navbar pure white on a near-white
   page, which reads flat and glaring. The navbar now carries the
   Aqua brand gradient (deep blue → teal, same family as the
   section header bands / --rd-btn-primary-bg) and the page gets a
   soft aqua-tinted gradient instead of flat #f0f4f8. Scoped to
   [data-theme="light"] — dark mode is untouched. Both theme
   attributes live on <html> (App.razor), so the combined
   [data-theme="light"][data-onlinemes-theme="aqua"] selector also
   out-specifies the base rules above.
   ══════════════════════════════════════════════════════════ */

/* ─ Page background: layered aqua tint, fixed so it doesn't scroll-band ─ */
[data-theme="light"][data-onlinemes-theme="aqua"] body {
  background:
    radial-gradient(1200px 520px at 88% -8%, rgba(26, 188, 156, .18), transparent 62%),
    radial-gradient(1000px 500px at -8% -4%, rgba(41, 121, 176, .20), transparent 58%),
    linear-gradient(180deg, #cfe0ee 0%, #dce9f3 340px, #e4eef6 100%) !important;
  background-attachment: fixed !important;
}

/* Let the body gradient show through the layout shells */
[data-theme="light"][data-onlinemes-theme="aqua"] .wrapper,
[data-theme="light"][data-onlinemes-theme="aqua"] .content-wrapper,
[data-theme="light"][data-onlinemes-theme="aqua"] .aqua-main-content {
  background: transparent !important;
}

/* ─ Dark mode: same idea, much subtler — relieves the flat #0f1f3a ─ */
[data-theme="dark"][data-onlinemes-theme="aqua"] body {
  background:
    radial-gradient(1100px 480px at 88% -8%, rgba(26, 188, 156, .06), transparent 60%),
    radial-gradient(950px 460px at -8% -4%, rgba(58, 159, 216, .07), transparent 55%),
    var(--bg-page) !important;
  background-attachment: fixed !important;
}

[data-theme="dark"][data-onlinemes-theme="aqua"] .wrapper,
[data-theme="dark"][data-onlinemes-theme="aqua"] .content-wrapper,
[data-theme="dark"][data-onlinemes-theme="aqua"] .aqua-main-content {
  background: transparent !important;
}

/* ─ Navbar: brand gradient in light mode (dark mode already has --bg-nav) ─ */
[data-theme="light"][data-onlinemes-theme="aqua"] .panelx-navbar {
  background: linear-gradient(110deg, #0c4a6e 0%, #155e86 42%, #0e7490 76%, #117e76 100%) !important;
  border-bottom: 1px solid rgba(255, 255, 255, .10) !important;
  box-shadow: 0 2px 14px rgba(12, 74, 110, .25) !important;
}

[data-theme="light"][data-onlinemes-theme="aqua"] .panelx-navbar .navbar-nav>li>a {
  color: rgba(255, 255, 255, .85) !important;
}

[data-theme="light"][data-onlinemes-theme="aqua"] .panelx-navbar .navbar-nav>li>a:hover,
[data-theme="light"][data-onlinemes-theme="aqua"] .panelx-navbar .navbar-nav>li.show>a,
[data-theme="light"][data-onlinemes-theme="aqua"] .panelx-navbar .navbar-nav>li>a.active {
  background: rgba(255, 255, 255, .14) !important;
  color: #ffffff !important;
}

/* Mobile toggler on the gradient */
[data-theme="light"][data-onlinemes-theme="aqua"] .panelx-navbar .navbar-toggler {
  border-color: rgba(255, 255, 255, .35) !important;
  color: #ffffff !important;
}

[data-theme="light"][data-onlinemes-theme="aqua"] .panelx-navbar .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.9%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
}

/* ThemeSwitcher pill: glass treatment on the gradient instead of a white card */
[data-theme="light"][data-onlinemes-theme="aqua"] .panelx-navbar .theme-switcher {
  background: rgba(255, 255, 255, .10) !important;
  border-color: rgba(255, 255, 255, .22) !important;
}

[data-theme="light"][data-onlinemes-theme="aqua"] .panelx-navbar .theme-switcher__label,
[data-theme="light"][data-onlinemes-theme="aqua"] .panelx-navbar .theme-switcher__option {
  color: rgba(255, 255, 255, .8) !important;
  border-color: transparent !important;
}

[data-theme="light"][data-onlinemes-theme="aqua"] .panelx-navbar .theme-switcher__option:hover {
  background: rgba(255, 255, 255, .14) !important;
  color: #ffffff !important;
}

[data-theme="light"][data-onlinemes-theme="aqua"] .panelx-navbar .theme-switcher__option.is-active {
  background: linear-gradient(135deg, #3a9fd8 0%, #1abc9c 100%) !important;
  color: #ffffff !important;
  border-color: rgba(255, 255, 255, .35) !important;
  box-shadow: 0 1px 6px rgba(0, 0, 0, .25) !important;
}

[data-theme="light"][data-onlinemes-theme="aqua"] .panelx-navbar .theme-switcher__separator {
  background: rgba(255, 255, 255, .25) !important;
}

/* Mobile collapse panel: keep items readable on the gradient */
@media (max-width: 991.98px) {
  [data-theme="light"][data-onlinemes-theme="aqua"] .panelx-navbar .navbar-collapse {
    background: transparent !important;
  }
}

/* ════════════════════════════════════════════════════════════════════
   MOBILE NAVBAR (collapsed burger menu) — taller bar + solid backdrop +
   single-column scroll. Scoped to <992px ONLY; desktop keeps the compact
   36px bar (boss requirement — do not touch the bar height ≥992px).

   Root cause of the three reported bugs: the Aqua rule
   `.panelx-navbar { height: 36px !important }` (≈line 340) is a *fixed*
   height. When the burger opens, the expanded `.navbar-collapse` overflows
   that 36px box, so (1) the bar is too short, (2) the gradient only paints
   the top 36px and the open menu floats over the page with no backdrop,
   and (3) the column-direction nav list gets height-clamped and wraps into
   ragged overlapping columns. Letting the bar grow on mobile fixes all
   three — the nav's own background (solid in dark/Classic, gradient in
   light Aqua) then paints behind the whole open menu.
   ════════════════════════════════════════════════════════════════════ */
@media (max-width: 991.98px) {
  /* Grow the fixed bar to wrap the open menu; comfortable tap target when
     collapsed. Covers Classic (#222 / min-height:30) and Aqua (height:36 !important). */
  .panelx-navbar {
    height: auto !important;
    min-height: 46px;
  }

  [data-onlinemes-theme="aqua"] .panelx-navbar {
    height: auto !important;
    min-height: 46px !important;
  }

  /* Open menu: cap to the viewport (minus the bar) and scroll internally so
     long menus don't run off a short screen under the fixed bar. The nav's
     own background paints behind it, so the menu is no longer transparent. */
  .panelx-navbar .navbar-collapse {
    max-height: calc(100vh - 46px);
    overflow-y: auto;
    overflow-x: hidden;
  }

  /* Force a single full-width column — overrides `.nav { flex-wrap: wrap }`
     and the `.align-items-center` utility that produced the ragged overlap. */
  .panelx-navbar .navbar-collapse .navbar-nav {
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    width: 100%;
    padding-bottom: 6px;
  }

  .panelx-navbar .navbar-nav > li {
    width: 100%;
  }

  /* Roomier rows for touch. */
  .panelx-navbar .navbar-nav > li > a,
  .panelx-navbar .navbar-nav > li > .nav-link {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }

  /* Sub-dropdowns render inline (static) inside the stacked menu — drop the
     floating shadow and indent so the nesting reads clearly. */
  .panelx-navbar .navbar-nav .dropdown-menu {
    box-shadow: none !important;
    margin: 0 0 2px 0;
    padding-left: 10px;
  }

  /* Nested submenus (Operator, Country/City/Region …) are absolute + left:100% for
     the desktop fly-out — on mobile that pushes them off-screen so they look like
     they "don't open". Force them inline (under the parent) when expanded. */
  .panelx-navbar .dropdown-submenu > .dropdown-menu {
    position: static !important;
    top: auto !important;
    left: auto !important;
    min-width: 100% !important;
    padding-left: 16px;
  }

  /* On touch the desktop hover-open rule (.dropdown-submenu:hover) fires as a "sticky"
     hover and fights the tap-driven .show toggle (submenu flickers / won't open or
     close). Disable hover-open on mobile so the JS `.show` class is the only trigger.
     The .show rule comes last so it wins for the tapped submenu. */
  .panelx-navbar .dropdown-submenu:hover > .dropdown-menu {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
  }

  .panelx-navbar .dropdown-submenu > .dropdown-menu.show {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
  }
}

/* Vertical/semibox sidebar reuses .panelx-navbar — keep the brand label
   (the ::before pseudo-element from aqua-customizer-layouts.css) white on
   the light-mode gradient. Harmless in horizontal mode (no content). */
[data-theme="light"][data-onlinemes-theme="aqua"] .aqua-layout-wrapper > .panelx-navbar::before {
  color: #ffffff !important;
  border-bottom-color: rgba(255, 255, 255, .15) !important;
}

/* ─ Homepage: post-its float directly on the page gradient ─
   AquaHome renders its sticky notes inside a bare .card-body, which the
   global aqua rules paint with the section background — leaving a big
   empty slab behind the notes. Scoped to the home page host wrapper so
   every other page keeps its card-body styling. Must sit after the
   [data-theme="light"] .card-body rule (same specificity, later wins). */
[data-onlinemes-theme="aqua"] .home-theme-host .card-body {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

/* ============================================================================
   TOUR V2 — Aqua başlık okunabilirlik düzeltmesi
   ----------------------------------------------------------------------------
   Global Aqua kuralı (.card-title { color: var(--reservation-section-header-text) })
   light temada başlıkları BEYAZ yapar; Aqua'da .card-primary dolu mavi başlık
   olmadığından (yalnız üst-kenar çizgisi) açık zeminde beyaz başlık okunmuyordu.
   Diğer host'lardaki (transfer-pricing/tour-sales vb.) kalıbı tour-v2-* host'larına
   uygula: tanımlı başlık zemini + koyu okunur metin (--text-primary: light #1a2d45,
   dark #fff). Eski Tur modülü etkilenmez.
   ============================================================================ */
[data-onlinemes-theme="aqua"] :is(
  .tour-v2-sales-theme-host,
  .tour-v2-operation-theme-host,
  .tour-v2-guide-balance-theme-host,
  .tour-v2-esnaf-balance-theme-host,
  .tour-v2-manifest-theme-host,
  .tour-v2-reports-theme-host,
  .tour-v2-product-theme-host,
  .tour-v2-price-search-theme-host,
  .tour-v2-sales-entry-theme-host,
  .tour-v2-voucher-theme-host
) .card > .card-header {
  background: var(--bg-header) !important;
  border-bottom: 1px solid var(--border) !important;
  color: var(--text-primary) !important;
}
[data-onlinemes-theme="aqua"] :is(
  .tour-v2-sales-theme-host,
  .tour-v2-operation-theme-host,
  .tour-v2-guide-balance-theme-host,
  .tour-v2-esnaf-balance-theme-host,
  .tour-v2-manifest-theme-host,
  .tour-v2-reports-theme-host,
  .tour-v2-product-theme-host,
  .tour-v2-price-search-theme-host,
  .tour-v2-sales-entry-theme-host,
  .tour-v2-voucher-theme-host
) .card > .card-header :is(.card-title, .card-title i, h1, h2, h3, h4, h5, h6) {
  color: var(--text-primary) !important;
}
/* Modal başlıkları (operasyon/shop/ödeme/leg/detay/booking modalları) */
[data-onlinemes-theme="aqua"] :is(
  .tour-v2-sales-theme-host,
  .tour-v2-operation-theme-host,
  .tour-v2-guide-balance-theme-host,
  .tour-v2-esnaf-balance-theme-host,
  .tour-v2-product-theme-host,
  .tour-v2-price-search-theme-host
) .modal-header :is(.modal-title, .modal-title i) {
  color: var(--text-primary) !important;
}

/* ============================================================
   Kickback module — Aqua accents for the shared stat tiles
   (base style lives in site.css; this tints them to the Aqua
   palette so they sit consistently under the teal page header).
   ============================================================ */
[data-onlinemes-theme="aqua"] .okb-summary {
  border: 1px solid rgba(18, 103, 142, 0.16);
  border-left: 3px solid #12678e;
  background: linear-gradient(180deg, #ffffff 0%, #f3fafd 100%);
  box-shadow: 0 8px 18px rgba(18, 103, 142, 0.08);
}

[data-onlinemes-theme="aqua"] .okb-summary .val {
  color: #0e5b7d;
}

[data-onlinemes-theme="aqua"] .okb-summary:hover {
  box-shadow: 0 12px 24px rgba(18, 103, 142, 0.16);
}

/* Tidy the spacing between the themed page header and the first card/alert */
[data-onlinemes-theme="aqua"] .aqua-page-header + .alert,
[data-onlinemes-theme="aqua"] .aqua-page-header + .text-muted {
  margin-top: 0.85rem;
}

/* ═══════════════════════════════════════════════════════════════════════
   AGENCY GRID-PANEL CHROME — converted AdvancedDataGrid list pages
   ───────────────────────────────────────────────────────────────────────
   The agency result-list pages (HotelList, ActionsList, *ReservationList,
   StopSales, PackageList, OperatorBalance/Flights, PortalUsers, Agencies,
   TicketSearch, SalesReport, RezAra, …) use the generic `.card.card-primary`
   + `.filter-card--*` panel pattern but are NOT in the price-search page-class
   allowlist, so two base rules left them looking wrong:
     • the global `.card .card-header` aqua override is commented out → AdminLTE's
       blue (`#007bff`) won on `.card-primary` → solid-blue filter header;
     • the light-theme `.filter-card-header` `border-radius` is commented out →
       square section-label bars.
   These pages carry the `agency-grid-panel` marker class on their filter card so
   we can re-assert the panel gradient + rounded corners WITHOUT touching the
   reservation list (transparent labels via its own scoped css), the price-search
   pages (own unified css), or any form/dashboard card. Gradient + text colors use
   the shared --rd-* tokens (same gradient the page header and results header use).
   ═══════════════════════════════════════════════════════════════════════ */

/* Outer card header → panel gradient (was AdminLTE blue), rounded top corners. */
[data-onlinemes-theme="aqua"] .card.card-primary.agency-grid-panel > .card-header {
  background: var(--rd-btn-primary-bg) !important;
  border-bottom: 0 !important;
  border-top-left-radius: 11px !important;
  border-top-right-radius: 11px !important;
}
[data-onlinemes-theme="aqua"] .card.card-primary.agency-grid-panel > .card-header,
[data-onlinemes-theme="aqua"] .card.card-primary.agency-grid-panel > .card-header * {
  color: var(--rd-btn-primary-text) !important;
}

/* Filter groups → responsive multi-column grid (mirrors the reservation list's
   .filter-columns so the section cards sit side by side instead of stacking
   full-width). */
[data-onlinemes-theme="aqua"] .agency-grid-panel .filter-columns {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)) !important;
  gap: 0.6rem !important;
  align-items: start !important;
}

/* Each filter group is a bordered section card (--rd-section surface). */
[data-onlinemes-theme="aqua"] .agency-grid-panel .filter-card,
[data-onlinemes-theme="aqua"] .agency-grid-panel .confirmation-filters,
[data-onlinemes-theme="aqua"] .agency-grid-panel .date-filter-group,
[data-onlinemes-theme="aqua"] .agency-grid-panel .quick-search-box {
  background: var(--rd-section-bg) !important;
  border: 1px solid var(--rd-section-border) !important;
  border-radius: 8px !important;
  padding: 10px 12px 8px !important;
  margin-bottom: 10px !important;
  box-shadow: var(--rd-section-shadow) !important;
}

/* Agency/operator card spans the full row, like the reference. */
[data-onlinemes-theme="aqua"] .agency-grid-panel .filter-columns > .filter-card--operator {
  grid-column: 1 / -1 !important;
}

/* Section label → contained rounded gradient band (slight -2px bleed to card edge). */
[data-onlinemes-theme="aqua"] .agency-grid-panel .filter-card > .filter-card-header,
[data-onlinemes-theme="aqua"] .agency-grid-panel .confirmation-filters > .filter-card-header,
[data-onlinemes-theme="aqua"] .agency-grid-panel .date-filter-group > .filter-card-header,
[data-onlinemes-theme="aqua"] .agency-grid-panel .quick-search-box > .filter-card-header {
  display: flex !important;
  align-items: center !important;
  gap: 0.35rem !important;
  width: auto !important;
  background: var(--rd-btn-primary-bg) !important;
  color: var(--rd-btn-primary-text) !important;
  border: 0 !important;
  border-radius: 6px !important;
  padding: 6px 10px !important;
  margin: -2px -2px 8px -2px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.04em !important;
}
[data-onlinemes-theme="aqua"] .agency-grid-panel .filter-card > .filter-card-header i,
[data-onlinemes-theme="aqua"] .agency-grid-panel .confirmation-filters > .filter-card-header i,
[data-onlinemes-theme="aqua"] .agency-grid-panel .date-filter-group > .filter-card-header i,
[data-onlinemes-theme="aqua"] .agency-grid-panel .quick-search-box > .filter-card-header i {
  color: var(--rd-btn-primary-text) !important;
  opacity: 0.95 !important;
}

/* ── Compact controls ──────────────────────────────────────────────────────
   Raw <input>/<select> and child-component inputs were rendering at Bootstrap's
   ~38px → "big fields". Match the reservation list's compact .compact-form-group
   sizing (26px control height, small labels) so every filter field lines up. */
[data-onlinemes-theme="aqua"] .agency-grid-panel .compact-form-group {
  margin-bottom: 0.4rem;
}
[data-onlinemes-theme="aqua"] .agency-grid-panel .compact-form-group > label {
  font-size: 0.7rem;
  font-weight: 500;
  margin-bottom: 0.1rem;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
[data-onlinemes-theme="aqua"] .agency-grid-panel .compact-form-group .form-control,
[data-onlinemes-theme="aqua"] .agency-grid-panel .compact-form-group .form-select,
[data-onlinemes-theme="aqua"] .agency-grid-panel .input-group-sm .form-control,
[data-onlinemes-theme="aqua"] .agency-grid-panel .input-group-sm .form-select {
  height: 26px;
  min-height: 26px;
  padding: 0.15rem 0.4rem;
  font-size: 0.75rem;
}

/* ── Date / range input-groups ─────────────────────────────────────────────
   StyledInputDate (flatpickr altInput:true) injects a second visible input with
   no scope attr; inside a Bootstrap .input-group, `.input-group > .form-control
   { width: 1% }` collapses it to ~1px → the misaligned "confirm status dates".
   Global css reaches the real DOM (no ::deep needed) — restore full width. */
[data-onlinemes-theme="aqua"] .agency-grid-panel .input-group .form-control,
[data-onlinemes-theme="aqua"] .agency-grid-panel .input-group .flatpickr-input,
[data-onlinemes-theme="aqua"] .agency-grid-panel .input-group input {
  width: 100% !important;
  min-width: 0 !important;
  flex: 1 1 auto !important;
}

/* Date-range groups stack vertically (start over end, no dash), like the
   reservation list — two date pickers won't fit side by side in a grid column. */
[data-onlinemes-theme="aqua"] .agency-grid-panel .filter-card--date .input-group,
[data-onlinemes-theme="aqua"] .agency-grid-panel .date-filter-group .input-group {
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 3px;
}
[data-onlinemes-theme="aqua"] .agency-grid-panel .filter-card--date .input-group > *,
[data-onlinemes-theme="aqua"] .agency-grid-panel .date-filter-group .input-group > * {
  width: 100% !important;
  border-radius: 0.25rem !important;
  margin-left: 0 !important;
}
[data-onlinemes-theme="aqua"] .agency-grid-panel .filter-card--date .input-group .input-group-text,
[data-onlinemes-theme="aqua"] .agency-grid-panel .date-filter-group .input-group .input-group-text {
  display: none !important;
}