/* Turtle Pond — lightweight glass + neon tabs & selection */

:root {
  /* Turtle Pond canvas — overrides VEX/monochrome build tokens */
  --bg: #0e2024;
  --bgGradient:
    radial-gradient(ellipse 90% 60% at 50% -12%, rgba(116, 232, 255, 0.12), transparent 55%),
    radial-gradient(ellipse 70% 50% at 12% 100%, rgba(110, 207, 154, 0.09), transparent 48%),
    radial-gradient(ellipse 60% 40% at 95% 80%, rgba(245, 213, 101, 0.07), transparent 45%),
    linear-gradient(180deg, #0c1c20 0%, #0e2024 45%, #08161a 100%);
  --surface: rgba(116, 232, 255, 0.04);
  --surface2: rgba(116, 232, 255, 0.06);
  --surface3: rgba(116, 232, 255, 0.09);
  --surface-elevated: rgba(12, 28, 36, 0.08);
  --surface-hover: rgba(116, 232, 255, 0.08);
  --panel: rgba(10, 24, 28, 0.18);
  --panelSolid: rgba(12, 28, 32, 0.92);
  --glass-rim: rgba(116, 232, 255, 0.28);
  --glass-bg: rgba(12, 28, 36, 0.14);
  --th-bg: rgba(12, 28, 36, 0.75);
  --border: rgba(116, 232, 255, 0.14);
  --borderSoft: rgba(116, 232, 255, 0.08);
  --accent2: #6ecf9a;
  --accent2-dim: rgba(110, 207, 154, 0.14);
  --info: #5ec9d9;
  --info-dim: rgba(94, 201, 217, 0.14);
  --success: #6ecf9a;
  --success-dim: rgba(110, 207, 154, 0.14);
  --warning: #f5d565;
  --warning-dim: rgba(245, 213, 101, 0.14);

  --accent: #74e8ff;
  --accentHover: #a8f3ff;
  --accent-dim: rgba(116, 232, 255, 0.18);
  --neon: #74e8ff;
  --canary: #fff4b8;
  --canary-neon: #ffe97a;
  --glass-fill: rgba(12, 28, 36, 0.08);
  --glass-border: rgba(116, 232, 255, 0.2);
  --glassShadow:
    inset 0 1px 1px rgba(255, 255, 255, 0.08),
    0 4px 16px rgba(0, 0, 0, 0.14);
  --blur-glass: blur(3px) saturate(120%);
  --borderAccent: rgba(116, 232, 255, 0.42);
  --shadowGlow: 0 0 32px -10px rgba(116, 232, 255, 0.42);
  --neon-glow:
    0 0 0 1px rgba(116, 232, 255, 0.45),
    0 0 22px -4px rgba(116, 232, 255, 0.68),
    0 0 8px rgba(116, 232, 255, 0.38);
  --neon-glow-hover:
    0 0 0 1px rgba(116, 232, 255, 0.58),
    0 0 28px -4px rgba(116, 232, 255, 0.75),
    0 0 10px rgba(116, 232, 255, 0.45);
  --neon-glow-strong:
    0 0 0 1px rgba(116, 232, 255, 0.55),
    0 0 32px -6px rgba(116, 232, 255, 0.78),
    0 0 12px rgba(116, 232, 255, 0.5);
  --canary-glow:
    0 0 0 1px rgba(255, 233, 122, 0.48),
    0 0 20px -4px rgba(255, 233, 122, 0.58),
    0 0 8px rgba(255, 244, 184, 0.38);
  --canary-glow-hover:
    0 0 0 1px rgba(255, 233, 122, 0.58),
    0 0 26px -4px rgba(255, 233, 122, 0.68),
    0 0 10px rgba(255, 244, 184, 0.45);
  --btn-primary-from: #5ed4f0;
  --btn-primary-to: #8ce9ff;
  --btn-primary-text: #062028;
}

body {
  background-color: var(--bg) !important;
  background-image: var(--bgGradient) !important;
  background-attachment: fixed !important;
}

.app-bg-scrim {
  /* Dark navy tint over the background video — 30% */
  background: rgba(8, 20, 48, 0.30) !important;
  opacity: 1 !important;
  pointer-events: none !important;
}

.app-bg-video,
.app-bg-layer {
  pointer-events: none !important;
  filter: none !important;
  opacity: 1 !important;
}

.app-bg-video,
.app-bg-layer {
  pointer-events: none !important;
}

/* Blur on sidebar only — backdrop-filter on .main-content breaks position:fixed modals */
.sidebar,
.sidebar--pond {
  backdrop-filter: var(--blur-glass) !important;
  -webkit-backdrop-filter: var(--blur-glass) !important;
}

@media (min-width: 769px) {
  .layout {
    padding: 14px;
    gap: 14px;
    box-sizing: border-box;
  }

  .sidebar--pond,
  .sidebar {
    border-radius: 22px;
    border: 1px solid var(--glass-border) !important;
    background: linear-gradient(
      180deg,
      rgba(14, 32, 38, 0.14) 0%,
      rgba(10, 24, 28, 0.16) 100%
    ) !important;
    box-shadow: var(--glassShadow);
  }

  .main-content {
    border-radius: 22px;
    border: 1px solid rgba(116, 232, 255, 0.12) !important;
    background: rgba(12, 28, 32, 0.12) !important;
    box-shadow: var(--glassShadow);
  }
}

.sidebar--pond,
.sidebar {
  background: linear-gradient(
    180deg,
    rgba(14, 32, 38, 0.14) 0%,
    rgba(10, 24, 28, 0.16) 100%
  ) !important;
}

.stat-tile {
  background: var(--glass-fill) !imporant;
  border: 1px solid var(--glass-border) !important;
  box-shadow: var(--glassShadow) !important;
}

.stat-tile:hover {
  transform: translateY(-2px);
}

.stat-tile:nth-child(odd) { 
  --st-color: var(--neon) !important;
  --st-dim: rgba(116, 232, 255, 0.14) !important;
  border-color: rgba(116, 232, 255, 0.28) !important;
}

.stat-tile:nth-child(even) {
  --st-color: var(--canary-neon) !important;
  --st-dim: rgba(255, 244, 184, 0.16) !important;
  border-color: rgba(255, 235, 140, 0.32) !important;
}

.stat-tile:nth-child(odd)::after {
  background: linear-gradient(90deg, var(--neon), rgba(116, 232, 255, 0.5)) !important;
  box-shadow: 0 0 12px rgba(116, 232, 255, 0.55) !important;
}

.stat-tile:nth-child(even)::after {
  background: linear-gradient(90deg, var(--canary-neon), var(--canary)) !important;
  box-shadow:
    0 0 14px rgba(255, 235, 120, 0.65),
    0 0 4px rgba(255, 250, 200, 0.4) !important;
}

.ui-surface-card,
.ui-page-toolbar,
.glass-panel,
.ui-stat-card,
.ui-card,
.stat-tile {
  background: rgba(12, 28, 36, 0.08) !important;
  border: 1px solid rgba(116, 232, 255, 0.28) !important;
  border-radius: 18px !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    0 0 0 1px rgba(116, 232, 255, 0.06) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

.sidebar__user,
.nav-filter {
  background: rgba(12, 28, 36, 0.1) !important;
  border: 1px solid rgba(116, 232, 255, 0.1) !important;
}

.nav-link {
  background: rgba(255, 255, 255, 0.04) !important;
  border: 1px solid transparent !important;
  transition:
    border-color 0.15s ease,
    box-shadow 0.15s ease,
    background 0.15s ease;
}

.nav-link:hover {
  background: rgba(116, 232, 255, 0.1) !important;
  border-color: rgba(116, 232, 255, 0.42) !important;
  box-shadow: var(--neon-glow) !important;
}

.nav-link--active {
  background: rgba(116, 232, 255, 0.14) !important;
  color: #c8f7ff !important;
  border-color: rgba(116, 232, 255, 0.62) !important;
  box-shadow: var(--neon-glow-strong) !important;
}

.nav-link--active:hover {
  color: var(--accentHover) !important;
  box-shadow: var(--neon-glow-hover) !important;
}

.nav-section__toggle:hover,
.nav-section__label:hover {
  border-color: rgba(116, 232, 255, 0.35) !important;
  box-shadow: 0 0 16px -6px rgba(116, 232, 255, 0.45) !important;
}

.nav-section__toggle[aria-expanded="true"],
.nav-section.is-open > .nav-section__toggle {
  border-color: rgba(116, 232, 255, 0.48) !important;
  box-shadow: var(--neon-glow) !important;
}

.nav-section:nth-child(even) .nav-link--active {
  border-color: rgba(255, 233, 122, 0.55) !important;
  box-shadow: var(--canary-glow) !important;
}

.nav-link__mascot--active {
  border-color: rgba(116, 232, 255, 0.5) !important;
  box-shadow: var(--neon-glow) !important;
}

/* ── Tabs & filter pills (product / inventory / page filters) ── */
.ui-tabs__tab,
.ui-tab,
[role="tab"],
.filter-bar button,
.filter-bar .btn,
.filter-pill,
.segmented-control button,
.segmented-control .btn,
.stock-product-bar button,
.stock-product-bar .btn,
.stock-product-tab,
.stock-inv-tabs button,
.stock-inv-tabs .btn,
.stock-inv-tab,
.stock-sidebar-card button,
.stock-quick-tools button,
.stock-quick-tools .btn {
  border: 1px solid rgba(116, 232, 255, 0.12) !important;
  transition:
    border-color 0.15s ease,
    box-shadow 0.15s ease,
    background 0.15s ease,
    color 0.15s ease;
}

.ui-tabs__tab:hover,
.ui-tab:hover,
[role="tab"]:hover,
.filter-bar button:hover,
.filter-bar .btn:hover,
.filter-pill:hover,
.segmented-control button:hover,
.segmented-control .btn:hover,
.stock-product-bar button:hover,
.stock-product-bar .btn:hover,
.stock-product-tab:hover,
.stock-inv-tabs button:hover,
.stock-inv-tabs .btn:hover,
.stock-inv-tab:hover,
.stock-sidebar-card button:hover,
.stock-quick-tools button:hover,
.stock-quick-tools .btn:hover {
  border-color: rgba(116, 232, 255, 0.48) !important;
  box-shadow: var(--neon-glow) !important;
}

.ui-tabs__tab:nth-child(even):hover,
.ui-tab:nth-child(even):hover,
[role="tab"]:nth-child(even):hover,
.stock-inv-tabs button:nth-child(even):hover,
.stock-product-bar button:nth-child(even):hover,
.filter-pill:nth-child(even):hover,
.segmented-control button:nth-child(even):hover {
  border-color: rgba(255, 233, 122, 0.45) !important;
  box-shadow: var(--canary-glow) !important;
}

.ui-tabs__tab--active,
.ui-tab--active,
.ui-tab.active,
[role="tab"][aria-selected="true"],
.filter-bar button.active,
.filter-bar button[aria-pressed="true"],
.filter-bar .btn--active,
.filter-pill--active,
.filter-pill.active,
.segmented-control button.active,
.segmented-control .btn--active,
.stock-product-bar button.active,
.stock-product-bar .btn--active,
.stock-product-tab--active,
.stock-product-tab.active,
.stock-inv-tabs button.active,
.stock-inv-tabs .btn--active,
.stock-inv-tab--active,
.stock-inv-tab.active,
.stock-sidebar-card button.active,
.stock-quick-tools button.active {
  background: rgba(116, 232, 255, 0.12) !important;
  color: #c8f7ff !important;
  border-color: rgba(116, 232, 255, 0.52) !important;
  box-shadow: var(--neon-glow) !important;
}

.ui-tabs__tab:nth-child(even).ui-tabs__tab--active,
.ui-tabs__tab:nth-child(even)[aria-selected="true"],
.ui-tab:nth-child(even).ui-tab--active,
.ui-tab:nth-chid(even).active,
.role="tab"]::nth-child(even)[aria-selected="true"],
.stock-product-bar button:nth-child(even).active,
.stock-product-bar button:nth-child(even).btn--active,
.stock-inv-tabs button:nth-child(even).active,
.stock-inv-tabs button:nth-child(even).btn--active,
.stock-inv-tab:nth-child(even).active,
.stock-inv-tab:nth-child(even).stock-inv-tab--active,
.filter-pill:nth-child(even).active,
.filter-pill:nth-chid(even).filter-pill--active,
.segmented-control button:focus,
.segmented-control .btn:nth-child(even).btn--active,
.inventory-tab:nth-child(even).inventory-tab--active,
.stock-tab:nth-child(even).stock-tab--active {
  border-color: rgba(255, 233, 122, 0.58) !important;
  box-shadow: var(--canary-glow) !important;
  color: #ffffff !important;
}

/* ── Inputs, selects, combobox focus ── */
.input,
.ui-input,
select,
textarea,
.ui-select,
.search-input,
input[type="search"] {
  background: rgba(12, 28, 36, 0.12) !important;
  border: 1px solid rgba(116, 232, 255, 0.14) !important;
  transition:
    border-color 0.15s ease,
    box-shadow 0.15s ease;
}

.input:focus,
.ui-input:focus,
select:focus,
textarea:focus,
.ui-select:focus,
.search-input:focus,
input[type="search"]:focus {
  border-color: rgba(116, 232, 255, 0.62) !important;
  box-shadow:
    0 0 0 3px rgba(116, 232, 255, 0.18),
    var(--neon-glow) !important;
  outline: none !important;
}

select:hover,
.ui-select:hover,
[role="listbox"]:focus,
[role="combobox"]:focus,
.dropdown-toggle:focus,
.dropdown-menu .dropdown-item:hover,
.dropdown-menu .dropdown-item:focus {
  border-color: rgba(116, 232, 255, 0.42) !important;
  box-shadow: 0 0 16px -6px rgba(116, 232, 255, 0.48) !important;
}

.cmdk-panel,
.cmdk-item[aria-selected="true"],
[cmdk-item][aria-selected="true"] {
  border-color: rgba(116, 232, 255, 0.35) !important;
  box-shadow: inset 0 0 0 1px rgba(116, 232, 255, 0.25) !important;
}

.cmdk-item[aria-selected="true"],
[cmdk-item][aria-selected="true"] {
  background: rgba(116, 232, 255, 0.1) !important;
  box-shadow: var(--neon-glow) !important;
}

/* ── Tables, selected rows, checkboxes ── */
.ui-table-wrap {
  background: var(--glass-fill) !important;
  border: 1px solid var(--glass-border) !important;
}

.ui-table th {
  background: rgba(12, 28, 36, 0.12) !important;
}

.ui-table tbody tr:hover td {
  background: rgba(116, 232, 255, 0.05) !important;
}

.ui-table tbody tr.selected td,
.ui-table tbody tr.is-selected td,
.ui-table tbody tr.row--selected td,
.ui-table tbody tr[data-selected="true"] td,
.ui-table tbody tr:has(input[type="checkbox"]:checked) td {
  background: rgba(116, 232, 255, 0.1) !important;
  box-shadow: inset 0 0 0 1px rgba(116, 232, 255, 0.28) !important;
}

.ui-table tbody tr.selected,
.ui-table tbody tr.is-selected,
.ui-table tbody tr.row--selected,
.ui-table tbody tr:has(input[type="checkbox"]:checked) {
  box-shadow: inset 3px 0 0 var(--neon), 0 0 16px -8px rgba(116, 232, 255, 0.35) !important;
}

input[type="checkbox"] {
  accent-color: var(--neon);
  box-shadow: 0 0 0 1px rgba(116, 232, 255, 0.2);
  transition: box-shadow 0.15s ease;
}

input[type="checkbox"]:hover {
  box-shadow: 0 0 10px -2px rgba(116, 232, 255, 0.45) !important;
}

input[type="checkbox"]:checked {
  box-shadow:
    0 0 0 1px rgba(116, 232, 255, 0.55),
    0 0 14px -2px rgba(116, 232, 255, 0.55) !important;
}

input[type="checkbox"]:focus-visible {
  outline: none !important;
  box-shadow:
    0 0 0 3px rgba(116, 232, 255, 0.2),
    0 0 14px -2px rgba(116, 232, 255, 0.5) !important;
}

/* Bulk selection toolbar glow */
.ui-page-toolbar:has(input[type="checkbox"]:checked),
.ui-page-toolbar.has-selection,
.stock-bulk-bar,
.bulk-toolbar,
.ui-bulk-actions:has(button:not(:disabled)),
.ui-selection-bar {
  border-color: rgba(116, 232, 255, 0.52) !important;
  box-shadow:
    var(--glassShadow),
    var(--neon-glow-strong) !important;
}

.nav-filter:hover,
.nav-filter:focus-within,
.cmdk-panel,
[role="menu"],
[role="listbox"] {
  border-color: rgba(116, 232, 255, 0.32) !important;
  box-shadow: 0 0 20px -8px rgba(116, 232, 255, 0.42) !important;
}

[role="menuitem"]:hover,
[role="option"]:hover,
[role="option"][aria-selected="true"],
.dropdown-item:hover,
.dropdown-item:focus {
  box-shadow: inset 0 0 0 1px rgba(116, 232, 255, 0.35), 0 0 12px -6px rgba(116, 232, 255, 0.4) !important;
}

.sidebar__theme-btn {
  background: rgba(12, 28, 36, 0.1) !important;
  border: 1px solid rgba(116, 232, 255, 0.14) !important;
}

@media (max-width: 768px) {
  .sidebar--pond,
  .sidebar {
    background: rgba(12, 28, 32, 0.14) !important;
  }

  .main-content {
    background: rgba(12, 28, 32, 0.12) !important;
  }

  .ui-stat-grid {
    grid-template-columns: 1fr 1fr;
    gap: 10px;
  }
}

@media (max-width: 420px) {
  .ui-stat-grid {
    grid-template-columns: 1fr;
  }
}

/* Kill leftover mascot layers if cached */
.pond-mascot,
.pond-zzz {
  display: none !important;
}

/* MODAL-FIX — confirm dialogs visible (Move to referral, delete, etc.) */
.ui-modal-root:not([aria-hidden="true"]),
.ui-modal--open,
.ui-modal.ui-modal--open {
  z-index: 10050 !important;
}

/* Closed/hidden backdrops must not block sidebar or page clicks */
.ui-modal__backdrop,
.ui-modal__overlay,
.modal-backdrop {
  pointer-events: none !important;
}

.ui-modal-root:not([aria-hidden="true"]) .ui-modal__backdrop,
.ui-modal-root:not([aria-hidden="true"]) .ui-modal__overlay,
.ui-modal--open .ui-modal__backdrop,
.ui-modal--open .ui-modal__overlay,
.modal-backdrop.show,
.modal-backdrop.is-open {
  pointer-events: none !important;
  background: transparent !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

.ui-modal__panel,
.ui-modal__dialog {
  background: rgba(8, 18, 28, 0.88) !important;
  border: 1px solid rgba(116, 232, 255, 0.38) !important;
  border-radius: 18px !important;
  backdrop-filter: blur(18px) saturate(140%) !important;
  -webkit-backdrop-filter: blur(18px) saturate(140%) !important;
  box-shadow:
    0 24px 64px rgba(0, 0, 0, 0.55),
    0 0 28px -8px rgba(116, 232, 255, 0.35) !important;
  color: var(--canary) !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

.ui-modal__panel.ui-surface-card,
.ui-modal__panel.glass-panel,
.ui-modal__panel.ui-card {
  background: rgba(8, 18, 28, 0.88) !important;
  backdrop-filter: blur(18px) saturate(140%) !important;
  -webkit-backdrop-filter: blur(18px) saturate(140%) !important;
}

/* Neon tabs + selection (stock inventory filters, product tabs) */
.stock-tab,
.stock-filter-tab,
.ui-segmented__btn,
.ui-tabs__tab,
.inventory-tab {
  border: 1px solid transparent !important;
  transition: box-shadow 0.15s ease, border-color 0.15s ease;
}

.stock-tab:hover,
.stock-filter-tab:hover,
.ui-segmented__btn:hover,
.ui-tabs__tab:hover,
.inventory-tab:hover {
  border-color: rgba(116, 232, 255, 0.42) !important;
  box-shadow: var(--neon-glow) !important;
}

.stock-tab--active,
.stock-filter-tab--active,
.ui-segmented__btn--active,
.ui-tabs__tab--active,
.inventory-tab--active,
[aria-selected="true"].stock-tab,
[aria-selected="true"].ui-tabs__tab {
  border-color: rgba(116, 232, 255, 0.62) !important;
  box-shadow: var(--neon-glow-strong) !important;
}

.stock-tab:nth-child(even):hover,
.inventory-tab:nth-child(even):hover,
.ui-segmented__btn:nth-child(even):hover {
  border-color: rgba(255, 233, 122, 0.42) !important;
  box-shadow: var(--canary-glow) !important;
}

.stock-tab:nth-child(even).stock-tab--active,
.inventory-tab:nth-child(even).inventory-tab--active,
.ui-segmented__btn:nth-child(even).ui-segmented__btn--active {
  border-color: rgba(255, 233, 122, 0.58) !important;
  box-shadow: var(--canary-glow) !important;
}

.stock-row--selected td,
tr.stock-row--selected td,
.ui-table tr.selected td,
.ui-table tr[data-selected="true"] td {
  background: rgba(116, 232, 255, 0.1) !important;
  box-shadow: inset 3px 0 0 var(--neon) !important;
}

input[type="checkbox"]:checked {
  box-shadow: 0 0 10px rgba(116, 232, 255, 0.45) !important;
  outline: 1px solid rgba(116, 232, 255, 0.35) !important;
}

select:focus,
.ui-input:focus,
.input:focus {
  border-color: rgba(116, 232, 255, 0.5) !important;
  box-shadow: 0 0 0 3px rgba(116, 232, 255, 0.15), 0 0 16px -4px rgba(116, 232, 255, 0.4) !important;
}

/* CLICK-FIX — sidebar, sub-menu toggles, and main content stay interactive */
.layout {
  position: relative;
  z-index: 1;
}

.sidebar,
.sidebar--pond,
.sidebar__nav,
.main-content {
  pointer-events: auto !important;
}

.sidebar-overlay:not(.active) {
  display: none !important;
  pointer-events: none !important;
}

.nav-link,
.nav-section__toggle,
.nav-section__label,
.sidebar button,
.sidebar a,
.hamburger-btn,
.main-content button,
.main-content a,
.main-content input,
.main-content select {
  pointer-events: auto !important;
  position: relative;
  z-index: 2;
}

.nav-link::before,
.nav-link::after,
.nav-link__mascot {
  pointer-events: none !h�portant;
}

/* STOCK-E2E-FIX — modals + bulk toolbar (Move to referral / Move to product) */
.ui-modal-root[aria-hidden="true"],
.confirm-modal-root[aria-hidden="true"],
[role="dialog"][aria-hidden="true"] {
  display: none !important;
  pointer-events: none !important;
  visibility: hidden !important;
}

.ui-modal-root[aria-hidden="true"] .ui-modal__backdrop,
.ui-modal-root[aria-hidden="true"] .ui-modal__overlay,
.confirm-modal-root[aria-hidden="true"] .ui-modal__backdrop {
  display: none !important;
  pointer-events: none !important;
  opacity: 0 !important;
}

.ui-modal,
.ui-modal-root:not([aria-hidden="true"]),
.confirm-modal-root:not([aria-hidden="true"]),
[role="dialog"]:not([aria-hidden="true"]) {
  z-index: 10050 !important;
}

.ui-modal-root:not([aria-hidden="true"]) .ui-modal__backdrop,
.ui-modal-root:not([aria-hidden="true"]) .ui-modal__overlay,
.ui-modal--open .ui-modal__backdrop,
.ui-modal--open .ui-modal__overlay,
.confirm-modal-root:not([aria-hidden="true"]) .ui-modal__backdrop,
.confirm-modal-root:not([aria-hidden="true"]) .ui-modal__overlay,
[role="dialog"]:not([aria-hidden="true"]) ~ .ui-modal__backdrop,
.modal-backdrop.show,
.modal-backdrop.is-open {
  position: fixed !important;
  inset: 0 !important;
  pointer-events: none !important;
  background: transparent !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

/* MODAL-ANCHOR — transparent scrim, panel fixed near trigger via modal-anchor.js */
.ui-modal-root:not([aria-hidden="true"]) .ui-modal__backdrop,
.ui-modal-root:not([aria-hidden="true"]) .ui-modal__overlay,
.ui-modal--open .ui-modal__backdrop,
.ui-modal--open .ui-modal__overlay,
.confirm-modal-root:not([aria-hidden="true"]) .ui-modal__backdrop,
.confirm-modal-root:not([aria-hidden="true"]) .ui-modal__overlay,
.modal-backdrop.show,
.modal-backdrop.is-open {
  position: fixed !important;
  inset: 0 !important;
  pointer-events: none !important;
  background: transparent !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  opacity: 0 !important;
  display: block !important;
}

.ui-modal-root:not([aria-hidden="true"]),
.confirm-modal-root:not([aria-hidden="true"]) {
  position: fixed !important;
  inset: 0 !important;
  display: block !important;
  pointer-events: none !important;
  overflow: visible !important;
  z-index: 10050 !important;
  background: transparent !important;
}

.ui-modal-root:not([aria-hidden="true"]) .ui-modal__overlay {
  display: contents !important;
  pointer-events: none !important;
}

.ui-modal-root:not([aria-hidden="true"]) .ui-modal__panel,
.confirm-modal-root:not([aria-hidden="true"]) .ui-modal__panel,
.ui-modal--open .ui-modal__panel {
  position: fixed !important;
  top: var(--modal-anchor-top, clamp(120px, 30vh, 360px)) !important;
  left: var(--modal-anchor-left, 50%) !important;
  right: auto !important;
  bottom: auto !important;
  margin: 0 !important;
  transform: none !important;
  pointer-events: auto !important;
  flex-shrink: 0 !important;
  max-width: min(92vw, 420px) !important;
  z-index: 10051 !important;
}

.ui-modal__title,
.ui-modal__message,
.ui-modal__body,
.ui-modal__actions,
.ui-modal__actions button {
  color: var(--canary) !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

.ui-page-toolbar,
.stock-bulk-bar,
.ui-bulk-actions,
.ui-selection-bar {
  position: relative;
  z-index: 6 !important;
  pointer-events: auto !important;
}

.ui-page-toolbar button,
.ui-page-toolbar select,
.ui-page-toolbar a,
.ui-bulk-actions button,
.ui-bulk-actions select {
  pointer-events: auto !important;
  position: relative;
  z-index: 7;
}

/* INLINE-CONFIRM-FIX — Stock runAdminConfirm inline overlays */
.main-content > div[style*="z-index: 99999"],
.main-content > div[style*="z-index:99999"] {
  position: fixed !important;
  inset: 0 !important;
  background: transparent !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  display: flex !important;
  align-items: flex-start !important;
  justify-content: center !important;
  padding-top: var(--confirm-modal-top, min(26vh, 240px)) !important;
  pointer-events: none !important;
  z-index: 99999 !important;
}

.main-content > div[style*="z-index: 99999"] > div,
.main-content > div[style*="z-index:99999"] > div {
  pointer-events: auto !important;
  position: relative !important;
  margin: 0 !important;
  max-width: min(92vw, 420px) !important;
}

/* NEON-BOOST-v2 — stronger tab/menu neon glow */
:root {
  --neon-glow:
    0 0 0 1px rgba(116, 232, 255, 0.45),
    0 0 22px -4px rgba(116, 232, 255, 0.68),
    0 0 8px rgba(116, 232, 255, 0.38) !important;
  --neon-glow-hover:
    0 0 0 1px rgba(116, 232, 255, 0.58),
    0 0 28px -4px rgba(116, 232, 255, 0.75),
    0 0 10px rgba(116, 232, 255, 0.45) !important;
  --neon-glow-strong:
    0 0 0 1px rgba(116, 232, 255, 0.55),
    0 0 32px -6px rgba(116, 232, 255, 0.78),
    0 0 12px rgba(116, 232, 255, 0.5) !important;
  --canary-glow:
    0 0 0 1px rgba(255, 233, 122, 0.48),
    0 0 20px -4px rgba(255, 233, 122, 0.58),
    0 0 8px rgba(255, 244, 184, 0.38) !important;
}
.nav-link:hover { box-shadow: var(--neon-glow) !important; border-color: rgba(116, 232, 255, 0.42) !important; }
.nav-link--active { box-shadow: var(--neon-glow-strong) !important; border-color: rgba(116, 232, 255, 0.62) !important; }
.nav-section__toggle:hover, .nav-section__toggle[aria-expanded="true"] { box-shadow: var(--neon-glow) !important; }
.ui-tabs__tab:hover, .ui-tab:hover, [role="tab"]:hover, .stock-inv-tabs button:hover, .stock-product-bar button:hover, .filter-pill:hover, .segmented-control button:hover { box-shadow: var(--neon-glow) !important; }
.ui-tabs__tab:nth-child(even):hover, .stock-inv-tabs button:nth-child(even):hover, .filter-pill:nth-child(even):hover { box-shadow: var(--canary-glow) !important; }
.ui-tabs__tab--active, [role="tab"][aria-selected="true"], .stock-inv-tabs button.active, .stock-product-bar button.active, .filter-pill.active { box-shadow: var(--neon-glow-strong) !important; }
.ui-tabs__tab:nth-child(even)[aria-selected="true"], .stock-inv-tabs button:nth-child(even).active, .filter-pill:nth-child(even).active { box-shadow: var(--canary-glow) !important; color: #ffffff !important; }
select:focus, .ui-select:focus, .ui-input:focus, .input:focus { box-shadow: 0 0 0 3px rgba(116, 232, 255, 0.18), var(--neon-glow) !important; }
.ui-page-toolbar:has(input[type="checkbox"]:checked), .stock-bulk-bar, .ui-bulk-actions, .ui-selection-bar { box-shadow: var(--glassShadow), var(--neon-glow-strong) !important; border-color: rgba(116, 232, 255, 0.52) !important; }
[role="menu"], [role="listbox"], .cmdk-panel { box-shadow: 0 0 20px -8px rgba(116, 232, 255, 0.42) !important; }
[role="menuitem"]:hover, [role="option"][aria-selected="true"], .dropdown-item:hover { box-shadow: inset 0 0 0 1px rgba(116, 232, 255, 0.35), 0 0 12px -6px rgba(116, 232, 255, 0.4) !important; }

/* SCROLL-FIX — sticky bars/menus scroll with page content (no overlap) */
.stock-product-bar,
.stock-quick-tools,
.products-preview-sticky,
.products-sticky-footer,
.ui-page-toolbar,
.stock-bulk-bar,
.ui-bulk-actions,
.ui-selection-bar,
.filter-bar,
.stock-inv-tabs,
.segmented-control {
  position: relative !important;
  top: auto !important;
  bottom: auto !important;
  z-index: auto !important;
}

html,
body {
  overflow-x: hidden !important;
}

.layout {
  align-items: flex-start !important;
}

.main-content {
  position: relative !important;
  z-index: 1 !important;
  overflow: visible !important;
  flex: 1 1 auto !important;
  min-width: 0;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

@media (min-width: 769px) {
  .sidebar,
  .sidebar--pond {
    position: sticky !important;
    top: 14px !important;
    align-self: flex-start !important;
    height: calc(100dvh - 28px) !important;
    max-height: calc(100dvh - 28px) !important;
    overflow: hidden !important;
  }

  .sidebar__nav {
    overflow-y: auto !important;
    overflow-x: hidden !important;
    min-height: 0 !important;
    flex: 1 1 auto !important;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
  }
}

@media (max-width: 768px) {
  .sidebar,
  .sidebar--pond {
    position: fixed !important;
  }
}

/* TEXT-SWAP-v4 — white primary text ↔ canary muted/secondary (text only) */
:root {
  --text: var(--canary);
  --muted: #ffffff;
  --dimmed: #ffffff;
  --text-secondary: #ffffff;
}

.text-muted,
.ui-stat-card__label,
.ui-stat-card__meta,
.stat-tile__label,
.nav-section__label,
.sidebar__user-label,
.uimpage-toolbar__eyebrow,
.ui-page-toolbar__meta,
.ui-pageDescription,
.ui-field__hint,
.ui-field__label,
.ui-table td:before,
.ui-table th,
.ui-empty,
.cmdk-item__meta,
.cmdk-empty,
.cmdk-footer,
.filter-tab,
.login-card__subtitle,
.nav-link,
.ui-btn--ghost,
.app-loading,
.input::placeholder,
.ui-input::placeholder,
.ui-textarea::placeholder,
.search-input::placeholder,
input[type="search"]::placeholder,
textarea::placeholder,
select::placeholder {
  color: #ffffff !important;
  text-shadow: none !important;
}

.nav-section__label,
.ui-page-toolbar__meta,
.ui-field__hint,
.sidebar__user-label,
.cmdk-footer,
.ui-stat-card__meta {
  opacity: 1 !important;
}

/* OVERLAY-STACK — menus/modals on top of lists: dark translucent + blur (no text clash) */
div[style*="position: fixed"] > .glass-panel,
div[style*="position:fixed"] > .glass-panel,
div[style*="position: fixed"] > .glass,
div[style*="position:fixed"] > .glass,
div[style*="z-index: 80"] > .glass-panel,
div[style*="z-index:80"] > .glass-panel,
div[style*="z-index: 99999"] > .glass-panel,
div[style*="z-index:99999"] .glass-panel,
.ui-modal__panel,
.ui-modal__dialog,
.confirm-modal-root .ui-modal__panel,
[role="dialog"] .glass-panel,
[role="dialog"].glass-panel,
[role="menu"],
[role="listbox"],
.cmdk-panel,
.dropdown-menu,
.ui-popover,
.popover,
.ui-select-menu,
.ui-dropdown {
  background: rgba(6, 16, 26, 0.86) !important;
  backdrop-filter: blur(20px) saturate(145%) !important;
  -webkit-backdrop-filter: blur(20px) saturate(145%) !important;
  border: 1px solid rgba(116, 232, 255, 0.34) !important;
  box-shadow:
    0 22px 56px rgba(0, 0, 0, 0.58),
    inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
  color: var(--canary, #fff4b8) !important;
}

div[style*="position: fixed"] > .glass-panel *,
div[style*="position:fixed"] > .glass-panel *,
.ui-modal__panel *,
[role="menu"],
[role="listbox"] {
  text-shadow: none !important;
}

div[style*="position: fixed"] > .glass-panel input,
div[style*="position: fixed"] > .glass-panel select,
div[style*="position: fixed"] > .glass-panel textarea,
div[style*="position:fixed"] > .glass-panel input,
div[style*="position:fixed"] > .glass-panel select,
.ui-modal__panel input,
.ui-modal__panel select,
.ui-modal__panel textarea {
  background: rgba(4, 12, 20, 0.72) !important;
  color: #ffffff !important;
  border-color: rgba(116, 232, 255, 0.35) !important;
}