/* =============================================================================
   Premium midnight overlay — BeMusic / Aur dark (shell #0c0c0c, panels #121212)
   Scope: plain theme folder "midnight" ONLY — never AUR midnight.
   ============================================================================= */

:is(
  html[data-bs-theme="midnight"],
  html.midnight:not(.AUR):not(.aur)
) {
  --nx-shell-bg: #0c0c0c;
  --nx-panel-bg: #121212;
  --nx-deep-bg: #030303;
  --nx-divider: rgba(255, 255, 255, 0.12);
  --nx-btn-radius: 1.5rem;
  --nx-panel-radius: 0.75rem;
  --nx-input-radius: 0.5rem;
  --nx-shell-gap: 0.5rem;
  --nx-content-rail: 1.5rem;
  /* Luxury rail: compact 208px — labels fit without empty right gutter */
  --nx-sidebar-w: 13rem;
  --nx-topbar-h: 3.5rem;
  --nx-brand-h: 4.25rem;
  --nx-brand-pad: 0 0.875rem;
  --nx-nav-pad: 0.5rem 0.625rem 1.25rem;
  --nx-nav-item-h: 2.5rem;
  --nx-nav-icon: 1.25rem;
  --nx-nav-icon-slot: 1.25rem;
  --nx-nav-gap: 0.75rem;
  --nx-primary: #C5CDD8;
  --nx-primary-rgb: 197, 205, 216;
  --nx-primary-dark: #9AA5B4;
  --nx-primary-light: #C5CDD8;
  --bs-primary: #C5CDD8;
  --bs-primary-rgb: 197, 205, 216;
  --nx-on-primary: #0c0c0c;
  --nx-fg: #ffffff;
  --nx-fg-muted: rgba(255, 255, 255, 0.7);
  --nx-input-bg: rgba(255, 255, 255, 0.05);
  --nx-input-bg-hover: rgba(255, 255, 255, 0.08);
  --nx-input-border-hover: rgba(255, 255, 255, 0.22);
  --nx-input-focus-border: rgba(197, 205, 216, 0.9);
  --nx-input-focus-ring: rgba(197, 205, 216, 0.28);
  --nx-hover-fill: rgba(255, 255, 255, 0.04);
  --nx-selected-fill: rgba(197, 205, 216, 0.1);
  --nx-nav-hover: rgba(197, 205, 216, 0.06);

  /* Ticket show: status rgb stays for statusnik; chrome/cards use platinum primary */
  --nx-ticket-status-rgb: 32, 174, 227;
  --nx-ticket-chrome-rgb: var(--nx-primary-rgb);
  --color-accent-1-rgb: var(--nx-ticket-chrome-rgb);
  --color-accent-2-rgb: var(--nx-ticket-chrome-rgb);
  --color-accent-3-rgb: var(--nx-ticket-chrome-rgb);
  --color-accent-4-rgb: var(--nx-ticket-chrome-rgb);
  --color-accent-5-rgb: var(--nx-ticket-chrome-rgb);

  --nx-operator-tabs-nav-bg: rgba(18, 18, 18, 0.92);
  --nx-operator-tabs-nav-border: rgba(255, 255, 255, 0.12);
  --nx-operator-tabs-scrollbar: rgba(255, 255, 255, 0.22);
  --nx-operator-tabs-color: rgba(255, 255, 255, 0.7);
  --nx-operator-tabs-hover-color: rgba(255, 255, 255, 0.92);
  --nx-operator-tabs-hover-bg: rgba(255, 255, 255, 0.06);
  --nx-operator-tabs-active-color: #ffffff;
  /* Active/hover fill comes from per-tab --nx-op-tab-accent (icon color) */
  --nx-operator-tabs-active-bg: color-mix(in srgb, var(--nx-op-tab-accent, #5b9cf5) 22%, transparent);
  --nx-operator-tabs-active-shadow: inset 0 0 0 1px color-mix(in srgb, var(--nx-op-tab-accent, #5b9cf5) 42%, transparent);

  color: var(--nx-fg);
  background-color: var(--nx-shell-bg);
}

/* When html class lags (active_theme ≠ pref_theme), body shell still gets tokens for right panel. */
body.nx-midnight-premium-shell {
  --nx-shell-bg: #0c0c0c;
  --nx-panel-bg: #121212;
  --nx-deep-bg: #030303;
  --nx-divider: rgba(255, 255, 255, 0.12);
  --nx-btn-radius: 1.5rem;
  --nx-panel-radius: 0.75rem;
  --nx-input-radius: 0.5rem;
  --nx-shell-gap: 0.5rem;
  --nx-content-rail: 1.5rem;
  --nx-sidebar-w: 13rem;
  --nx-topbar-h: 3.5rem;
  --nx-brand-h: 4.25rem;
  --nx-brand-pad: 0 0.875rem;
  --nx-nav-pad: 0.5rem 0.625rem 1.25rem;
  --nx-nav-item-h: 2.5rem;
  --nx-nav-icon: 1.25rem;
  --nx-nav-icon-slot: 1.25rem;
  --nx-nav-gap: 0.75rem;
  --nx-primary: #C5CDD8;
  --nx-primary-rgb: 197, 205, 216;
  --nx-primary-dark: #9AA5B4;
  --nx-primary-light: #C5CDD8;
  --bs-primary: #C5CDD8;
  --bs-primary-rgb: 197, 205, 216;
  --nx-on-primary: #0c0c0c;
  --nx-fg: #ffffff;
  --nx-fg-muted: rgba(255, 255, 255, 0.7);
  --nx-input-bg: rgba(255, 255, 255, 0.05);
  --nx-input-bg-hover: rgba(255, 255, 255, 0.08);
  --nx-input-border-hover: rgba(255, 255, 255, 0.22);
  --nx-input-focus-border: rgba(197, 205, 216, 0.9);
  --nx-input-focus-ring: rgba(197, 205, 216, 0.28);
  --nx-hover-fill: rgba(255, 255, 255, 0.04);
  --nx-selected-fill: rgba(197, 205, 216, 0.1);
  --nx-nav-hover: rgba(197, 205, 216, 0.06);
  --nx-ticket-status-rgb: 32, 174, 227;
  --nx-ticket-chrome-rgb: var(--nx-primary-rgb);
  --color-accent-1-rgb: var(--nx-ticket-chrome-rgb);
  --color-accent-2-rgb: var(--nx-ticket-chrome-rgb);
  --color-accent-3-rgb: var(--nx-ticket-chrome-rgb);
  --color-accent-4-rgb: var(--nx-ticket-chrome-rgb);
  --color-accent-5-rgb: var(--nx-ticket-chrome-rgb);
  color: var(--nx-fg);
  background-color: var(--nx-shell-bg) !important;
}

@media (min-width: 768px) {
  body.loggedin:not(.settings).nx-midnight-premium-shell .nx-midnight-right-panel {
    position: relative;
    margin-top: var(--nx-shell-gap);
    margin-left: calc(var(--nx-shell-gap) + var(--nx-sidebar-w));
    margin-right: var(--nx-shell-gap);
    margin-bottom: var(--nx-shell-gap);
    min-height: calc(100vh - (var(--nx-shell-gap) * 2));
    background: var(--nx-panel-bg);
    border: 1px solid var(--nx-divider);
    border-radius: var(--nx-panel-radius);
    overflow: hidden;
  }

  body.loggedin:not(.settings).nx-midnight-premium-shell .nx-midnight-right-panel > .preloader,
  body.loggedin:not(.settings).nx-midnight-premium-shell .nx-midnight-right-panel > .nx-right-panel-preloader {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 100 !important;
    border-radius: var(--nx-panel-radius) !important;
  }

  body.loggedin:not(.settings).nx-midnight-premium-shell .nx-midnight-right-panel > .topbar,
  body.loggedin:not(.settings).nx-midnight-premium-shell .nx-midnight-right-panel > .page-wrapper {
    margin: 0 !important;
  }

  body.loggedin:not(.settings).nx-midnight-premium-shell .topbar .top-navbar .navbar-header,
  body.loggedin:not(.settings).nx-midnight-premium-shell .topbar #topnav-logo-container {
    display: none !important;
  }

  body.loggedin:not(.settings).nx-midnight-premium-shell .topbar,
  body.loggedin:not(.settings).nx-midnight-premium-shell .topbar.nx-modern-topnav {
    margin-left: calc(var(--nx-shell-gap) + var(--nx-sidebar-w)) !important;
  }
}

:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) body.menu-variant-modern {
  --nx-sidebar-w: 13rem;
}

:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) body.mini-sidebar {
  --nx-sidebar-w: 4rem;
}

:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) body.menu-variant-modern.mini-sidebar {
  --nx-sidebar-w: 4rem;
}

/* -----------------------------------------------------------------------------
   Aur admin shell 1:1 (CSS on AUR2 DOM)
   Left: logo + menu = shell #0c0c0c, width 14rem, brand/nav paddings from Aur
   Right: topnav + content = one panel #121212, rails 1.5rem, gap 0.5rem
   ----------------------------------------------------------------------------- */
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) body,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) #main-wrapper {
  background-color: var(--nx-shell-bg) !important;
  color: var(--nx-fg);
}

:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) body.loggedin {
  background-color: var(--nx-shell-bg) !important;
  padding: 0 !important;
  box-sizing: border-box;
}

:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .nx-aur-corner-decor {
  display: none !important;
}

:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .topbar,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .topbar .top-navbar {
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  border: none !important;
}

/* --- Logo column (AUR midnight: in-flow .navbar-header, not position:fixed) --- */
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .topbar .top-navbar .navbar-header,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .topbar #topnav-logo-container,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) body.menu-variant-modern .topbar.nx-modern-topnav .top-navbar .navbar-header,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) body.nx-menu-layout-modern .topbar.nx-modern-topnav .top-navbar .navbar-header {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  width: var(--nx-sidebar-w) !important;
  min-width: var(--nx-sidebar-w) !important;
  max-width: var(--nx-sidebar-w) !important;
  height: var(--nx-topbar-h) !important;
  min-height: var(--nx-topbar-h) !important;
  max-height: var(--nx-topbar-h) !important;
  line-height: 1 !important;
  padding: 0 0.5rem !important;
  margin: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  flex: 0 0 var(--nx-sidebar-w) !important;
  background: var(--nx-shell-bg) !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
  z-index: auto !important;
  visibility: visible !important;
  opacity: 1 !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
  transition: none !important;
}

:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) body.mini-sidebar .topbar .top-navbar .navbar-header,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) body.mini-sidebar .topbar #topnav-logo-container {
  justify-content: center !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  text-align: center !important;
}

:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .topbar .navbar-header .sidenav-menu-item.logo,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .topbar .navbar-header .navbar-brand {
  margin: 0 !important;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: inherit !important;
  min-height: 0 !important;
  max-height: 1.75rem !important;
  max-width: 100% !important;
  background: transparent !important;
  border: 0 !important;
  visibility: visible !important;
  opacity: 1 !important;
}

:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) body.mini-sidebar .topbar .navbar-header .navbar-brand {
  justify-content: center !important;
  width: 100% !important;
}

:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .topbar .navbar-header .navbar-brand .logo-large,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .topbar .navbar-header .navbar-brand .logo-small {
  max-height: 1.75rem !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain !important;
  object-position: left center !important;
}

/*
 * AUR midnight toggle (theme style.css ~6018):
 * Theme uses body.fix-sidebar .logo-small { display:none } — that hid
 * settings logos preview. Scope hide/show to brand + topnav only.
 */
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .left-sidebar .nx-sidebar-brand .logo-large,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .left-sidebar .navbar-brand .logo-large,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .topbar #topnav-logo-container .logo-large,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .topbar .navbar-header .logo-large {
  display: inline-block !important;
  visibility: visible !important;
  opacity: 1 !important;
  max-width: 10.5rem !important;
  max-height: 2rem !important;
}

:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) body:not(.mini-sidebar) .left-sidebar .nx-sidebar-brand .logo-small,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) body:not(.mini-sidebar) .left-sidebar .navbar-brand .logo-small,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) body:not(.mini-sidebar) .topbar #topnav-logo-container .logo-small,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) body:not(.mini-sidebar) .topbar .navbar-header .logo-small {
  display: none !important;
}

:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) body.mini-sidebar .left-sidebar .nx-sidebar-brand .logo-large,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) body.mini-sidebar .left-sidebar .navbar-brand .logo-large,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) body.mini-sidebar .topbar #topnav-logo-container .logo-large,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) body.mini-sidebar .topbar .navbar-header .logo-large {
  display: none !important;
}

:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) body.mini-sidebar .left-sidebar .nx-sidebar-brand .logo-small,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) body.mini-sidebar .left-sidebar .navbar-brand .logo-small,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) body.mini-sidebar .topbar #topnav-logo-container .logo-small,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) body.mini-sidebar .topbar .navbar-header .logo-small {
  display: inline-block !important;
  visibility: visible !important;
  opacity: 1 !important;
  max-width: 1.75rem !important;
  max-height: 1.75rem !important;
  object-position: center center !important;
}

/* Settings logos page: always show previews (beat body.fix-sidebar .logo-small) */
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur))
  body.settings #settings-wrapper .card .logo-large,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur))
  body.settings #settings-wrapper .card .logo-small,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur))
  body.settings #settings-wrapper .card .logo-favicon {
  display: inline-block !important;
  visibility: visible !important;
  opacity: 1 !important;
  max-width: 185px !important;
  max-height: 64px !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain !important;
}

:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .topbar .top-navbar .navbar-header::before,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .topbar .top-navbar .navbar-header::after,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .topbar #topnav-logo-container::before,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .topbar #topnav-logo-container::after {
  content: none !important;
  display: none !important;
}

/* --- Left menu (Aur sidebar) --- */
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .left-sidebar,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) body.menu-variant-modern .nx-modern-leftmenu .left-sidebar {
  width: var(--nx-sidebar-w) !important;
  background: var(--nx-shell-bg) !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
  padding-top: 0 !important;
}

:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .sidebar-nav,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) body.menu-variant-modern .nx-modern-leftmenu .sidebar-nav {
  background: transparent !important;
  border: 0 !important;
  padding: var(--nx-nav-pad) !important;
}

:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) body.menu-variant-modern .nx-modern-leftmenu .left-sidebar::before,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) body.menu-variant-modern:not(.mini-sidebar) .nx-modern-leftmenu .left-sidebar::before {
  content: none !important;
  display: none !important;
}

/* --- Content panel = topnav + page; Aur hairline under topnav --- */
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .topbar .navbar-collapse,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .topbar #main-top-nav-bar,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) body.menu-variant-modern .topbar.nx-modern-topnav .navbar-collapse {
  background: var(--nx-panel-bg) !important;
  background-image: none !important;
  border: 0 !important;
  border-bottom: 1px solid var(--nx-divider) !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .page-wrapper {
  background: var(--nx-panel-bg) !important;
  border: 0 !important;
}

:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .sidebar-footer,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .footer {
  background: var(--nx-shell-bg) !important;
  border-color: var(--nx-divider) !important;
}

:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .sidebar-nav ul li.nav-devider {
  display: none !important;
}

:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .container-fluid {
  background: transparent;
}

/* Desktop: AUR-like topbar (logo column + collapse). Shell gaps only on outer edges. */
@media (min-width: 768px) {
  :is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) body.loggedin:not(.settings) .left-sidebar {
    top: var(--nx-shell-gap) !important;
    left: var(--nx-shell-gap) !important;
    height: calc(100vh - (var(--nx-shell-gap) * 2)) !important;
    width: var(--nx-sidebar-w) !important;
    padding-top: var(--nx-topbar-h) !important;
    z-index: 20 !important;
  }

  :is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) #main-wrapper {
    overflow: visible !important;
  }

  /* AUR: topbar starts at left edge (under/with logo), not after the rail */
  :is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) body.loggedin:not(.settings) .topbar,
  :is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) body.loggedin:not(.settings) .topbar.nx-modern-topnav {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    width: auto !important;
    margin-top: var(--nx-shell-gap) !important;
    margin-left: var(--nx-shell-gap) !important;
    margin-right: var(--nx-shell-gap) !important;
    margin-bottom: 0 !important;
    z-index: 40 !important;
    background: transparent !important;
  }

  :is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) body.loggedin:not(.settings) .topbar .top-navbar {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    height: var(--nx-topbar-h) !important;
    min-height: var(--nx-topbar-h) !important;
    max-height: var(--nx-topbar-h) !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
    gap: 0 !important;
  }

  /* Logo stays in flow (AUR) — never position:fixed here */
  :is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) body.loggedin:not(.settings) .topbar .navbar-header,
  :is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) body.loggedin:not(.settings) .topbar #topnav-logo-container {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    flex: 0 0 var(--nx-sidebar-w) !important;
    width: var(--nx-sidebar-w) !important;
    min-width: var(--nx-sidebar-w) !important;
    max-width: var(--nx-sidebar-w) !important;
    height: var(--nx-topbar-h) !important;
    min-height: var(--nx-topbar-h) !important;
    max-height: var(--nx-topbar-h) !important;
    z-index: 2 !important;
  }

  :is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) body.loggedin:not(.settings) .topbar .navbar-collapse,
  :is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) body.loggedin:not(.settings) .topbar #main-top-nav-bar {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    width: auto !important;
    max-width: none !important;
    height: var(--nx-topbar-h) !important;
    min-height: var(--nx-topbar-h) !important;
    max-height: var(--nx-topbar-h) !important;
    margin: 0 !important;
    padding-left: var(--nx-content-rail) !important;
    padding-right: var(--nx-content-rail) !important;
    border: 1px solid var(--nx-divider) !important;
    border-bottom: 1px solid var(--nx-divider) !important;
    border-radius: var(--nx-panel-radius) var(--nx-panel-radius) 0 0 !important;
    background: var(--nx-panel-bg) !important;
    box-sizing: border-box !important;
  }

  :is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) body.loggedin:not(.settings) .page-wrapper {
    margin-left: calc(var(--nx-shell-gap) + var(--nx-sidebar-w)) !important;
    margin-right: var(--nx-shell-gap) !important;
    padding-top: 0 !important;
    border: 1px solid var(--nx-divider) !important;
    border-top: 0 !important;
    border-radius: 0 0 var(--nx-panel-radius) var(--nx-panel-radius) !important;
    background: var(--nx-panel-bg) !important;
    box-sizing: border-box !important;
    min-height: calc(100vh - (var(--nx-shell-gap) * 2) - var(--nx-topbar-h)) !important;
  }

  :is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) body.loggedin:not(.settings) .page-wrapper > .container-fluid,
  :is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) body.loggedin:not(.settings) .page-wrapper .container-fluid {
    padding: 1.25rem var(--nx-content-rail) 1.5rem !important;
  }

  :is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) body.loggedin:not(.settings) .topbar li.main-hamburger-menu,
  :is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) body.loggedin:not(.settings) .topbar .main-hamburger-menu,
  :is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) body.loggedin:not(.settings) .topbar .settings-hamburger-menu {
    display: none !important;
  }

  :is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .topbar .profile-pic {
    border-left: 0 !important;
    padding-right: 0 !important;
    margin-right: 0 !important;
  }

  :is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .topbar #right-topnav-navbar,
  :is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .topbar .navbar-top-right {
    margin-right: 0 !important;
    padding-right: 0 !important;
  }
}

/* -----------------------------------------------------------------------------
   Sidebar navigation — exact Aur premium-admin (soft primary active, not solid fill)
   ----------------------------------------------------------------------------- */
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .left-sidebar {
  border-right: none !important;
  background: var(--nx-shell-bg) !important;
}

:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .sidebar-nav {
  padding: var(--nx-nav-pad, 0.5rem 0.75rem 1.25rem) !important;
  background: transparent !important;
}

:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .sidebar-nav > ul > li {
  margin-top: 0 !important;
  margin-bottom: 0.125rem !important;
}

:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .sidebar-nav ul li a {
  display: flex !important;
  align-items: center !important;
  gap: var(--nx-nav-gap, 0.75rem) !important;
  box-sizing: border-box !important;
  min-height: var(--nx-nav-item-h, 2.5rem) !important;
  color: rgba(255, 255, 255, 0.78) !important;
  border-radius: var(--nx-panel-radius) !important;
  font-size: 0.875rem !important;
  font-weight: 500 !important;
  letter-spacing: 0.01em !important;
  line-height: 1.25 !important;
  padding: 0.5rem 0.875rem !important;
  margin: 0 !important;
  border-left: none !important;
  background: transparent !important;
  transition: background-color 0.15s ease, color 0.15s ease;
}

:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .sidebar-nav > ul > li > a {
  border-left: none !important;
}

:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .sidebar-nav ul li a:hover {
  color: var(--nx-fg) !important;
  background-color: rgba(var(--nx-primary-rgb), 0.06) !important;
}

:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .sidebar-nav ul li a:hover i,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .sidebar-nav ul li a:hover svg {
  color: var(--nx-fg) !important;
  fill: currentColor;
  stroke: currentColor;
}

:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .sidebar-nav > ul > li > a.active,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .sidebar-nav > ul > li.active > a,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .sidebar-nav ul li a.active {
  color: var(--nx-primary-light) !important;
  background-color: rgba(var(--nx-primary-rgb), 0.1) !important;
  border: 0 !important;
  border-left: none !important;
  font-weight: 600 !important;
  box-shadow: none !important;
}

/* Parent with open children: no double-pill — green chrome only */
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .sidebar-nav > ul > li.active > a.has-arrow,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .sidebar-nav > ul > li.active:has(> ul) > a,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .sidebar-nav > ul > li:has(> ul > li.active) > a,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .sidebar-nav > ul > li:has(> ul > li > a.active) > a {
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  color: var(--nx-primary-light) !important;
  font-weight: 600 !important;
}

:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .sidebar-nav > ul > li > a.active::before,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .sidebar-nav > ul > li.active > a::before,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .sidebar-nav ul li a.active::before {
  display: none !important;
  content: none !important;
}

:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .sidebar-nav > ul > li > a.active i,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .sidebar-nav > ul > li.active > a i,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .sidebar-nav ul li a.active i,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .sidebar-nav > ul > li > a.active i::before,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .sidebar-nav > ul > li.active > a i::before,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .sidebar-nav > ul > li > a.active svg,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .sidebar-nav > ul > li.active > a svg,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .sidebar-nav > ul > li > a.active svg path,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .sidebar-nav > ul > li.active > a svg path,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .sidebar-nav > ul > li > a.active [class*="leftnav-"],
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .sidebar-nav > ul > li.active > a [class*="leftnav-"],
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .sidebar-nav > ul > li > a.active .hide-menu,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .sidebar-nav > ul > li.active > a .hide-menu {
  color: var(--nx-primary-light) !important;
  fill: currentColor !important;
  stroke: currentColor !important;
}

/* Nested pages — premium rail + single soft leaf active (2026 admin) */
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .sidebar-nav > ul > li > ul,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .sidebar-nav #sidebarnav > li > ul.collapse,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .sidebar-nav ul li ul {
  margin: 0.2rem 0 0.45rem 1.15rem !important;
  padding: 0.2rem 0 0.15rem 0.7rem !important;
  border-left: 1px solid rgba(255, 255, 255, 0.1) !important;
  background: transparent !important;
}

:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .sidebar-nav > ul > li > ul > li,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .sidebar-nav ul li ul > li {
  margin: 0 !important;
  list-style: none !important;
}

:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .sidebar-nav > ul > li > ul > li > a,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .sidebar-nav ul li ul > li > a {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  min-height: 2.125rem !important;
  font-size: 0.8125rem !important;
  font-weight: 500 !important;
  line-height: 1.25 !important;
  padding: 0.375rem 0.75rem !important;
  margin: 0.0625rem 0 !important;
  color: rgba(255, 255, 255, 0.62) !important;
  background: transparent !important;
  border-radius: 0.5rem !important;
  border: 0 !important;
  box-shadow: none !important;
}

:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .sidebar-nav > ul > li > ul > li > a:hover,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .sidebar-nav ul li ul > li > a:hover {
  color: rgba(255, 255, 255, 0.92) !important;
  background-color: rgba(255, 255, 255, 0.04) !important;
}

:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .sidebar-nav > ul > li > ul > li > a.active,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .sidebar-nav > ul > li > ul > li.active > a,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .sidebar-nav ul li ul > li > a.active,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .sidebar-nav ul li ul > li.active > a {
  color: var(--nx-primary-light) !important;
  background-color: rgba(var(--nx-primary-rgb), 0.1) !important;
  font-weight: 600 !important;
  border: 0 !important;
  box-shadow: none !important;
}

:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .sidebar-nav > ul > li > ul > li > a.active::before,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .sidebar-nav > ul > li > ul > li.active > a::before,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .sidebar-nav ul li ul > li > a.active::before,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .sidebar-nav ul li ul > li.active > a::before {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  left: -0.7rem !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 2px !important;
  height: 1rem !important;
  border-radius: 1px !important;
  background: var(--nx-primary-light) !important;
  opacity: 0.95 !important;
  pointer-events: none !important;
}

:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .sidebar-nav > ul > li > ul > li > a.active i,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .sidebar-nav > ul > li > ul > li.active > a i,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .sidebar-nav ul li ul > li > a.active i,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .sidebar-nav ul li ul > li.active > a i {
  color: var(--nx-primary-light) !important;
}

:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .sidebar-nav ul li.nav-small-cap {
  color: rgba(255, 255, 255, 0.45);
  text-transform: uppercase;
  letter-spacing: 0.06em;
  font-size: 0.6875rem !important;
  font-weight: 600 !important;
  margin: 1rem 0 0.375rem !important;
  padding: 0.375rem 0.875rem 0.25rem !important;
}

:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .sidebar-nav > ul > li > a i {
  color: rgba(255, 255, 255, 0.55);
  flex: 0 0 var(--nx-nav-icon-slot, 1.25rem) !important;
  width: var(--nx-nav-icon-slot, 1.25rem) !important;
  min-width: var(--nx-nav-icon-slot, 1.25rem) !important;
  height: var(--nx-nav-icon, 1.25rem) !important;
  font-size: var(--nx-nav-icon, 1.25rem) !important;
  line-height: 1 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  text-align: center !important;
}

:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .sidebar-nav > ul > li > a i > svg,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .sidebar-nav > ul > li > a > i[class*="leftnav-"] > svg {
  width: 1.25rem !important;
  height: 1.25rem !important;
  display: block !important;
  flex-shrink: 0 !important;
}

:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .sidebar-nav > ul > li > a .hide-menu {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  padding-right: 1.125rem !important;
}

:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .sidebar-nav .has-arrow::after {
  border-color: rgba(255, 255, 255, 0.45) !important;
  border-width: 1px 0 0 1px !important;
  width: 0.375rem !important;
  height: 0.375rem !important;
  right: 0.875rem !important;
  top: 50% !important;
  margin-top: -0.1875rem !important;
}

:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .sidebar-nav > ul > li > a.active.has-arrow::after,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .sidebar-nav > ul > li.active > a.has-arrow::after {
  border-color: var(--nx-primary-light) !important;
}

@media (min-width: 768px) {
  :is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .mini-sidebar .sidebar-nav #sidebarnav > li > ul,
  :is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .mini-sidebar .sidebar-nav #sidebarnav > li:hover > a {
    background: var(--nx-panel-bg) !important;
    border: 1px solid var(--nx-divider) !important;
    border-radius: var(--nx-panel-radius);
  }

  :is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .mini-sidebar .sidebar-nav #sidebarnav > li:hover > a:not(.active) {
    color: var(--nx-fg) !important;
  }

  :is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .mini-sidebar .sidebar-nav #sidebarnav > li:hover > a.active {
    color: var(--nx-primary) !important;
    background-color: rgba(var(--nx-primary-rgb), 0.1) !important;
  }
}

/* -----------------------------------------------------------------------------
   Cards / panels / widgets
   ----------------------------------------------------------------------------- */
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .card,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .card-body,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .white-box,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .panel,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .panel-body {
  background-color: var(--nx-panel-bg) !important;
  color: var(--nx-fg);
}

:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .card {
  border: 1px solid var(--nx-divider) !important;
  border-radius: var(--nx-panel-radius) !important;
  box-shadow: none !important;
  background-color: var(--nx-panel-bg) !important;
  overflow: hidden !important;
}

:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .card .card-header.fx-settings-logo-card,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .fx-settings-logo-card {
  background-color: transparent !important;
}

:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .card .card-header,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .card .card-footer {
  background-color: transparent !important;
  border-color: var(--nx-divider) !important;
  color: var(--nx-fg);
}

:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .card .card-header {
  border-bottom: 1px solid var(--nx-divider) !important;
}

:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .card .card-footer {
  border-top: 1px solid var(--nx-divider) !important;
}

:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) hr,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .modal-header,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .modal-footer,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .dropdown-divider,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .table > :not(caption) > * > *,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .table thead th,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .table td,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .table th {
  border-color: var(--nx-divider) !important;
}

:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .modal-header {
  border-bottom: 1px solid var(--nx-divider) !important;
}

:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .modal-footer {
  border-top: 1px solid var(--nx-divider) !important;
}

:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) hr {
  background-color: transparent !important;
  border: 0 !important;
  border-top: 1px solid var(--nx-divider) !important;
  opacity: 1 !important;
}

:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .card .card-title {
  color: var(--nx-fg);
}

:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .card .card-subtitle {
  color: var(--nx-fg-muted);
}

:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .list-group-item {
  background-color: var(--nx-panel-bg);
  border-color: var(--nx-divider);
  color: var(--nx-fg);
}

/* -----------------------------------------------------------------------------
   Buttons
   ----------------------------------------------------------------------------- */
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .btn {
  border-radius: var(--nx-btn-radius) !important;
  font-weight: 500;
  padding: 0.4375rem 1.125rem;
  transition: background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease, opacity 0.2s ease;
}

:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .btn:hover {
  opacity: 1;
}

:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .btn-sm,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .btn-group-sm > .btn,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .btn-xs,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .btn-xxs {
  border-radius: 1rem !important;
  padding: 0.25rem 0.875rem;
}

:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .btn-circle {
  border-radius: 50% !important;
}

:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .btn-primary,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .btn-primary.disabled,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .btn-info,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .btn-info.disabled,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .btn-themecolor,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .btn-themecolor.disabled {
  background: var(--nx-primary) !important;
  border: 1px solid var(--nx-primary) !important;
  color: var(--nx-on-primary) !important;
  box-shadow: none !important;
}

:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .btn-primary:hover,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .btn-primary.disabled:hover,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .btn-info:hover,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .btn-info.disabled:hover,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .btn-themecolor:hover,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .btn-themecolor.disabled:hover {
  background: var(--nx-primary-dark) !important;
  border-color: var(--nx-primary-dark) !important;
  color: var(--nx-on-primary) !important;
  box-shadow: none !important;
  opacity: 1 !important;
}

:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .btn-primary.active,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .btn-primary:active,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .btn-primary:focus,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .btn-info.active,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .btn-info:active,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .btn-info:focus,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .btn-themecolor.active,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .btn-themecolor:active,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .btn-themecolor:focus {
  background: var(--nx-primary-dark) !important;
  border-color: var(--nx-primary-dark) !important;
  color: var(--nx-on-primary) !important;
  box-shadow: none !important;
}

/* Filled danger/success/warning: white label (theme variants omit color; global `a` was painting green) */
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .btn-danger,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .btn-danger.disabled,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .btn-success,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .btn-success.disabled,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .btn-warning,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .btn-warning.disabled {
  color: var(--nx-on-primary) !important;
}

:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .btn-danger:hover,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .btn-danger:focus,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .btn-danger:active,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .btn-success:hover,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .btn-success:focus,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .btn-success:active,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .btn-warning:hover,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .btn-warning:focus,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .btn-warning:active {
  color: var(--nx-on-primary) !important;
}

:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .btn-outline-primary,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .btn-outline-info {
  color: var(--nx-primary) !important;
  border-color: var(--nx-primary) !important;
  background: transparent !important;
}

:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .btn-outline-primary:hover,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .btn-outline-info:hover {
  background: var(--nx-selected-fill) !important;
  color: var(--nx-primary-light) !important;
  border-color: var(--nx-primary) !important;
}

:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .btn-secondary,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .btn-secondary.disabled {
  background-color: rgba(255, 255, 255, 0.06) !important;
  border-color: var(--nx-divider) !important;
  color: var(--nx-fg) !important;
}

:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .btn-secondary:hover,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .btn-secondary:focus,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .btn-secondary.active {
  background-color: var(--nx-input-bg-hover) !important;
  border-color: var(--nx-input-border-hover) !important;
  color: var(--nx-fg) !important;
}

:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .btn-link {
  color: var(--nx-primary) !important;
}

:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .btn-link:hover {
  color: var(--nx-primary-light) !important;
}

/* -----------------------------------------------------------------------------
   Links / accents (replace cyan)
   Exclude .btn — filled CTAs set their own label color (else green text on pink danger).
   ----------------------------------------------------------------------------- */
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) a:not(.btn) {
  color: var(--nx-primary);
}

:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) a:not(.btn):hover,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) a:not(.btn):focus {
  color: var(--nx-primary-light);
}

/* Status semantics (.text-info|.bg-lime|.label-success|…) stay as in AUR midnight —
   do NOT remap them to --nx-primary (UI chrome green). */

/* -----------------------------------------------------------------------------
   Forms
   ----------------------------------------------------------------------------- */
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .form-control,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) textarea.form-control,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) select.form-control,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .custom-select,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .form-select {
  background-color: var(--nx-input-bg) !important;
  border: 1px solid var(--nx-divider) !important;
  border-radius: var(--nx-input-radius) !important;
  color: var(--nx-fg) !important;
  box-shadow: none !important;
}

:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .form-control:hover:not(:focus):not(:disabled):not([readonly]),
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) textarea.form-control:hover:not(:focus):not(:disabled) {
  background-color: var(--nx-input-bg-hover) !important;
  border-color: var(--nx-input-border-hover) !important;
}

:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .form-control:focus,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) textarea.form-control:focus,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) select.form-control:focus,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .form-select:focus {
  border-color: var(--nx-input-focus-border) !important;
  box-shadow: inset 0 0 0 1px var(--nx-input-focus-border), 0 0 0 0.12rem var(--nx-input-focus-ring) !important;
  background-color: var(--nx-input-bg) !important;
  color: var(--nx-fg) !important;
}

:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .form-control::placeholder,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) textarea.form-control::placeholder {
  color: var(--nx-fg-muted);
  opacity: 0.85;
}

:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .input-group-text {
  background-color: var(--nx-input-bg) !important;
  border-color: var(--nx-divider) !important;
  color: var(--nx-fg-muted) !important;
  border-radius: var(--nx-input-radius);
}

:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .form-label,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) label {
  color: var(--nx-fg-muted);
}

/* Select2 */
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .select2-container--default .select2-selection--single,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .select2-container--bootstrap .select2-selection--single,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .select2-container--default .select2-selection--multiple,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .select2-container--bootstrap .select2-selection--multiple {
  background-color: var(--nx-input-bg) !important;
  border: 1px solid var(--nx-divider) !important;
  border-radius: var(--nx-input-radius) !important;
  color: var(--nx-fg) !important;
}

:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .select2-container--default .select2-selection--single .select2-selection__rendered,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .select2-container--bootstrap .select2-selection--single .select2-selection__rendered {
  color: var(--nx-fg) !important;
}

:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .select2-dropdown {
  background-color: var(--nx-panel-bg) !important;
  border: 1px solid var(--nx-divider) !important;
  border-radius: var(--nx-panel-radius) !important;
  box-shadow: 0 0.75rem 1.75rem rgba(0, 0, 0, 0.45);
}

:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .select2-container--default .select2-results__option--highlighted[aria-selected],
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .select2-container--bootstrap .select2-results__option--highlighted[aria-selected] {
  background-color: var(--nx-selected-fill) !important;
  color: var(--nx-primary) !important;
}

:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .select2-container--default .select2-results__option[aria-selected=true] {
  background-color: rgba(197, 205, 216, 0.16) !important;
}

/* -----------------------------------------------------------------------------
   Tables
   ----------------------------------------------------------------------------- */
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .table {
  color: var(--nx-fg);
  border-color: var(--nx-divider);
}

:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .table thead th,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .table > thead > tr > th {
  background-color: rgba(255, 255, 255, 0.03) !important;
  border-bottom-color: var(--nx-divider) !important;
  color: var(--nx-fg-muted);
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.03em;
}

/* Premium list shells (Employees / Orders / Sales norms): keep transparent thead like tickets ID rules */
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .nx-nexora-list-shell table.table.contact-list > thead > tr > th,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .nx-tickets-list-shell table.table.contact-list > thead > tr > th,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) #sales-norms-table-wrapper table.table > thead > tr > th,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) #sales-norms-team-table-wrapper table.table > thead > tr > th,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) #sales-norms-hero-table-wrapper table.table > thead > tr > th {
  background-color: transparent !important;
  background: transparent !important;
  color: var(--nx-tkt-muted, rgba(255, 255, 255, 0.5)) !important;
  font-size: 0.72rem !important;
  letter-spacing: 0.07em !important;
  border: none !important;
  border-bottom: 1px solid var(--nx-tkt-br, rgba(255, 255, 255, 0.12)) !important;
}

:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .table td,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .table th {
  border-color: var(--nx-divider) !important;
}

:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .table-hover tbody tr:hover,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .table tbody tr:hover {
  background-color: rgba(197, 205, 216, 0.04) !important;
}

:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(255, 255, 255, 0.02);
}

/* -----------------------------------------------------------------------------
   Tabs / nav / pagination / badges
   ----------------------------------------------------------------------------- */
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .nav-tabs {
  border-bottom-color: var(--nx-divider) !important;
}

:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .nav-tabs .nav-link {
  color: var(--nx-fg-muted);
  border-radius: var(--nx-panel-radius) var(--nx-panel-radius) 0 0;
}

:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .nav-tabs .nav-link:hover {
  border-color: transparent;
  color: var(--nx-fg);
  background: var(--nx-hover-fill);
}

:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .nav-tabs .nav-link.active {
  background-color: var(--nx-panel-bg) !important;
  border-color: var(--nx-divider) var(--nx-divider) var(--nx-panel-bg) !important;
  color: var(--nx-primary) !important;
}

:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .nav-pills .nav-link.active,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .nav-pills .show > .nav-link {
  background-color: var(--nx-primary) !important;
  color: var(--nx-on-primary) !important;
}

:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .pagination .page-link {
  background-color: var(--nx-panel-bg);
  border-color: var(--nx-divider);
  color: var(--nx-fg-muted);
  border-radius: var(--nx-input-radius);
}

:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .pagination .page-item.active .page-link {
  background-color: var(--nx-primary) !important;
  border-color: var(--nx-primary) !important;
  color: var(--nx-on-primary) !important;
}

:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .pagination .page-link:hover {
  background-color: var(--nx-selected-fill);
  color: var(--nx-primary);
  border-color: var(--nx-divider);
}

/* badge/label status colors: не трогать — как AUR midnight (label-lime/success/…) */

/* -----------------------------------------------------------------------------
   Dropdowns / modals
   ----------------------------------------------------------------------------- */
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .dropdown-menu {
  background-color: var(--nx-panel-bg) !important;
  border: 1px solid var(--nx-divider) !important;
  border-radius: var(--nx-panel-radius) !important;
  box-shadow: 0 0.75rem 1.75rem rgba(0, 0, 0, 0.45) !important;
  color: var(--nx-fg);
}

:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .dropdown-item {
  color: var(--nx-fg);
  border-radius: calc(var(--nx-input-radius) - 0.0625rem);
}

:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .dropdown-item:hover,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .dropdown-item:focus {
  background-color: var(--nx-selected-fill) !important;
  color: var(--nx-primary) !important;
}

:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .dropdown-divider {
  border-top-color: var(--nx-divider) !important;
}

:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .modal-content {
  background-color: var(--nx-panel-bg) !important;
  border: 1px solid var(--nx-divider) !important;
  border-radius: var(--nx-panel-radius) !important;
  color: var(--nx-fg);
  box-shadow: 0 1rem 2.5rem rgba(0, 0, 0, 0.55);
}

:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .modal-header,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .modal-footer {
  border-color: var(--nx-divider) !important;
  background: transparent !important;
}

:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .modal-title {
  color: var(--nx-fg);
}

:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .close,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .btn-close {
  color: var(--nx-fg);
  text-shadow: none;
  opacity: 0.7;
}

/* -----------------------------------------------------------------------------
   Progress / switches / misc chrome
   ----------------------------------------------------------------------------- */
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .progress {
  background-color: rgba(255, 255, 255, 0.06);
  border-radius: var(--nx-input-radius);
}

:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .progress-bar {
  background-color: var(--nx-primary);
}

:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .custom-control-input:checked ~ .custom-control-label::before,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .form-check-input:checked {
  background-color: var(--nx-primary) !important;
  border-color: var(--nx-primary) !important;
}

:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .page-titles,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .breadcrumb {
  background: transparent;
  color: var(--nx-fg-muted);
}

:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .breadcrumb-item.active {
  color: var(--nx-fg);
}

:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) hr {
  border-top-color: var(--nx-divider);
}

/* -----------------------------------------------------------------------------
   Topnav chrome — sits ON content panel (navbar-collapse), not on logo rail
   ----------------------------------------------------------------------------- */
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .topbar .profile-pic {
  border-left: 1px solid var(--nx-divider) !important;
}

:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .topbar .top-navbar .navbar-nav > .nav-item > .nav-link {
  color: rgba(255, 255, 255, 0.72) !important;
  border-radius: var(--nx-btn-radius) !important;
  font-size: 0.8125rem;
  font-weight: 500;
  transition: color 0.15s ease, background-color 0.15s ease;
}

:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .topbar .top-navbar .navbar-nav > .nav-item > .nav-link:hover,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .topbar .top-navbar .navbar-nav > .nav-item > .nav-link:focus,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .topbar .top-navbar .navbar-nav > .nav-item.show > .nav-link {
  color: var(--nx-fg) !important;
  background-color: rgba(255, 255, 255, 0.08) !important;
}

:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .topbar .top-navbar .navbar-nav > .nav-item.show {
  background: transparent !important;
}

:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .topbar .top-search-bar {
  display: flex;
  align-items: center;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .topbar .top-search-bar .top-search-container,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) #main-top-nav-bar .top-search-bar .top-search-container {
  position: relative;
  display: flex;
  align-items: center;
  min-width: 16rem;
  max-width: 22rem;
  width: 100%;
  min-height: 0;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .topbar .top-search-bar .top-search-container i,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) #main-top-nav-bar .top-search-bar .top-search-container i {
  position: absolute;
  left: 0.875rem;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
  pointer-events: none;
  color: var(--nx-fg-muted) !important;
  font-size: 0.95rem !important;
  line-height: 1;
  opacity: 1 !important;
}

:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .topbar .top-search-bar .top-search-container input,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .topbar #top-search-form.form-control,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) #main-top-nav-bar .top-search-bar .top-search-container input,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) #main-top-nav-bar #top-search-form.form-control {
  width: 100% !important;
  min-height: 2.5rem !important;
  height: 2.5rem !important;
  padding: 0.5rem 0.875rem 0.5rem 2.5rem !important;
  border-radius: var(--nx-btn-radius) !important;
  background-color: var(--nx-input-bg) !important;
  border: 1px solid var(--nx-divider) !important;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03) !important;
  color: var(--nx-fg) !important;
  font-size: 0.875rem !important;
  line-height: 1.35 !important;
  transition: border-color 0.15s ease, box-shadow 0.15s ease, background-color 0.15s ease;
}

:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .topbar .top-search-bar .top-search-container input:hover:not(:focus),
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .topbar #top-search-form.form-control:hover:not(:focus),
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) #main-top-nav-bar .top-search-bar .top-search-container input:hover:not(:focus),
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) #main-top-nav-bar #top-search-form.form-control:hover:not(:focus) {
  background-color: var(--nx-input-bg-hover) !important;
  border-color: var(--nx-input-border-hover) !important;
}

:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .topbar .top-search-bar .top-search-container input:focus,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .topbar #top-search-form.form-control:focus,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) #main-top-nav-bar .top-search-bar .top-search-container input:focus,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) #main-top-nav-bar #top-search-form.form-control:focus {
  border-color: var(--nx-input-focus-border) !important;
  box-shadow: inset 0 0 0 1px var(--nx-input-focus-border), 0 0 0 0.12rem var(--nx-input-focus-ring) !important;
  background-color: var(--nx-input-bg) !important;
  outline: none;
}

:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .topbar .top-search-bar .top-search-container input::placeholder,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .topbar #top-search-form.form-control::placeholder,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) #main-top-nav-bar .top-search-bar .top-search-container input::placeholder,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) #main-top-nav-bar #top-search-form.form-control::placeholder {
  color: var(--nx-fg-muted);
  opacity: 0.85;
}

:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .topbar .profile-pic span {
  color: var(--nx-fg);
  font-weight: 500;
}

/* Soft reset card hover lift that fights premium flat look */
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .card:hover {
  box-shadow: none !important;
}

/* LAST WORD — brand is in .left-sidebar (.nx-sidebar-brand), not topnav */
@media (min-width: 768px) {
  :is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) body.loggedin:not(.settings) .topbar .top-navbar .navbar-header,
  :is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) body.loggedin:not(.settings) .topbar #topnav-logo-container {
    display: none !important;
  }

  :is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) body.loggedin:not(.settings) .topbar,
  :is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) body.loggedin:not(.settings) .topbar.nx-modern-topnav {
    margin-left: calc(var(--nx-shell-gap) + var(--nx-sidebar-w)) !important;
  }

  :is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) body.loggedin:not(.settings) .left-sidebar {
    display: flex !important;
    flex-direction: column !important;
    padding-top: 0 !important;
  }

  :is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) body.loggedin:not(.settings) .left-sidebar .nx-sidebar-brand {
    flex: 0 0 var(--nx-brand-h, 4.25rem) !important;
    height: var(--nx-brand-h, 4.25rem) !important;
    min-height: var(--nx-brand-h, 4.25rem) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    padding: 0.75rem 0.875rem !important;
    box-sizing: border-box !important;
  }

  :is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) body.loggedin:not(.settings) .left-sidebar .scroll-sidebar,
  :is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) body.loggedin:not(.settings) .left-sidebar #main-scroll-sidebar {
    flex: 1 1 auto !important;
    min-height: 0 !important;
  }
}

/* -----------------------------------------------------------------------------
   Preloader + page overlay — right panel covers topnav+content together
   ----------------------------------------------------------------------------- */
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .preloader,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) body .preloader,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) body.loggedin .preloader {
  background: var(--nx-panel-bg) !important;
  background-color: var(--nx-panel-bg) !important;
}

@media (min-width: 768px) {
  :is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) body.loggedin:not(.settings) .nx-midnight-right-panel {
    position: relative;
    margin-top: var(--nx-shell-gap);
    margin-left: calc(var(--nx-shell-gap) + var(--nx-sidebar-w));
    margin-right: var(--nx-shell-gap);
    margin-bottom: var(--nx-shell-gap);
    min-height: calc(100vh - (var(--nx-shell-gap) * 2));
    background: var(--nx-panel-bg);
    border: 1px solid var(--nx-divider);
    border-radius: var(--nx-panel-radius);
    overflow: hidden;
  }

  :is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) body.loggedin:not(.settings) .nx-midnight-right-panel > .preloader,
  :is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) body.loggedin:not(.settings) .nx-midnight-right-panel > .nx-right-panel-preloader {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 100 !important;
    border-radius: var(--nx-panel-radius) !important;
  }

  :is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) body.loggedin:not(.settings) .nx-midnight-right-panel > .topbar,
  :is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) body.loggedin:not(.settings) .nx-midnight-right-panel > .page-wrapper {
    margin: 0 !important;
  }
}

:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) body.logged-out .preloader,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .logged-out .preloader {
  background: var(--nx-shell-bg) !important;
  background-color: var(--nx-shell-bg) !important;
}

:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .page-wrapper-overlay {
  background: #000000 !important;
  opacity: 0.55 !important;
}

/* =============================================================================
   Status color palette — restore AUR midnight semantics (used everywhere:
   settings ЦВЕТ column, ticket badges, kanban, timeline pills, text-/bg-/label-*)
   UI chrome green remains --nx-primary; do not fold status hues into it.
   ============================================================================= */
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) {
  --nx-status-lime: #cddc39;
  --nx-status-success: #24d2b5;
  --nx-status-warning: #ff9041;
  --nx-status-danger: #ff5c6c;
  --nx-status-teal: #00838f;
  --nx-status-brown: #795548;
  --nx-status-info: #20aee3;
  --nx-status-primary: #6772e5;
  --nx-status-default: #cccccc;
  --nx-status-green: #4caf50;
  --nx-status-purple: #7460ee;
  --nx-status-red: #fb3a3a;
}

:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .bg-lime,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) html body .bg-lime {
  background-color: var(--nx-status-lime) !important;
}
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .bg-success,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) html body .bg-success {
  background-color: var(--nx-status-success) !important;
}
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .bg-warning,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) html body .bg-warning {
  background-color: var(--nx-status-warning) !important;
}
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .bg-danger,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) html body .bg-danger {
  background-color: var(--nx-status-danger) !important;
}
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .bg-teal,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) html body .bg-teal {
  background-color: var(--nx-status-teal) !important;
}
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .bg-brown,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) html body .bg-brown {
  background-color: var(--nx-status-brown) !important;
}
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .bg-info,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) html body .bg-info {
  background-color: var(--nx-status-info) !important;
}
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .bg-primary,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) html body .bg-primary {
  background-color: var(--nx-status-primary) !important;
}
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .bg-default,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) html body .bg-default {
  background-color: var(--nx-status-default) !important;
}
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .bg-green,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) html body .bg-green {
  background-color: var(--nx-status-green) !important;
}
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .bg-purple,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) html body .bg-purple {
  background-color: var(--nx-status-purple) !important;
}
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .bg-red,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) html body .bg-red {
  background-color: var(--nx-status-red) !important;
}

:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .text-lime { color: var(--nx-status-lime) !important; }
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .text-success { color: var(--nx-status-success) !important; }
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .text-warning { color: var(--nx-status-warning) !important; }
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .text-danger { color: var(--nx-status-danger) !important; }
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .text-teal { color: var(--nx-status-teal) !important; }
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .text-brown { color: var(--nx-status-brown) !important; }
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .text-info { color: var(--nx-status-info) !important; }
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .text-primary { color: var(--nx-status-primary) !important; }
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .text-green { color: var(--nx-status-green) !important; }
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .text-purple { color: var(--nx-status-purple) !important; }
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .text-red { color: var(--nx-status-red) !important; }

:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .label-lime { background-color: var(--nx-status-lime) !important; }
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .label-success { background-color: var(--nx-status-success) !important; }
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .label-warning { background-color: var(--nx-status-warning) !important; }
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .label-danger { background-color: var(--nx-status-danger) !important; }
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .label-teal { background-color: var(--nx-status-teal) !important; }
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .label-brown { background-color: var(--nx-status-brown) !important; }
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .label-info { background-color: var(--nx-status-info) !important; }
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .label-primary { background-color: var(--nx-status-primary) !important; }
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .label-green { background-color: var(--nx-status-green) !important; }
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .label-purple { background-color: var(--nx-status-purple) !important; }
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .label-red { background-color: var(--nx-status-red) !important; }

:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .label-outline-lime { border-color: var(--nx-status-lime) !important; color: var(--nx-status-lime) !important; background-color: transparent !important; }
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .label-outline-success { border-color: var(--nx-status-success) !important; color: var(--nx-status-success) !important; background-color: transparent !important; }
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .label-outline-warning { border-color: var(--nx-status-warning) !important; color: var(--nx-status-warning) !important; background-color: transparent !important; }
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .label-outline-danger { border-color: var(--nx-status-danger) !important; color: var(--nx-status-danger) !important; background-color: transparent !important; }
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .label-outline-teal { border-color: var(--nx-status-teal) !important; color: var(--nx-status-teal) !important; background-color: transparent !important; }
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .label-outline-brown { border-color: var(--nx-status-brown) !important; color: var(--nx-status-brown) !important; background-color: transparent !important; }
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .label-outline-info { border-color: var(--nx-status-info) !important; color: var(--nx-status-info) !important; background-color: transparent !important; }
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .label-outline-primary { border-color: var(--nx-status-primary) !important; color: var(--nx-status-primary) !important; background-color: transparent !important; }
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .label-outline-green { border-color: var(--nx-status-green) !important; color: var(--nx-status-green) !important; background-color: transparent !important; }
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .label-outline-purple { border-color: var(--nx-status-purple) !important; color: var(--nx-status-purple) !important; background-color: transparent !important; }
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .label-outline-red { border-color: var(--nx-status-red) !important; color: var(--nx-status-red) !important; background-color: transparent !important; }

/* =============================================================================
   ADD ONLY — full AUR-Midnight adaptive shell for phone/tablet (CRM + Settings)
   Behaviour 1:1 from AUR midnight responsive; colors = premium midnight tokens.
   Desktop rules above (≥1024 / min-width 768 desktop shell) are NOT edited.
   ============================================================================= */

/* ---------- Shared: flatten midnight right-panel wrapper ≤1023 ---------- */
@media (max-width: 1023.98px) {
  :is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur))
    body.nx-midnight-premium-shell .nx-midnight-right-panel,
  :is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur))
    body.nx-midnight-premium-shell .nx-midnight-right-panel.nx-settings-right-panel {
    position: static !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    min-height: 0 !important;
    overflow: visible !important;
    box-shadow: none !important;
  }

  :is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur))
    body.nx-midnight-premium-shell .nx-midnight-right-panel > .preloader,
  :is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur))
    body.nx-midnight-premium-shell .nx-midnight-right-panel > .nx-right-panel-preloader {
    position: fixed !important;
    inset: 0 !important;
    border-radius: 0 !important;
  }
}

/* ---------- CRM phone ≤767: AUR drawer + fixed topbar ---------- */
@media (max-width: 767.98px) {
  :is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur))
    body.loggedin:not(.settings).nx-midnight-premium-shell,
  :is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur))
    body.loggedin:not(.settings) {
    --nx-sidebar-w: 260px;
  }

  /* AUR: .topbar { position:fixed; width:100% } + midnight panel color */
  :is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur))
    body.loggedin:not(.settings) .topbar,
  :is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur))
    body.loggedin:not(.settings) .topbar.nx-modern-topnav {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    margin: 0 !important;
    z-index: 50 !important;
    background: var(--nx-panel-bg, #121212) !important;
    box-shadow: none !important;
  }

  :is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur))
    body.loggedin:not(.settings) .topbar .top-navbar {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    min-height: 70px !important;
    height: auto !important;
    max-height: none !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  /* Logo in topbar (AUR keeps .navbar-header) — compact, not 14rem rail */
  :is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur))
    body.loggedin:not(.settings) .topbar .top-navbar .navbar-header,
  :is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur))
    body.loggedin:not(.settings) .topbar #topnav-logo-container {
    display: flex !important;
    position: relative !important;
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: 140px !important;
    height: 70px !important;
    min-height: 70px !important;
    max-height: 70px !important;
    padding: 0 8px !important;
    margin: 0 !important;
    line-height: 70px !important;
    border: 0 !important;
    border-bottom: 0 !important;
    background: transparent !important;
    overflow: visible !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  :is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur))
    body.loggedin:not(.settings) .topbar .navbar-collapse,
  :is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur))
    body.loggedin:not(.settings) .topbar #main-top-nav-bar {
    display: flex !important;
    flex: 1 1 auto !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-bottom: 1px solid var(--nx-divider, rgba(255, 255, 255, 0.12)) !important;
    border-radius: 0 !important;
    background: transparent !important;
  }

  :is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur))
    body.loggedin:not(.settings) .topbar .top-navbar .navbar-nav {
    flex-direction: row !important;
  }

  /* Dual burger: phone = nav-toggler only (AUR hidden-md-up / hidden-sm-down) */
  :is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur))
    body.loggedin:not(.settings) .topbar li.main-hamburger-menu {
    display: list-item !important;
  }

  :is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur))
    body.loggedin:not(.settings) .topbar .nav-link.nav-toggler,
  :is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur))
    body.loggedin:not(.settings) .topbar .nav-link.hidden-md-up {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }

  :is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur))
    body.loggedin:not(.settings) .topbar .nav-link.sidebartoggler,
  :is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur))
    body.loggedin:not(.settings) .topbar .nav-link.hidden-sm-down {
    display: none !important;
  }

  /* AUR: .mini-sidebar .left-sidebar { left:-260px } / .show-sidebar { left:0 } */
  :is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur))
    body.loggedin:not(.settings) .left-sidebar,
  :is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur))
    body.loggedin:not(.settings) .nx-modern-leftmenu .left-sidebar,
  :is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur))
    body.loggedin:not(.settings).mini-sidebar .left-sidebar {
    position: fixed !important;
    top: 0 !important;
    left: -260px !important;
    width: 260px !important;
    min-width: 260px !important;
    max-width: 260px !important;
    height: 100% !important;
    margin: 0 !important;
    padding-top: 70px !important;
    z-index: 1001 !important;
    background: var(--nx-shell-bg, #0c0c0c) !important;
    border: 0 !important;
    border-right: 1px solid var(--nx-divider, rgba(255, 255, 255, 0.12)) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    display: block !important;
    transition: left 0.2s ease-in !important;
  }

  :is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur))
    body.loggedin:not(.settings).show-sidebar .left-sidebar,
  :is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur))
    body.loggedin:not(.settings).mini-sidebar.show-sidebar .left-sidebar,
  :is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur))
    body.loggedin:not(.settings).show-sidebar .sidebar-footer {
    left: 0 !important;
  }

  /* Brand in drawer header is shown via custom.css LAST WORD (open + closed topbar logo) */

  /* AUR: .mini-sidebar .page-wrapper { margin-left:0; padding-top:70px } */
  :is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur))
    body.loggedin:not(.settings) .page-wrapper,
  :is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur))
    body.loggedin:not(.settings).mini-sidebar .page-wrapper {
    margin: 0 !important;
    margin-left: 0 !important;
    padding-top: 70px !important;
    border: 0 !important;
    border-radius: 0 !important;
    min-height: 100vh !important;
    background: var(--nx-panel-bg, #121212) !important;
  }
}

/* ---------- CRM tablet 768–1023: AUR mini-rail + sidebartoggler ---------- */
@media (min-width: 768px) and (max-width: 1023.98px) {
  :is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur))
    body.loggedin:not(.settings).nx-midnight-premium-shell,
  :is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur))
    body.loggedin:not(.settings) {
    --nx-sidebar-w: 200px;
  }

  :is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur))
    body.loggedin:not(.settings).mini-sidebar {
    --nx-sidebar-w: 75px;
  }

  /* AUR tablet: classic fixed left rail (not floating shell) */
  :is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur))
    body.loggedin:not(.settings) .left-sidebar,
  :is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur))
    body.loggedin:not(.settings) .nx-modern-leftmenu .left-sidebar {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: var(--nx-sidebar-w) !important;
    min-width: var(--nx-sidebar-w) !important;
    max-width: var(--nx-sidebar-w) !important;
    height: 100% !important;
    margin: 0 !important;
    padding-top: 70px !important;
    z-index: 20 !important;
    background: var(--nx-shell-bg, #0c0c0c) !important;
    border: 0 !important;
    border-right: 1px solid var(--nx-divider, rgba(255, 255, 255, 0.12)) !important;
    border-radius: 0 !important;
    display: block !important;
    overflow: visible !important;
  }

  :is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur))
    body.loggedin:not(.settings) .left-sidebar .nx-sidebar-brand {
    display: none !important;
  }

  /* Topbar spans full width; logo column = sidebar width (AUR .navbar-header { width:200px }) */
  :is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur))
    body.loggedin:not(.settings) .topbar,
  :is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur))
    body.loggedin:not(.settings) .topbar.nx-modern-topnav {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    margin: 0 !important;
    z-index: 50 !important;
    background: var(--nx-panel-bg, #121212) !important;
  }

  :is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur))
    body.loggedin:not(.settings) .topbar .top-navbar {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    min-height: 70px !important;
    height: 70px !important;
    max-height: 70px !important;
    padding: 0 !important;
  }

  :is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur))
    body.loggedin:not(.settings) .topbar .top-navbar .navbar-header,
  :is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur))
    body.loggedin:not(.settings) .topbar #topnav-logo-container {
    display: flex !important;
    position: relative !important;
    flex: 0 0 var(--nx-sidebar-w) !important;
    width: var(--nx-sidebar-w) !important;
    min-width: var(--nx-sidebar-w) !important;
    max-width: var(--nx-sidebar-w) !important;
    height: 70px !important;
    min-height: 70px !important;
    max-height: 70px !important;
    padding: 0 10px !important;
    margin: 0 !important;
    background: var(--nx-shell-bg, #0c0c0c) !important;
    border: 0 !important;
    border-right: 1px solid var(--nx-divider, rgba(255, 255, 255, 0.12)) !important;
    visibility: visible !important;
    opacity: 1 !important;
    overflow: hidden !important;
  }

  :is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur))
    body.loggedin:not(.settings) .topbar .navbar-collapse,
  :is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur))
    body.loggedin:not(.settings) .topbar #main-top-nav-bar {
    flex: 1 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
    height: 70px !important;
    min-height: 70px !important;
    max-height: 70px !important;
    margin: 0 !important;
    padding-left: 0.75rem !important;
    padding-right: 0.75rem !important;
    border: 0 !important;
    border-bottom: 1px solid var(--nx-divider, rgba(255, 255, 255, 0.12)) !important;
    border-radius: 0 !important;
    background: var(--nx-panel-bg, #121212) !important;
  }

  /* Tablet burger: sidebartoggler only */
  :is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur))
    body.loggedin:not(.settings) .topbar li.main-hamburger-menu {
    display: list-item !important;
  }

  :is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur))
    body.loggedin:not(.settings) .topbar .nav-link.sidebartoggler,
  :is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur))
    body.loggedin:not(.settings) .topbar .nav-link.hidden-sm-down {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  :is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur))
    body.loggedin:not(.settings) .topbar .nav-link.nav-toggler,
  :is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur))
    body.loggedin:not(.settings) .topbar .nav-link.hidden-md-up {
    display: none !important;
  }

  /* AUR: @media max-width 1023 .page-wrapper { margin-left:70px }
     + mini .page-wrapper { margin-left:75px }; full open ≈200px */
  :is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur))
    body.loggedin:not(.settings) .page-wrapper {
    margin: 0 !important;
    margin-left: var(--nx-sidebar-w) !important;
    padding-top: 70px !important;
    border: 0 !important;
    border-radius: 0 !important;
    min-height: 100vh !important;
    background: var(--nx-panel-bg, #121212) !important;
  }

  /* Mini flyouts must work (AUR tablet) */
  :is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur))
    body.loggedin:not(.settings).mini-sidebar .sidebar-nav #sidebarnav > li:hover > ul,
  :is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur))
    body.loggedin:not(.settings).mini-sidebar .sidebar-nav #sidebarnav > li:hover > ul.collapse {
    display: block !important;
  }
}

/* ---------- Settings ≤1023: AUR settings-hamburger + toggle-left-menu ---------- */
@media (max-width: 1023.98px) {
  :is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur))
    body.settings .topbar,
  :is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur))
    body.settings.nx-midnight-premium-shell .topbar,
  :is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur))
    body.settings.nx-midnight-premium-shell .nx-settings-right-panel > .topbar {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    margin: 0 !important;
    z-index: 50 !important;
    background: var(--nx-panel-bg, #121212) !important;
  }

  :is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur))
    body.settings .topbar .top-navbar {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    min-height: 70px !important;
  }

  :is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur))
    body.settings .topbar .navbar-header,
  :is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur))
    body.settings.nx-midnight-premium-shell .topbar .navbar-header,
  :is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur))
    body.settings.nx-midnight-premium-shell .topbar #topnav-logo-container {
    display: flex !important;
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: 140px !important;
    height: 70px !important;
    padding: 0 8px !important;
    background: transparent !important;
    overflow: visible !important;
    visibility: visible !important;
  }

  :is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur))
    body.settings .topbar .navbar-collapse,
  :is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur))
    body.settings.nx-midnight-premium-shell .topbar #main-top-nav-bar {
    border: 0 !important;
    border-bottom: 1px solid var(--nx-divider, rgba(255, 255, 255, 0.12)) !important;
    border-radius: 0 !important;
    background: transparent !important;
    height: auto !important;
    min-height: 70px !important;
  }

  /* AUR: .settings .settings-hamburger-menu { display:block } — beat .hidden */
  :is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur))
    body.settings .topbar li.settings-hamburger-menu,
  :is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur))
    body.settings .topbar li.settings-hamburger-menu.hidden,
  :is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur))
    body.settings.nx-midnight-premium-shell .topbar li.settings-hamburger-menu,
  :is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur))
    body.settings.nx-midnight-premium-shell .topbar li.settings-hamburger-menu.hidden {
    display: list-item !important;
    visibility: visible !important;
  }

  :is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur))
    body.settings .topbar li.main-hamburger-menu,
  :is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur))
    body.settings.nx-midnight-premium-shell .topbar li.main-hamburger-menu {
    display: none !important;
  }

  /* AUR: .settings .left-sidebar { display:none } until .toggle-left-menu */
  :is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur))
    body.settings .left-sidebar.settings-menu,
  :is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur))
    body.settings.nx-midnight-premium-shell .left-sidebar.settings-menu {
    display: none !important;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 230px !important;
    min-width: 230px !important;
    max-width: 230px !important;
    height: 100% !important;
    margin: 0 !important;
    padding-top: 70px !important;
    z-index: 1001 !important;
    background: var(--nx-shell-bg, #0c0c0c) !important;
    border: 0 !important;
    border-right: 1px solid var(--nx-divider, rgba(255, 255, 255, 0.12)) !important;
    border-radius: 0 !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
  }

  :is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur))
    body.settings .left-sidebar.settings-menu.toggle-left-menu,
  :is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur))
    body.settings.nx-midnight-premium-shell .left-sidebar.settings-menu.toggle-left-menu {
    display: block !important;
  }

  :is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur))
    body.settings .page-wrapper,
  :is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur))
    body.settings #settings-wrapper.page-wrapper,
  :is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur))
    body.settings.nx-midnight-premium-shell .page-wrapper,
  :is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur))
    body.settings.nx-midnight-premium-shell #settings-wrapper.page-wrapper {
    margin: 0 !important;
    margin-left: 0 !important;
    padding-top: 70px !important;
    border: 0 !important;
    border-radius: 0 !important;
    min-height: 100vh !important;
    background: var(--nx-panel-bg, #121212) !important;
  }
}

/* ---------- Phone + tablet topnav chrome (≤1023): keep ONLY
   logo | burger | search «Искать» | bell | chat | + | avatar
   Hide tool icons (.hidden-mobile + timer/language/record). Desktop ≥1024 untouched.
   --------------------------------------------------------------------------- */

@media (max-width: 1023.98px) {
  /* calculator / star / reminders / calendar / settings / cache */
  :is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur))
    .topbar .top-navbar .navbar-nav > .nav-item.hidden-mobile,
  :is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur))
    .topbar .navbar-nav > .nav-item.hidden-mobile,
  :is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur))
    #main-top-nav-bar .nav-item.hidden-mobile {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    min-width: 0 !important;
    max-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    pointer-events: none !important;
  }

  /* timer / record-time / language — not in the mobile chrome set */
  :is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur))
    .topbar .nav-item.my-timer-container,
  :is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur))
    .topbar #topnav-record-time-icon,
  :is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur))
    .topbar #topnav-language-icon,
  :is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur))
    .topbar #topnav-fullscreen-trigger {
    display: none !important;
  }

  /* Search MUST stay visible (do not apply AUR ≤900 hide here) */
  :is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur))
    .topbar .top-search-bar,
  :is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur))
    .topbar .top-navbar .navbar-nav > .nav-item.top-search-bar,
  :is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur))
    #main-top-nav-bar .top-search-bar {
    display: flex !important;
    visibility: visible !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    max-width: none !important;
    width: auto !important;
    overflow: visible !important;
    pointer-events: auto !important;
  }
}

/* =============================================================================
   Ticket SHOW — operator glass dropdown (plain midnight colors)
   Shared nx-ticket-operator-glass.css keeps cyan/catalog look; AUR untouched.
   ============================================================================= */
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur))
  #ticket #ticket-left-panel .nx-gls-dd {
  background: #121212 !important;
  background-image: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  border-radius: 12px !important;
  box-shadow:
    0 4px 24px -1px rgba(0, 0, 0, 0.28),
    0 16px 48px -12px rgba(0, 0, 0, 0.22),
    inset 0 1px 0 0 rgba(255, 255, 255, 0.06) !important;
  padding: 12px !important;
}

:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur))
  #ticket #ticket-left-panel .nx-gls-search-input {
  background: rgba(255, 255, 255, 0.05) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  border-radius: 0.5rem !important;
  color: #ffffff !important;
}

:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur))
  #ticket #ticket-left-panel .nx-gls-search-input::placeholder {
  color: rgba(255, 255, 255, 0.45) !important;
}

:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur))
  #ticket #ticket-left-panel .nx-gls-search-input:focus {
  border-color: rgba(197, 205, 216, 0.9) !important;
  background: rgba(255, 255, 255, 0.06) !important;
  box-shadow: inset 0 0 0 1px rgba(197, 205, 216, 0.9), 0 0 0 0.12rem rgba(197, 205, 216, 0.28) !important;
}

:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur))
  #ticket #ticket-left-panel .nx-gls-search-wrap > i {
  color: rgba(255, 255, 255, 0.45) !important;
}

:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur))
  #ticket #ticket-left-panel .nx-gls-options::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.04) !important;
}

:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur))
  #ticket #ticket-left-panel .nx-gls-options::-webkit-scrollbar-thumb,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur))
  #ticket #ticket-left-panel .nx-gls-options::-webkit-scrollbar-thumb:hover {
  background: rgba(197, 205, 216, 0.55) !important;
  background-size: auto !important;
  animation: none !important;
}

:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur))
  #ticket #ticket-left-panel .nx-gls-opt {
  color: rgba(255, 255, 255, 0.88) !important;
  border-radius: 0.5rem !important;
  margin-bottom: 4px !important;
}

:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur))
  #ticket #ticket-left-panel .nx-gls-opt:hover {
  background: rgba(197, 205, 216, 0.1) !important;
  color: #ffffff !important;
  transform: none !important;
  box-shadow: none !important;
}

:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur))
  #ticket #ticket-left-panel .nx-gls-opt:hover i {
  transform: none !important;
  color: #C5CDD8 !important;
}

:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur))
  #ticket #ticket-left-panel .nx-gls-opt.nx-gls-picked {
  background: rgba(197, 205, 216, 0.12) !important;
  border: 1px solid rgba(197, 205, 216, 0.28) !important;
  color: #ffffff !important;
}

:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur))
  #ticket #ticket-left-panel .nx-gls-opt.nx-gls-picked::after {
  color: #C5CDD8 !important;
}

:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur))
  #ticket #ticket-left-panel .nx-gls-trigger {
  background: rgba(255, 255, 255, 0.05) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  border-radius: 0.5rem !important;
  box-shadow: none !important;
}

:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur))
  #ticket #ticket-left-panel .nx-gls-trigger:hover,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur))
  #ticket #ticket-left-panel .nx-gls-trigger.nx-gls-open {
  border-color: rgba(197, 205, 216, 0.45) !important;
  background: rgba(255, 255, 255, 0.06) !important;
  box-shadow: 0 0 0 1px rgba(197, 205, 216, 0.18) !important;
  transform: none !important;
}

:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur))
  #ticket #ticket-left-panel .nx-gls-selected,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur))
  #ticket #ticket-left-panel .nx-gls-selected span {
  color: rgba(255, 255, 255, 0.9) !important;
}

:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur))
  #ticket #ticket-left-panel .nx-gls-arrow {
  color: rgba(255, 255, 255, 0.55) !important;
}