/* Apexrise brand theme system: coordinated sapphire, cyan, teal and emerald palettes. */
:root {
  --rc-bg:#f3f7fc; --rc-bg-gradient:radial-gradient(ellipse at 8% 0%,rgba(14,165,233,.09),transparent 38%),radial-gradient(ellipse at 95% 8%,rgba(16,185,129,.08),transparent 34%),#f3f7fc;
  --rc-surface:#ffffff; --rc-surface-2:#f7faff; --rc-surface-3:#edf4fb;
  --rc-text:#10213b; --rc-muted:#5d6e86; --rc-border:#dce7f2;
  --rc-accent:#1769e8; --rc-accent-2:#06b6d4; --rc-teal:#0d9488; --rc-emerald:#10b981;
  --rc-accent-soft:#e5f3ff; --rc-focus:rgba(14,165,233,.24);
  --rc-shadow:0 12px 34px rgba(19,55,99,.09); --rc-shadow-lg:0 22px 60px rgba(20,65,115,.14);
  color-scheme:light;
}
html[data-theme="light"] { color-scheme:light; }
html[data-theme="dark"] {
  --rc-bg:#07111f; --rc-bg-gradient:radial-gradient(ellipse at 8% 0%,rgba(29,78,216,.18),transparent 40%),radial-gradient(ellipse at 96% 6%,rgba(13,148,136,.13),transparent 35%),#07111f;
  --rc-surface:#0d1b2e; --rc-surface-2:#11243a; --rc-surface-3:#172d46;
  --rc-text:#eef7ff; --rc-muted:#a3b7cc; --rc-border:#233c56;
  --rc-accent:#60a5fa; --rc-accent-2:#22d3ee; --rc-teal:#2dd4bf; --rc-emerald:#34d399;
  --rc-accent-soft:#102e4a; --rc-focus:rgba(34,211,238,.28);
  --rc-shadow:0 12px 34px rgba(0,0,0,.22); --rc-shadow-lg:0 22px 60px rgba(0,0,0,.34);
  color-scheme:dark;
}
html[data-theme] body { background:var(--rc-bg-gradient)!important; color:var(--rc-text); transition:background-color .22s ease,color .22s ease; }
html[data-theme] body main,html[data-theme] body .main-content,html[data-theme] body .content-wrapper { color:var(--rc-text); }
html[data-theme] body h1,html[data-theme] body h2,html[data-theme] body h3,html[data-theme] body h4,html[data-theme] body h5,
html[data-theme] body label,html[data-theme] body .text-gray-900,html[data-theme] body .text-slate-900,
html[data-theme] body .text-text-primary { color:var(--rc-text); }
html[data-theme] body p,html[data-theme] body .text-gray-500,html[data-theme] body .text-gray-600,
html[data-theme] body .text-slate-500,html[data-theme] body .text-slate-600,html[data-theme] body .text-muted,
html[data-theme] body .text-text-secondary { color:var(--rc-muted); }
/* Common surfaces are explicitly mapped in both modes so mixed dark cards cannot leak into light mode. */
html[data-theme="light"] body .bg-primary-dark,html[data-theme="light"] body .bg-secondary-dark,
html[data-theme="light"] body .bg-white,html[data-theme="light"] body .bg-gray-50,html[data-theme="light"] body .bg-gray-100,
html[data-theme="light"] body .bg-slate-50,html[data-theme="light"] body .bg-slate-100,
html[data-theme="light"] body .bg-white\/3,html[data-theme="light"] body .bg-white\/5,
html[data-theme="light"] body [class*="bg-white/"],html[data-theme="light"] body [class*="bg-gray-50/"] {
  background-color:var(--rc-surface)!important; color:var(--rc-text);
}
html[data-theme="light"] body .bg-primary-dark,html[data-theme="light"] body .bg-white\/3,html[data-theme="light"] body .bg-white\/5 { background-color:var(--rc-surface-2)!important; }
html[data-theme="dark"] body .bg-white,html[data-theme="dark"] body .bg-gray-50,html[data-theme="dark"] body .bg-gray-100,
html[data-theme="dark"] body .bg-slate-50,html[data-theme="dark"] body .bg-slate-100,
html[data-theme="dark"] body [class*="bg-white/"],html[data-theme="dark"] body [class*="bg-gray-50/"] {
  background-color:var(--rc-surface-2)!important; color:var(--rc-text);
}
html[data-theme="dark"] body .bg-primary-dark { background-color:var(--rc-bg)!important; }
html[data-theme="dark"] body .bg-secondary-dark { background-color:var(--rc-surface)!important; }
html[data-theme] body .border-gray-100,html[data-theme] body .border-gray-200,html[data-theme] body .border-slate-100,
html[data-theme] body .border-slate-200,html[data-theme] body .border-white\/5,html[data-theme] body .border-white\/10,
html[data-theme] body [class*="border-white/"] { border-color:var(--rc-border)!important; }
html[data-theme="light"] body .text-white:not(button):not([role="button"]):not(.btn):not([class*="from-"]):not([class*="bg-accent"]),
html[data-theme="light"] body .text-text-primary { color:var(--rc-text)!important; }
html[data-theme="dark"] body .text-black,html[data-theme="dark"] body .text-gray-900,html[data-theme="dark"] body .text-slate-900 { color:var(--rc-text)!important; }
html[data-theme] body input:not([type=checkbox]):not([type=radio]):not([type=submit]),html[data-theme] body select,html[data-theme] body textarea {
  background:var(--rc-surface)!important; color:var(--rc-text)!important; border-color:var(--rc-border)!important;
}
html[data-theme] body input::placeholder,html[data-theme] body textarea::placeholder { color:var(--rc-muted)!important; opacity:.85; }
html[data-theme] body table th { background:var(--rc-surface-2); color:var(--rc-muted); }
html[data-theme] body table td { color:var(--rc-text); border-color:var(--rc-border); }
html[data-theme] body .shadow,html[data-theme] body .shadow-sm,html[data-theme] body .shadow-md,html[data-theme] body .shadow-lg { box-shadow:var(--rc-shadow); }
/* Header, sidebar, dropdowns and panels follow the selected scheme. */
html[data-theme] body header,html[data-theme] body aside,html[data-theme] body nav,
html[data-theme] body .dropdown-menu,html[data-theme] body [role="menu"],html[data-theme] body [role="dialog"] {
  color:var(--rc-text); border-color:var(--rc-border);
}
html[data-theme="light"] body aside,html[data-theme="light"] body header,html[data-theme="light"] body .sidebar,
html[data-theme="light"] body .navbar,html[data-theme="light"] body .dropdown-menu { background-color:rgba(255,255,255,.96); }
html[data-theme="dark"] body aside,html[data-theme="dark"] body header,html[data-theme="dark"] body .sidebar,
html[data-theme="dark"] body .navbar,html[data-theme="dark"] body .dropdown-menu { background-color:rgba(13,27,46,.97); }
html[data-theme] body a:focus-visible,html[data-theme] body button:focus-visible,html[data-theme] body input:focus-visible,
html[data-theme] body select:focus-visible,html[data-theme] body textarea:focus-visible { outline:3px solid var(--rc-focus); outline-offset:2px; }
html[data-theme] body .btn-primary,html[data-theme] body .button-primary,html[data-theme] body [data-brand-button="primary"] {
  color:#fff; background:linear-gradient(120deg,#1769e8 0%,#0891b2 58%,#0d9488 100%); border-color:transparent;
  box-shadow:0 8px 22px rgba(23,105,232,.18);
}
/* Apexrise brand gradients: retain branded hero cards, buttons and active navigation. */
.apexrise-gradient,.apexrise-brand-gradient,.brand-gradient { background-image:linear-gradient(125deg,#1245b8 0%,#087bdc 42%,#06b6d4 72%,#10b981 100%); }
html[data-theme] .navbar-brand img,html[data-theme] .sidebar-brand img,html[data-theme] .logo img,html[data-theme] .brand-logo img,
html[data-theme] aside img[alt*="logo" i],html[data-theme] nav img[alt*="logo" i] { width:auto!important;max-width:clamp(112px,13vw,158px);height:auto!important;max-height:42px;object-fit:contain; }
/* Premium theme toggle uses the Apexrise blue-cyan-teal identity. */
.recoverly-theme-toggle { position:fixed;right:18px;bottom:18px;z-index:9999;display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:48px;padding:0 16px;border:1px solid rgba(255,255,255,.3);border-radius:999px;color:#fff;background:linear-gradient(120deg,#145de0,#089bd1 60%,#0d9f8b);box-shadow:0 10px 28px rgba(14,95,190,.28),inset 0 1px 0 rgba(255,255,255,.28);font:600 13px/1.1 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;cursor:pointer;isolation:isolate;transition:transform .2s ease,box-shadow .2s ease; }
.recoverly-theme-toggle:hover { transform:translateY(-2px);box-shadow:0 14px 32px rgba(14,95,190,.36); }
.recoverly-theme-toggle:focus-visible { outline:3px solid #34d399;outline-offset:4px; }
.recoverly-theme-icon { width:19px;height:19px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round; }
.recoverly-theme-icon--moon { display:none;fill:rgba(255,255,255,.12); }
html[data-theme="dark"] .recoverly-theme-icon--sun { display:none; }
html[data-theme="dark"] .recoverly-theme-icon--moon { display:block; }
@media(max-width:640px) { html[data-theme] .navbar-brand img,html[data-theme] .sidebar-brand img,html[data-theme] .logo img,html[data-theme] .brand-logo img,html[data-theme] aside img[alt*="logo" i],html[data-theme] nav img[alt*="logo" i] { max-width:124px;max-height:36px; } .recoverly-theme-toggle { right:12px;bottom:12px;min-height:44px;padding:0 13px;gap:7px; } }
@media(prefers-reduced-motion:reduce) { html[data-theme] body,.recoverly-theme-toggle { transition:none!important; } }

/* Full-page theme enforcement: prevent mixed light/dark sections in dashboard views. */
html[data-theme="light"] body,
html[data-theme="light"] body #app,
html[data-theme="light"] body #wrapper,
html[data-theme="light"] body .app,
html[data-theme="light"] body .app-wrapper,
html[data-theme="light"] body .main-wrapper,
html[data-theme="light"] body .main-content,
html[data-theme="light"] body .content-wrapper,
html[data-theme="light"] body .dashboard-content,
html[data-theme="light"] body .page-content,
html[data-theme="light"] body .user-dashboard,
html[data-theme="light"] body .dashboard-wrapper {
  background-color: var(--rc-bg) !important;
  color: var(--rc-text) !important;
}
html[data-theme="dark"] body,
html[data-theme="dark"] body #app,
html[data-theme="dark"] body #wrapper,
html[data-theme="dark"] body .app,
html[data-theme="dark"] body .app-wrapper,
html[data-theme="dark"] body .main-wrapper,
html[data-theme="dark"] body .main-content,
html[data-theme="dark"] body .content-wrapper,
html[data-theme="dark"] body .dashboard-content,
html[data-theme="dark"] body .page-content,
html[data-theme="dark"] body .user-dashboard,
html[data-theme="dark"] body .dashboard-wrapper {
  background-color: var(--rc-bg) !important;
  color: var(--rc-text) !important;
}
/* Map generic dark and light utility surfaces to the active palette. */
html[data-theme="light"] body [class~="bg-dark"],
html[data-theme="light"] body [class~="bg-black"],
html[data-theme="light"] body [class*="bg-slate-8"],
html[data-theme="light"] body [class*="bg-slate-9"],
html[data-theme="light"] body [class*="bg-gray-8"],
html[data-theme="light"] body [class*="bg-gray-9"],
html[data-theme="light"] body [class*="bg-zinc-8"],
html[data-theme="light"] body [class*="bg-zinc-9"],
html[data-theme="light"] body [class*="bg-neutral-8"],
html[data-theme="light"] body [class*="bg-neutral-9"] {
  background-color: var(--rc-surface) !important;
  background-image: none !important;
  color: var(--rc-text) !important;
}
html[data-theme="dark"] body [class~="bg-light"],
html[data-theme="dark"] body [class*="bg-gray-0"],
html[data-theme="dark"] body [class*="bg-gray-1"],
html[data-theme="dark"] body [class*="bg-slate-0"],
html[data-theme="dark"] body [class*="bg-slate-1"],
html[data-theme="dark"] body [class*="bg-zinc-0"],
html[data-theme="dark"] body [class*="bg-zinc-1"] {
  background-color: var(--rc-surface-2) !important;
  color: var(--rc-text) !important;
}
/* Cards, panels and widgets inherit the selected palette unless intentionally branded. */
html[data-theme="light"] body .card:not(.apexrise-gradient):not(.apexrise-brand-gradient),
html[data-theme="light"] body .panel,
html[data-theme="light"] body .widget,
html[data-theme="light"] body .stat-card,
html[data-theme="light"] body .dashboard-card,
html[data-theme="light"] body .table-responsive,
html[data-theme="light"] body .modal-content {
  background-color: var(--rc-surface) !important;
  color: var(--rc-text) !important;
  border-color: var(--rc-border) !important;
}
html[data-theme="dark"] body .card:not(.apexrise-gradient):not(.apexrise-brand-gradient),
html[data-theme="dark"] body .panel,
html[data-theme="dark"] body .widget,
html[data-theme="dark"] body .stat-card,
html[data-theme="dark"] body .dashboard-card,
html[data-theme="dark"] body .table-responsive,
html[data-theme="dark"] body .modal-content {
  background-color: var(--rc-surface) !important;
  color: var(--rc-text) !important;
  border-color: var(--rc-border) !important;
}
/* Utility text colors must remain legible in either mode. */
html[data-theme="light"] body [class*="text-white"]:not(.btn):not(button):not([role="button"]):not(.apexrise-gradient):not(.apexrise-brand-gradient) { color: var(--rc-text) !important; }
html[data-theme="dark"] body [class*="text-gray-9"],
html[data-theme="dark"] body [class*="text-slate-9"],
html[data-theme="dark"] body [class*="text-zinc-9"],
html[data-theme="dark"] body [class*="text-neutral-9"] { color: var(--rc-text) !important; }
html[data-theme] body .text-muted,
html[data-theme] body .form-text,
html[data-theme] body small,
html[data-theme] body .help-text { color: var(--rc-muted); }
/* Inputs, dropdowns and modal overlays remain consistent with the active theme. */
html[data-theme] body .form-control,
html[data-theme] body .form-select,
html[data-theme] body .dropdown-menu,
html[data-theme] body .modal-content,
html[data-theme] body .popover {
  background-color: var(--rc-surface) !important;
  color: var(--rc-text) !important;
  border-color: var(--rc-border) !important;
}
html[data-theme="light"] body .modal-backdrop,
html[data-theme="light"] body .sidebar-backdrop,
html[data-theme="light"] body .drawer-backdrop { background: rgba(15, 32, 56, .28) !important; }
html[data-theme="dark"] body .modal-backdrop,
html[data-theme="dark"] body .sidebar-backdrop,
html[data-theme="dark"] body .drawer-backdrop { background: rgba(0, 0, 0, .58) !important; }
/* Theme control remains visible and legible in both modes. */
html[data-theme="light"] .recoverly-theme-toggle { color: #fff !important; border-color: rgba(23,105,232,.25); }
html[data-theme="dark"] .recoverly-theme-toggle { color: #fff !important; border-color: rgba(34,211,238,.32); }
html[data-theme="light"] body .theme-switch,
html[data-theme="light"] body .theme-toggle,
html[data-theme="light"] body [data-theme-toggle] { color: #123252 !important; }
html[data-theme="dark"] body .theme-switch,
html[data-theme="dark"] body .theme-toggle,
html[data-theme="dark"] body [data-theme-toggle] { color: #eaf6ff !important; }

/* Apexrise sidebar theme override: high-specificity rules for the actual drawer and its fixed/mobile variants. */
html[data-theme="light"] body aside,
html[data-theme="light"] body aside[class],
html[data-theme="light"] body .sidebar,
html[data-theme="light"] body .sidebar-menu,
html[data-theme="light"] body .user-sidebar,
html[data-theme="light"] body .dashboard-sidebar,
html[data-theme="light"] body .mobile-sidebar,
html[data-theme="light"] body .offcanvas,
html[data-theme="light"] body [class*="sidebar" i],
html[data-theme="light"] body [id*="sidebar" i],
html[data-theme="light"] body [data-sidebar],
html[data-theme="light"] body [data-sidebar] > * {
  background-color: #ffffff !important;
  background-image: none !important;
  color: #14243b !important;
  border-color: #dce7f2 !important;
  --bs-offcanvas-bg: #ffffff;
}
html[data-theme="dark"] body aside,
html[data-theme="dark"] body .sidebar,
html[data-theme="dark"] body .sidebar-menu,
html[data-theme="dark"] body .user-sidebar,
html[data-theme="dark"] body .dashboard-sidebar,
html[data-theme="dark"] body .mobile-sidebar,
html[data-theme="dark"] body .offcanvas,
html[data-theme="dark"] body [class*="sidebar" i],
html[data-theme="dark"] body [id*="sidebar" i],
html[data-theme="dark"] body [data-sidebar],
html[data-theme="dark"] body [data-sidebar] > * {
  background-color: #0b1729 !important;
  background-image: none !important;
  color: #eef6ff !important;
  border-color: #263c58 !important;
  --bs-offcanvas-bg: #0b1729;
}
/* Sidebar links, icons, separators, and footer controls must change with the drawer, too. */
html[data-theme="light"] body aside a,
html[data-theme="light"] body aside button,
html[data-theme="light"] body [class*="sidebar" i] a,
html[data-theme="light"] body [class*="sidebar" i] button,
html[data-theme="light"] body [id*="sidebar" i] a,
html[data-theme="light"] body [id*="sidebar" i] button {
  color: #43556e !important;
  border-color: #e1eaf4 !important;
}
html[data-theme="dark"] body aside a,
html[data-theme="dark"] body aside button,
html[data-theme="dark"] body [class*="sidebar" i] a,
html[data-theme="dark"] body [class*="sidebar" i] button,
html[data-theme="dark"] body [id*="sidebar" i] a,
html[data-theme="dark"] body [id*="sidebar" i] button {
  color: #c3d2e4 !important;
  border-color: #263c58 !important;
}
html[data-theme="light"] body aside a:hover,
html[data-theme="light"] body aside button:hover,
html[data-theme="light"] body [class*="sidebar" i] a:hover,
html[data-theme="light"] body [class*="sidebar" i] button:hover,
html[data-theme="light"] body aside .active,
html[data-theme="light"] body [class*="sidebar" i] .active,
html[data-theme="light"] body aside [aria-current="page"] {
  background: #eaf4ff !important;
  color: #1458b8 !important;
}
html[data-theme="dark"] body aside a:hover,
html[data-theme="dark"] body aside button:hover,
html[data-theme="dark"] body [class*="sidebar" i] a:hover,
html[data-theme="dark"] body [class*="sidebar" i] button:hover,
html[data-theme="dark"] body aside .active,
html[data-theme="dark"] body [class*="sidebar" i] .active,
html[data-theme="dark"] body aside [aria-current="page"] {
  background: #17365a !important;
  color: #f4fbff !important;
}
html[data-theme="light"] body aside svg,
html[data-theme="light"] body [class*="sidebar" i] svg { color: #58708d !important; }
html[data-theme="dark"] body aside svg,
html[data-theme="dark"] body [class*="sidebar" i] svg { color: #b8d4ef !important; }
html[data-theme="light"] body aside .recoverly-theme-toggle,
html[data-theme="light"] body [class*="sidebar" i] .recoverly-theme-toggle {
  background: linear-gradient(120deg,#eaf4ff,#e2fbff 58%,#e5fbf2) !important;
  color: #17406e !important;
  border-color: #b9dced !important;
}
html[data-theme="dark"] body aside .recoverly-theme-toggle,
html[data-theme="dark"] body [class*="sidebar" i] .recoverly-theme-toggle {
  background: linear-gradient(120deg,#123b78,#075b78 58%,#075d50) !important;
  color: #f4fbff !important;
  border-color: #236783 !important;
}
/* Theme overrides beat inline background declarations on the common drawer wrappers. */
html[data-theme="light"] body aside[style*="background" i],
html[data-theme="light"] body [class*="sidebar" i][style*="background" i],
html[data-theme="light"] body [id*="sidebar" i][style*="background" i] { background-color:#fff !important; background-image:none !important; }
html[data-theme="dark"] body aside[style*="background" i],
html[data-theme="dark"] body [class*="sidebar" i][style*="background" i],
html[data-theme="dark"] body [id*="sidebar" i][style*="background" i] { background-color:#0b1729 !important; background-image:none !important; }


/* Apexrise V4 premium glass theme system. Shared user-facing styles only; admin layouts do not load this file. */
:root {
  --rc-bg:#eaf1fb;
  --rc-bg-gradient:radial-gradient(ellipse at 8% 0%,rgba(99,157,255,.24),transparent 38%),radial-gradient(ellipse at 92% 10%,rgba(89,218,203,.20),transparent 34%),linear-gradient(145deg,#edf3ff 0%,#e8f5f7 48%,#f2ecff 100%);
  --rc-surface:rgba(255,255,255,.72); --rc-surface-2:rgba(239,246,255,.82); --rc-surface-3:rgba(225,239,250,.88);
  --rc-text:#172945; --rc-muted:#5e718d; --rc-border:rgba(91,125,171,.22);
  --rc-accent:#1769e8; --rc-accent-2:#089dbd; --rc-teal:#0d9488; --rc-emerald:#0f9f78;
  --rc-accent-soft:rgba(215,235,255,.78); --rc-focus:rgba(14,165,233,.32);
  --rc-shadow:0 12px 32px rgba(45,77,125,.10); --rc-shadow-lg:0 24px 64px rgba(49,77,130,.15);
  color-scheme:light;
}
html[data-theme="light"],html[data-apex-theme="light"] {
  color-scheme:light;
  --rc-bg:#eaf1fb;
  --rc-bg-gradient:radial-gradient(ellipse at 8% 0%,rgba(99,157,255,.24),transparent 38%),radial-gradient(ellipse at 92% 10%,rgba(89,218,203,.20),transparent 34%),linear-gradient(145deg,#edf3ff 0%,#e8f5f7 48%,#f2ecff 100%);
  --rc-surface:rgba(255,255,255,.72); --rc-surface-2:rgba(239,246,255,.82); --rc-surface-3:rgba(225,239,250,.88);
  --rc-text:#172945; --rc-muted:#5e718d; --rc-border:rgba(91,125,171,.22);
  --rc-accent:#1769e8; --rc-accent-2:#089dbd; --rc-teal:#0d9488; --rc-emerald:#0f9f78;
  --rc-accent-soft:rgba(215,235,255,.78); --rc-focus:rgba(14,165,233,.32);
  --rc-shadow:0 12px 32px rgba(45,77,125,.10); --rc-shadow-lg:0 24px 64px rgba(49,77,130,.15);
}
html[data-theme="dark"],html[data-apex-theme="dark"] {
  color-scheme:dark;
  --rc-bg:#050b18;
  --rc-bg-gradient:radial-gradient(ellipse at 8% -5%,rgba(32,91,202,.30),transparent 42%),radial-gradient(ellipse at 96% 5%,rgba(0,171,184,.19),transparent 37%),radial-gradient(ellipse at 50% 110%,rgba(83,47,173,.16),transparent 44%),linear-gradient(145deg,#050b18 0%,#09172a 46%,#101126 100%);
  --rc-surface:rgba(13,27,48,.78); --rc-surface-2:rgba(18,37,62,.84); --rc-surface-3:rgba(26,48,77,.90);
  --rc-text:#edf5ff; --rc-muted:#a4b7d0; --rc-border:rgba(144,180,224,.17);
  --rc-accent:#70adff; --rc-accent-2:#36d5eb; --rc-teal:#46e0d0; --rc-emerald:#48e2ad;
  --rc-accent-soft:rgba(30,72,116,.55); --rc-focus:rgba(54,213,235,.34);
  --rc-shadow:0 14px 36px rgba(0,0,0,.22); --rc-shadow-lg:0 24px 68px rgba(0,0,0,.34);
}
html[data-theme] body,html[data-apex-theme] body {
  background:var(--rc-bg-gradient)!important;color:var(--rc-text)!important;
  transition:background .28s ease,color .22s ease;
}
/* Glass surfaces: tinted and translucent, never plain white in light mode. */
html[data-theme="light"] body .bg-primary-dark,html[data-theme="light"] body .bg-secondary-dark,
html[data-apex-theme="light"] body .bg-primary-dark,html[data-apex-theme="light"] body .bg-secondary-dark {
  background:linear-gradient(145deg,rgba(239,246,255,.86),rgba(226,241,248,.78) 55%,rgba(239,233,255,.78))!important;
  color:var(--rc-text)!important;
}
html[data-theme="dark"] body .bg-primary-dark,html[data-apex-theme="dark"] body .bg-primary-dark {background:var(--rc-bg-gradient)!important;color:var(--rc-text)!important;}
html[data-theme="dark"] body .bg-secondary-dark,html[data-apex-theme="dark"] body .bg-secondary-dark {background:linear-gradient(145deg,rgba(13,27,48,.92),rgba(12,31,53,.86) 55%,rgba(23,20,48,.88))!important;color:var(--rc-text)!important;}
html[data-theme="light"] body [class*="bg-white/"],html[data-theme="light"] body [class*="bg-gray-50/"],html[data-theme="light"] body [class*="bg-slate-50/"],
html[data-apex-theme="light"] body [class*="bg-white/"],html[data-apex-theme="light"] body [class*="bg-gray-50/"],html[data-apex-theme="light"] body [class*="bg-slate-50/"] {background:linear-gradient(135deg,rgba(255,255,255,.78),rgba(231,243,255,.78) 58%,rgba(226,247,243,.78))!important;color:var(--rc-text)!important;}
html[data-theme="dark"] body [class*="bg-white/"],html[data-theme="dark"] body [class*="bg-gray-50/"],html[data-theme="dark"] body [class*="bg-slate-50/"],
html[data-apex-theme="dark"] body [class*="bg-white/"],html[data-apex-theme="dark"] body [class*="bg-gray-50/"],html[data-apex-theme="dark"] body [class*="bg-slate-50/"] {background:linear-gradient(135deg,rgba(17,36,60,.86),rgba(14,40,59,.82) 58%,rgba(29,25,57,.84))!important;color:var(--rc-text)!important;}
html[data-theme] body .rounded-xl,html[data-theme] body .rounded-2xl,html[data-theme] body .rounded-3xl,
html[data-apex-theme] body .rounded-xl,html[data-apex-theme] body .rounded-2xl,html[data-apex-theme] body .rounded-3xl {
  border-color:var(--rc-border);box-shadow:var(--rc-shadow);
}
html[data-theme] body .backdrop-blur,html[data-theme] body .backdrop-blur-sm,html[data-theme] body .backdrop-blur-md,html[data-theme] body .backdrop-blur-xl,
html[data-apex-theme] body .backdrop-blur,html[data-apex-theme] body .backdrop-blur-sm,html[data-apex-theme] body .backdrop-blur-md,html[data-apex-theme] body .backdrop-blur-xl {
  -webkit-backdrop-filter:blur(18px) saturate(140%);backdrop-filter:blur(18px) saturate(140%);
}
html[data-theme="light"] body header,html[data-theme="light"] body aside,html[data-theme="light"] body nav,html[data-theme="light"] body .sidebar,html[data-theme="light"] body .navbar,
html[data-apex-theme="light"] body header,html[data-apex-theme="light"] body aside,html[data-apex-theme="light"] body nav,html[data-apex-theme="light"] body .sidebar,html[data-apex-theme="light"] body .navbar {
  background:linear-gradient(160deg,rgba(240,247,255,.94),rgba(226,242,248,.91) 58%,rgba(240,235,255,.91))!important;color:var(--rc-text)!important;border-color:var(--rc-border)!important;
  -webkit-backdrop-filter:blur(22px) saturate(145%);backdrop-filter:blur(22px) saturate(145%);
}
html[data-theme="dark"] body header,html[data-theme="dark"] body aside,html[data-theme="dark"] body nav,html[data-theme="dark"] body .sidebar,html[data-theme="dark"] body .navbar,
html[data-apex-theme="dark"] body header,html[data-apex-theme="dark"] body aside,html[data-apex-theme="dark"] body nav,html[data-apex-theme="dark"] body .sidebar,html[data-apex-theme="dark"] body .navbar {
  background:linear-gradient(160deg,rgba(8,20,39,.96),rgba(9,30,49,.94) 58%,rgba(20,17,43,.95))!important;color:var(--rc-text)!important;border-color:var(--rc-border)!important;
  -webkit-backdrop-filter:blur(22px) saturate(145%);backdrop-filter:blur(22px) saturate(145%);
}
html[data-theme="light"] body h1,html[data-theme="light"] body h2,html[data-theme="light"] body h3,html[data-theme="light"] body h4,html[data-theme="light"] body h5,
html[data-theme="light"] body .text-white,html[data-theme="light"] body .text-text-primary,html[data-apex-theme="light"] body h1,html[data-apex-theme="light"] body h2,html[data-apex-theme="light"] body h3,html[data-apex-theme="light"] body h4,html[data-apex-theme="light"] body h5,
html[data-apex-theme="light"] body .text-white,html[data-apex-theme="light"] body .text-text-primary {color:#172945!important;}
html[data-theme="light"] body .text-text-secondary,html[data-theme="light"] body .text-slate-300,html[data-theme="light"] body .text-slate-400,html[data-theme="light"] body .text-slate-500,
html[data-apex-theme="light"] body .text-text-secondary,html[data-apex-theme="light"] body .text-slate-300,html[data-apex-theme="light"] body .text-slate-400,html[data-apex-theme="light"] body .text-slate-500 {color:#5e718d!important;}
html[data-theme] body input:not([type=checkbox]):not([type=radio]):not([type=submit]),html[data-theme] body select,html[data-theme] body textarea,
html[data-apex-theme] body input:not([type=checkbox]):not([type=radio]):not([type=submit]),html[data-apex-theme] body select,html[data-apex-theme] body textarea {background:var(--rc-surface-2)!important;color:var(--rc-text)!important;border-color:var(--rc-border)!important;}
html[data-theme] body table th,html[data-theme] body table td,html[data-apex-theme] body table th,html[data-apex-theme] body table td {border-color:var(--rc-border)!important;}
html[data-theme="light"] body aside a:hover,html[data-theme="light"] body aside button:hover,html[data-apex-theme="light"] body aside a:hover,html[data-apex-theme="light"] body aside button:hover {background:rgba(204,228,255,.72)!important;color:#1458b8!important;}
html[data-theme="dark"] body aside a:hover,html[data-theme="dark"] body aside button:hover,html[data-apex-theme="dark"] body aside a:hover,html[data-apex-theme="dark"] body aside button:hover {background:rgba(46,93,151,.35)!important;color:#f3fbff!important;}
html[data-theme] body .apx-floating-nav,html[data-apex-theme] body .apx-floating-nav {backdrop-filter:blur(24px) saturate(150%);-webkit-backdrop-filter:blur(24px) saturate(150%);}
html[data-theme="light"] body .apx-floating-nav,html[data-apex-theme="light"] body .apx-floating-nav {background:linear-gradient(130deg,rgba(240,247,255,.94),rgba(224,242,248,.92),rgba(240,235,255,.92))!important;box-shadow:0 16px 42px rgba(52,84,132,.18)!important;}
html[data-theme="dark"] body .apx-floating-nav,html[data-apex-theme="dark"] body .apx-floating-nav {background:linear-gradient(130deg,rgba(8,20,39,.96),rgba(9,31,50,.95),rgba(21,18,44,.96))!important;box-shadow:0 16px 42px rgba(0,0,0,.36)!important;}
@media(prefers-reduced-motion:reduce){html[data-theme] body,html[data-apex-theme] body{transition:none!important;}}


/* Apexrise: ensure the entire user sidebar follows light mode, including header/footer bands */
html[data-apex-theme="light"] #mobile-sidebar,
html[data-theme="light"] #mobile-sidebar,
html[data-apex-theme="light"] body > aside,
html[data-theme="light"] body > aside {
  background: linear-gradient(155deg, #f8fbff 0%, #edf5ff 48%, #e8f8f6 100%) !important;
  background-color: #f2f7ff !important;
  color: #263954 !important;
  border-color: rgba(103, 137, 181, .22) !important;
}
html[data-apex-theme="light"] #mobile-sidebar > *,
html[data-theme="light"] #mobile-sidebar > *,
html[data-apex-theme="light"] body > aside > *,
html[data-theme="light"] body > aside > * {
  background-color: transparent !important;
  background-image: none !important;
  color: #263954 !important;
}
html[data-apex-theme="light"] #mobile-sidebar [class*="bg-primary-dark"],
html[data-apex-theme="light"] #mobile-sidebar [class*="bg-secondary-dark"],
html[data-apex-theme="light"] #mobile-sidebar [class*="bg-slate-900"],
html[data-apex-theme="light"] #mobile-sidebar [class*="bg-gray-900"],
html[data-theme="light"] #mobile-sidebar [class*="bg-primary-dark"],
html[data-theme="light"] #mobile-sidebar [class*="bg-secondary-dark"],
html[data-theme="light"] #mobile-sidebar [class*="bg-slate-900"],
html[data-theme="light"] #mobile-sidebar [class*="bg-gray-900"],
html[data-apex-theme="light"] body > aside [class*="bg-primary-dark"],
html[data-apex-theme="light"] body > aside [class*="bg-secondary-dark"],
html[data-theme="light"] body > aside [class*="bg-primary-dark"],
html[data-theme="light"] body > aside [class*="bg-secondary-dark"] {
  background: linear-gradient(135deg, rgba(255,255,255,.68), rgba(226,239,253,.72), rgba(224,246,242,.68)) !important;
  background-color: rgba(237,245,253,.9) !important;
  color: #263954 !important;
  border-color: rgba(103,137,181,.2) !important;
}
html[data-apex-theme="light"] #mobile-sidebar a,
html[data-theme="light"] #mobile-sidebar a,
html[data-apex-theme="light"] #mobile-sidebar button,
html[data-theme="light"] #mobile-sidebar button,
html[data-apex-theme="light"] body > aside a,
html[data-theme="light"] body > aside a,
html[data-apex-theme="light"] body > aside button,
html[data-theme="light"] body > aside button { color: #344761 !important; }
html[data-apex-theme="light"] #mobile-sidebar .active,
html[data-theme="light"] #mobile-sidebar .active,
html[data-apex-theme="light"] #mobile-sidebar a[aria-current="page"],
html[data-theme="light"] #mobile-sidebar a[aria-current="page"] {
  background: linear-gradient(135deg,#8b5cf6,#a855f7) !important;
  color: #ffffff !important;
}
html[data-apex-theme="light"] #mobile-sidebar .active *,
html[data-theme="light"] #mobile-sidebar .active *,
html[data-apex-theme="light"] #mobile-sidebar a[aria-current="page"] *,
html[data-theme="light"] #mobile-sidebar a[aria-current="page"] * { color: #ffffff !important; }
html[data-apex-theme="dark"] #mobile-sidebar,
html[data-theme="dark"] #mobile-sidebar,
html[data-apex-theme="dark"] body > aside,
html[data-theme="dark"] body > aside {
  background: linear-gradient(165deg,#0b1730 0%,#0d2340 55%,#0a172a 100%) !important;
  color: #eaf2ff !important;
}