/* shared-lux-core — generated from 8 sources — hash 1af035d8 — edit SOURCES, run tools/build-shared-lux-core.mjs */
/* source: assets/css/lux-tokens.css */


:root {
  --lux-bg: #070910;
  --lux-shell-background: var(--lux-bg);
  --lux-bg-soft: #0e1220;
  --lux-surface: #101726;
  --lux-surface-2: #151d2e;
  --lux-surface-3: #1b2539;
  --palette-obsidian-dark: radial-gradient(ellipse at 18% 12%, rgba(200, 130, 42, 0.22), transparent 42%), radial-gradient(ellipse at 78% 82%, rgba(216, 170, 86, 0.14), transparent 36%), radial-gradient(circle at 52% 48%, rgba(139, 90, 30, 0.08), transparent 55%), linear-gradient(168deg, #140f08 0%, #1a1308 40%, #0f0c06 100%);
  --palette-obsidian-light: radial-gradient(ellipse at 18% 12%, rgba(200, 130, 42, 0.14), transparent 42%), radial-gradient(ellipse at 78% 82%, rgba(216, 170, 86, 0.10), transparent 36%), radial-gradient(circle at 52% 48%, rgba(255, 210, 140, 0.08), transparent 55%), linear-gradient(168deg, #faf5ec 0%, #f4eadb 40%, #eee0cc 100%);
  --palette-slate-dark: radial-gradient(ellipse at 22% 8%, rgba(66, 108, 218, 0.24), transparent 40%), radial-gradient(ellipse at 76% 86%, rgba(100, 160, 255, 0.14), transparent 34%), radial-gradient(circle at 48% 50%, rgba(30, 58, 138, 0.10), transparent 52%), linear-gradient(168deg, #0a0e1e 0%, #0e142c 40%, #080c18 100%);
  --palette-slate-light: radial-gradient(ellipse at 22% 8%, rgba(66, 108, 218, 0.14), transparent 40%), radial-gradient(ellipse at 76% 86%, rgba(120, 170, 255, 0.10), transparent 34%), radial-gradient(circle at 48% 50%, rgba(180, 210, 255, 0.08), transparent 52%), linear-gradient(168deg, #eef3fc 0%, #e2ecfa 40%, #d8e4f6 100%);
  --palette-pine-dark: radial-gradient(ellipse at 16% 14%, rgba(22, 160, 100, 0.24), transparent 40%), radial-gradient(ellipse at 82% 80%, rgba(80, 220, 160, 0.12), transparent 34%), radial-gradient(circle at 50% 46%, rgba(10, 100, 60, 0.10), transparent 50%), linear-gradient(168deg, #081410 0%, #0c1c14 40%, #06100c 100%);
  --palette-pine-light: radial-gradient(ellipse at 16% 14%, rgba(22, 160, 100, 0.14), transparent 40%), radial-gradient(ellipse at 82% 80%, rgba(80, 220, 160, 0.10), transparent 34%), radial-gradient(circle at 50% 46%, rgba(160, 240, 200, 0.08), transparent 50%), linear-gradient(168deg, #eefaf3 0%, #e0f5ea 40%, #d4f0de 100%);
  --palette-burgundy-dark: radial-gradient(ellipse at 20% 10%, rgba(180, 40, 60, 0.22), transparent 40%), radial-gradient(ellipse at 78% 84%, rgba(220, 80, 80, 0.12), transparent 34%), radial-gradient(circle at 50% 50%, rgba(120, 20, 30, 0.10), transparent 50%), linear-gradient(168deg, #160a0c 0%, #1e0e10 40%, #100608 100%);
  --palette-burgundy-light: radial-gradient(ellipse at 20% 10%, rgba(200, 50, 70, 0.12), transparent 40%), radial-gradient(ellipse at 78% 84%, rgba(240, 100, 100, 0.08), transparent 34%), radial-gradient(circle at 50% 50%, rgba(255, 180, 180, 0.08), transparent 50%), linear-gradient(168deg, #fceff0 0%, #f8e2e4 40%, #f2d4d8 100%);
  --palette-sand-dark: radial-gradient(ellipse at 18% 12%, rgba(190, 150, 90, 0.22), transparent 40%), radial-gradient(ellipse at 80% 82%, rgba(220, 190, 140, 0.12), transparent 34%), radial-gradient(circle at 50% 48%, rgba(140, 100, 50, 0.08), transparent 50%), linear-gradient(168deg, #14100a 0%, #1a1610 40%, #0e0c08 100%);
  --palette-sand-light: radial-gradient(ellipse at 18% 12%, rgba(200, 170, 110, 0.12), transparent 40%), radial-gradient(ellipse at 80% 82%, rgba(230, 210, 160, 0.10), transparent 34%), radial-gradient(circle at 50% 48%, rgba(245, 230, 190, 0.08), transparent 50%), linear-gradient(168deg, #faf8f2 0%, #f5f0e4 40%, #efe8d6 100%);
  --palette-ink-dark: radial-gradient(ellipse at 24% 12%, rgba(130, 60, 200, 0.24), transparent 40%), radial-gradient(ellipse at 74% 84%, rgba(180, 100, 220, 0.12), transparent 34%), radial-gradient(circle at 46% 52%, rgba(80, 20, 150, 0.10), transparent 50%), linear-gradient(168deg, #100a18 0%, #160e22 40%, #0a060e 100%);
  --palette-ink-light: radial-gradient(ellipse at 24% 12%, rgba(140, 70, 190, 0.14), transparent 40%), radial-gradient(ellipse at 74% 84%, rgba(180, 110, 220, 0.10), transparent 34%), radial-gradient(circle at 46% 52%, rgba(210, 160, 240, 0.08), transparent 50%), linear-gradient(168deg, #f6f0fc 0%, #efe4f8 40%, #e6d8f2 100%);
  --palette-ocean-dark: radial-gradient(ellipse at 20% 15%, rgba(0, 140, 140, 0.24), transparent 40%), radial-gradient(ellipse at 80% 80%, rgba(40, 180, 170, 0.14), transparent 34%), radial-gradient(circle at 50% 50%, rgba(0, 90, 80, 0.10), transparent 50%), linear-gradient(168deg, #081214 0%, #0c1a1c 40%, #060e10 100%);
  --palette-ocean-light: radial-gradient(ellipse at 20% 15%, rgba(0, 160, 150, 0.14), transparent 40%), radial-gradient(ellipse at 80% 80%, rgba(60, 210, 220, 0.10), transparent 34%), radial-gradient(circle at 50% 50%, rgba(150, 235, 240, 0.08), transparent 50%), linear-gradient(168deg, #ecfafa 0%, #dff4f5 40%, #d2eef0 100%);
  --palette-platinum-dark: radial-gradient(ellipse at 22% 10%, rgba(123, 138, 154, 0.18), transparent 40%), radial-gradient(ellipse at 76% 86%, rgba(168, 180, 192, 0.10), transparent 34%), radial-gradient(circle at 48% 50%, rgba(60, 68, 78, 0.12), transparent 52%), linear-gradient(168deg, #1a1e24 0%, #222830 40%, #2a3038 100%);
  --palette-platinum-light: radial-gradient(ellipse at 22% 10%, rgba(90, 100, 112, 0.14), transparent 40%), radial-gradient(ellipse at 76% 86%, rgba(74, 85, 99, 0.10), transparent 34%), radial-gradient(circle at 48% 50%, rgba(113, 128, 150, 0.08), transparent 50%), linear-gradient(168deg, #7b8fa8 0%, #6b7f98 40%, #5b6f88 100%);
  --lux-border: rgba(255, 255, 255, 0.20);
  --lux-border-strong: rgba(255, 255, 255, 0.32);
  --lux-text: #fbfaf6;
  --lux-text-muted: rgba(251, 250, 246, 0.74);
  --lux-text-soft: rgba(251, 250, 246, 0.42);
  --lux-accent: #c8822a;
  --lux-accent-2: #d8aa56;
  --lux-accent-rgb: 200, 130, 42;
  --lux-shell-start-rgb: 20, 25, 38;
  --lux-shell-end-rgb: 8, 11, 19;
  --lux-shell-glow-rgb: 216, 170, 86;
  --lux-glass-tint-rgb: 16, 23, 38;
  --lux-topbar-tint-rgb: 11, 18, 32;
  --lux-home-secondary-rgb: 216, 170, 86;
  --lux-green: #48bf86;
  --lux-shadow-ink-rgb: 48, 34, 22;
  --lux-sidebar-width: 220px;

  --lux-z-content: 1;
  --lux-z-sticky: 10;
  --lux-z-shell-scrim: 90;
  --lux-z-shell: 100;
  --lux-z-shell-control: 110;
  --lux-z-shell-popover: 950;
  --lux-z-shell-global: 2147483646;
  --lux-z-fullscreen: 1500;
  --lux-z-modal: 2000;
  --lux-z-modal-nested: 2100;
  --lux-z-toast: 3000;
  --lux-z-effect: 3050;
  --lux-topbar-height: 78px;
  --lux-topbar-offset-top: 18px;
  --lux-chrome-gap: 12px;
  --lux-chrome-bottom-fallback: calc(var(--lux-topbar-offset-top) + var(--lux-topbar-height) + var(--lux-chrome-gap));
  --lux-chrome-bottom: var(--lux-chrome-bottom-fallback);
  --lux-radius: 16px;
  --lux-shadow: 0 22px 60px rgba(0, 0, 0, 0.38);
  --lux-panel-surface: var(--lux-surface);
  --lux-panel-surface-soft: var(--lux-surface);
  --lux-panel-border: var(--lux-border);
  --lux-panel-border-soft: var(--lux-border);
  --lux-elev-1: none;
  --lux-elev-2: none;
  --lux-elev-3: none;
  --lux-panel-control: transparent;
  --lux-soft-chrome-control: transparent;
  --lux-panel-shadow-soft: none;
  --lux-panel-shadow: none;
  --lux-btn-pill-radius: 0 22px 0 22px;
  --lux-icon-btn-size: 44px;
  --lux-icon-btn-radius: 16px;
  --lux-primary-btn-min-height: 46px;
  --lux-secondary-btn-min-height: 44px;
  --lux-canvas-opacity: 0.82;
  --lux-overlay-opacity: 0.56;

  --lux-transparency-alpha: 0.70;
  --lux-color-fade-alpha: 0.70;
  --lux-panel-alpha: 0.70;
  --lux-raised-alpha: 0.09;
  --lux-glass-alpha: 0.06;
  --lux-utility-alpha: 0.82;
  --lux-panel-fill-alpha: 0.08;
  --lux-raised-fill-alpha: 0.045;
  --lux-utility-fill-alpha: 0.11;
  --lux-topbar-raised-alpha: 0.18;
  --lux-button-glow: 0.42;
  --lux-panel-glow: 0.22;
  --lux-glass-highlight-alpha: 0.05;
  --lux-glass-blur: var(--lux-transparency-blur, 14px);
  --lux-glass-blur-quality-mult: 1;
  --lux-panel-blur-filter: blur(calc(var(--lux-transparency-blur, var(--lux-glass-blur, 14px)) * 0.55));
  --lux-grid-row-height: 28px;
  --lux-topbar-fill-alpha: 0.78;
  --lux-scrollbar-size: 10px;
  --lux-scrollbar-track: transparent;
  --lux-scrollbar-thumb: rgba(var(--lux-accent-rgb), 0.78);
  --lux-scrollbar-thumb-hover: rgba(var(--lux-accent-rgb), 0.96);
}
html {
  scrollbar-width: thin;
  scrollbar-color: var(--lux-scrollbar-thumb) var(--lux-scrollbar-track);
  scrollbar-gutter: stable;
}
html::-webkit-scrollbar {
  width: var(--lux-scrollbar-size);
  height: var(--lux-scrollbar-size);
}
html::-webkit-scrollbar-track {
  background: var(--lux-scrollbar-track);
}
html::-webkit-scrollbar-thumb {
  background: var(--lux-scrollbar-thumb);
  border-radius: 999px;
}
html::-webkit-scrollbar-thumb:hover {
  background: var(--lux-scrollbar-thumb-hover);
}

[data-lux-custom-scrollbar-target],
[data-lux-custom-scrollbar-target="window"] {
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
}
[data-lux-custom-scrollbar-target]::-webkit-scrollbar,
html[data-lux-custom-scrollbar-target="window"]::-webkit-scrollbar,
html[data-lux-custom-scrollbar-target="window"]::-webkit-scrollbar-track,
html[data-lux-custom-scrollbar-target="window"]::-webkit-scrollbar-thumb {
  width: 0 !important;
  height: 0 !important;
  display: none !important;
}
html[data-lux-custom-scrollbar-target="window"] {
  scrollbar-width: none !important;
  scrollbar-color: transparent transparent !important;
}
[data-lux-custom-scrollbar-shell] {
  position: relative;
}
.lux-custom-scrollbar {
  position: absolute;
  z-index: 3;
  top: 0;
  right: 2px;
  width: max(var(--lux-scrollbar-size), 18px);
  min-height: 32px;
  display: block;
  opacity: 1;
  border: 0;
  border-radius: 999px;
  background: transparent;
  touch-action: none;
  user-select: none;
  pointer-events: auto;
}
.lux-custom-scrollbar::before {
  content: '';
  position: absolute;
  z-index: 0;
  inset: 0 6px;
  border: 1px solid rgba(var(--lux-accent-rgb), 0.35);
  border-radius: 999px;
  background: rgba(var(--lux-glass-tint-rgb, 16, 23, 38), 0.9);
  pointer-events: none;
}
.lux-custom-scrollbar[aria-disabled="true"] {
  opacity: .35;
  pointer-events: none;
}
.lux-custom-scrollbar__thumb {
  position: absolute;
  z-index: 1;
  inset: 1px 6px auto;
  min-height: 32px;
  border-radius: 999px;
  background: var(--lux-scrollbar-thumb);
  box-shadow: 0 0 8px rgba(var(--lux-accent-rgb), 0.35);
}
.lux-custom-scrollbar__thumb:hover,
.lux-custom-scrollbar:hover .lux-custom-scrollbar__thumb {
  background: var(--lux-scrollbar-thumb-hover);
}
.lux-custom-scrollbar:focus-visible {
  outline: 2px solid var(--lux-scrollbar-thumb);
  outline-offset: 2px;
}
.lux-custom-scrollbar--horizontal {
  top: auto !important;
  bottom: 2px;
  right: 0;
  left: 0;
  width: auto !important;
  height: max(var(--lux-scrollbar-size), 18px) !important;
  min-height: 0;
  min-width: 32px;
}
.lux-custom-scrollbar--horizontal::before {
  inset: 6px 0;
}
.lux-custom-scrollbar--horizontal .lux-custom-scrollbar__thumb {
  inset: 6px auto 6px 1px;
  min-height: 0;
  min-width: 32px;
  height: auto !important;
}
.lux-custom-scrollbar--window {
  position: fixed !important;
  top: 0 !important;
  right: 2px !important;
  bottom: 0 !important;
  left: auto !important;
  width: max(var(--lux-scrollbar-size), 18px) !important;
  height: 100vh !important;
  height: 100dvh !important;
  z-index: var(--lux-z-sticky, 10) !important;
  pointer-events: auto;
}

body.lux-unified-shell .lux-custom-scrollbar:not(.lux-custom-scrollbar--window) {
  position: absolute !important;
  z-index: var(--lux-z-sticky, 10) !important;
}
body[data-lux-portal-modal-scroll-lock] .lux-custom-scrollbar--window:not(.lux-custom-scrollbar--page),
body.social-neo-scroll-lock .lux-custom-scrollbar--window:not(.lux-custom-scrollbar--page) {
  opacity: 0 !important;
  pointer-events: none !important;
}
#social-neo-center-region,
.social-neo-center,
.modal-body,
.lux-glass-dialog-body,
.lux-picker-panel-scrollport,
.lux-picker-options,
.lux-droplist-scroll {
  scrollbar-gutter: stable;
}
.modal-content,
.lux-glass-dialog-card {
  position: relative;
  min-height: 0;
}
body {
  color: var(--lux-text);
  min-height: 100vh;
  overflow-x: hidden;
  position: relative;
  isolation: isolate;
}
body.palette-obsidian-amber { background: var(--palette-obsidian-dark); }
body.palette-obsidian-amber.lux-light-mode { background: var(--palette-obsidian-light); }
body.palette-slate-sapphire { background: var(--palette-slate-dark); }
body.palette-slate-sapphire.lux-light-mode { background: var(--palette-slate-light); }
body.palette-pine-jade { background: var(--palette-pine-dark); }
body.palette-pine-jade.lux-light-mode { background: var(--palette-pine-light); }
body.palette-burgundy-rose { background: var(--palette-burgundy-dark); }
body.palette-burgundy-rose.lux-light-mode { background: var(--palette-burgundy-light); }
body.palette-sand-pearl { background: var(--palette-sand-dark); }
body.palette-sand-pearl.lux-light-mode { background: var(--palette-sand-light); }
body.palette-ink-orchid { background: var(--palette-ink-dark); }
body.palette-ink-orchid.lux-light-mode { background: var(--palette-ink-light); }
body.palette-ocean-teal { background: var(--palette-ocean-dark); }
body.palette-ocean-teal.lux-light-mode { background: var(--palette-ocean-light); }
body.palette-platinum-silver { background: var(--palette-platinum-dark); }
body.palette-platinum-silver.lux-light-mode { background: var(--palette-platinum-light); }
body.lux-light-mode:not([data-faculty]), body.lux-light-mode[data-faculty=""] {
  --lux-bg: #f4f0e8;
  --lux-shell-background: radial-gradient(ellipse at 20% 14%, rgba(200, 160, 80, 0.06), transparent 38%), radial-gradient(ellipse at 80% 80%, rgba(180, 140, 90, 0.04), transparent 30%), linear-gradient(168deg, #f8f4ec 0%, #f2ece0 40%, #eee6d6 100%);
  --lux-bg-soft: #f9f5ee;
  --lux-surface: #ffffff;
  --lux-surface-2: #f5f1ea;
  --lux-surface-3: #ece6db;
  --lux-border: rgba(48, 34, 22, 0.16);
  --lux-border-strong: rgba(48, 34, 22, 0.18);
  --lux-text: #201912;
  --lux-text-muted: rgba(32, 25, 18, 0.66);
  --lux-text-soft: rgba(32, 25, 18, 0.36);
  --lux-shadow: 0 24px 54px rgba(62, 42, 20, 0.12);
  background: var(--lux-shell-background);
}
body.lux-light-mode {
  --lux-glass-tint-rgb: 246, 239, 229;

  --lux-scrollbar-thumb: rgba(var(--lux-accent-rgb), 0.78);
  --lux-scrollbar-thumb-hover: rgba(var(--lux-accent-rgb), 0.96);
  --lux-bg: #efebe4;
  --lux-shell-background: radial-gradient(ellipse at 20% 14%, rgba(200, 160, 80, 0.06), transparent 38%), radial-gradient(ellipse at 80% 80%, rgba(180, 140, 90, 0.04), transparent 30%), linear-gradient(168deg, #f8f4ec 0%, #f2ece0 40%, #eee6d6 100%);
  --lux-bg-soft: #f7f3ec;
  --lux-surface: #ffffff;
  --lux-surface-2: #f5f1ea;
  --lux-surface-3: #ece6db;
  --lux-border: rgba(48, 34, 22, 0.16);
  --lux-border-strong: rgba(48, 34, 22, 0.18);
  --lux-text: #201912;
  --lux-text-muted: rgba(32, 25, 18, 0.66);
  --lux-text-soft: rgba(32, 25, 18, 0.36);
  --lux-shadow: 0 24px 54px rgba(62, 42, 20, 0.12);
}
body.palette-obsidian-amber { --lux-shell-background: var(--palette-obsidian-dark); }
body.palette-obsidian-amber.lux-light-mode { --lux-shell-background: var(--palette-obsidian-light); }
body.palette-slate-sapphire { --lux-shell-background: var(--palette-slate-dark); }
body.palette-slate-sapphire.lux-light-mode { --lux-shell-background: var(--palette-slate-light); }
body.palette-pine-jade { --lux-shell-background: var(--palette-pine-dark); }
body.palette-pine-jade.lux-light-mode { --lux-shell-background: var(--palette-pine-light); }
body.palette-burgundy-rose { --lux-shell-background: var(--palette-burgundy-dark); }
body.palette-burgundy-rose.lux-light-mode { --lux-shell-background: var(--palette-burgundy-light); }
body.palette-sand-pearl { --lux-shell-background: var(--palette-sand-dark); }
body.palette-sand-pearl.lux-light-mode { --lux-shell-background: var(--palette-sand-light); }
body.palette-ink-orchid { --lux-shell-background: var(--palette-ink-dark); }
body.palette-ink-orchid.lux-light-mode { --lux-shell-background: var(--palette-ink-light); }
body.palette-ocean-teal { --lux-shell-background: var(--palette-ocean-dark); }
body.palette-ocean-teal.lux-light-mode { --lux-shell-background: var(--palette-ocean-light); }
body.palette-platinum-silver { --lux-shell-background: var(--palette-platinum-dark); }
body.palette-platinum-silver.lux-light-mode { --lux-shell-background: var(--palette-platinum-light); }
body.palette-platinum-silver:not(.lux-light-mode) { --lux-glass-tint-rgb: 38, 42, 48; --lux-topbar-tint-rgb: 10, 12, 14; }
body.palette-platinum-silver.lux-light-mode { --lux-glass-tint-rgb: 130, 136, 142; --lux-topbar-tint-rgb: 120, 126, 132; }
html.lux-high-transparency.lux-high-transparency.lux-high-transparency body:not(.lux-light-mode) {
  --lux-hero-glow: 0;
  --lux-scrollbar-thumb: rgba(var(--lux-accent-rgb), calc(0.18 + var(--lux-transparency-alpha, 0.92) * 0.06));
}
html.lux-high-transparency.lux-high-transparency.lux-high-transparency body.lux-light-mode {
  --lux-hero-glow: 0;
  --lux-scrollbar-thumb: rgba(var(--lux-accent-rgb), 0.78);
}
:root { --lux-transparency-blur: 18px; --lux-transparency-saturate: 145%; }
body[data-lux-performance='efficient'] { --lux-scrollbar-size: 6px; }
:root {
  --lux-warmglass-overlay-dark: rgba(0, 0, 0, 0.55);
  --lux-warmglass-overlay-light: rgba(73, 48, 25, 0.20);
  --lux-warmglass-surface: linear-gradient(180deg, rgba(14, 20, 33, 0.97), rgba(8, 12, 21, 0.95));
  --lux-warmglass-section: rgba(255, 255, 255, 0.06);
  --lux-warmglass-input: rgba(255, 255, 255, 0.09);
  --lux-warmglass-border: rgba(255, 255, 255, 0.12);
  --lux-warmglass-blur: blur(20px) saturate(145%);
  --lux-warmglass-shadow-dark: 0 34px 80px rgba(0, 0, 0, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.07);
  --lux-warmglass-shadow-light: 0 24px 56px rgba(73, 48, 25, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.62);
  --lux-warmglass-section-shadow: 0 4px 12px rgba(73, 48, 25, 0.06);
  --lux-panel-modal-section: var(--lux-warmglass-section);
  --lux-panel-modal-head-tint: radial-gradient(circle at 12% 0%, rgba(var(--lux-accent-rgb), 0.12), transparent 42%);
  --lux-panel-modal-foot-tint: linear-gradient(180deg, transparent, rgba(0, 0, 0, 0.08));
  --lux-panel-modal-foot-tint-light: linear-gradient(180deg, transparent, rgba(48, 34, 22, 0.05));
  --lux-panel-cta-accent: linear-gradient(135deg, rgba(var(--lux-accent-rgb), 0.95), rgba(var(--lux-accent-rgb), 0.72));
  --lux-frosted-glass-surface: rgba(8, 12, 21, 0.50);
  --lux-frosted-glass-border: rgba(255, 255, 255, 0.14);
  --lux-frosted-glass-blur: blur(22px) saturate(140%);
  --lux-frosted-glass-shadow: 0 24px 60px rgba(0, 0, 0, 0.42), inset 0 1px 0 rgba(255, 255, 255, 0.10);
  --lux-popup-shell-surface: var(--lux-frosted-glass-surface);
  --lux-popup-shell-border: var(--lux-frosted-glass-border);
  --lux-popup-shell-blur: var(--lux-frosted-glass-blur);
  --lux-popup-shell-shadow: var(--lux-frosted-glass-shadow);
  --lux-popup-anim-duration: 240ms;
  --lux-popup-anim-close-duration: 180ms;
  --lux-popup-slide-offset: 12px;
}
html.lux-light-mode, body.lux-light-mode {
  --lux-warmglass-surface: radial-gradient(circle at 8% 0%, rgba(255, 255, 255, 0.62), transparent 32%), radial-gradient(circle at 78% 0%, rgba(var(--lux-accent-rgb), 0.10), transparent 38%), linear-gradient(135deg, rgba(255, 255, 255, 0.58), rgba(247, 241, 232, 0.44));
  --lux-warmglass-section: rgba(255, 255, 255, 0.42);
  --lux-warmglass-input: rgba(255, 255, 255, 0.52);
  --lux-warmglass-border: rgba(77, 52, 31, 0.12);
  --lux-warmglass-blur: blur(26px) saturate(155%);
  --lux-frosted-glass-surface: rgba(255, 255, 255, 0.50);
  --lux-frosted-glass-border: rgba(77, 52, 31, 0.14);
  --lux-frosted-glass-blur: blur(22px) saturate(140%);
  --lux-frosted-glass-shadow: 0 22px 50px rgba(73, 48, 25, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.55);
}

:root {

  --lux-panel-fill: color-mix(in srgb, rgba(8, 12, 21, var(--lux-transparency-alpha, 0.70)) 88%, transparent);
  --lux-panel-surface-soft: radial-gradient(circle at 12% 0%, rgba(255, 255, 255, calc(var(--lux-color-fade-alpha, .92) * 0.055)), transparent 30%), radial-gradient(circle at 84% 0%, rgba(var(--lux-accent-rgb), calc(var(--lux-panel-glow, 0.22) * 0.55)), transparent 34%), linear-gradient(135deg, rgba(var(--lux-accent-rgb), calc(var(--lux-panel-glow, 0.22) * 0.28)), rgba(10, 15, 24, calc(var(--lux-transparency-alpha, .92) * 0.88)) 46%, rgba(7, 10, 18, calc(var(--lux-transparency-alpha, .92) * 0.80)));
  --lux-panel-surface:
    radial-gradient(circle at 16% 0%, rgba(255, 255, 255, calc(var(--lux-transparency-alpha, 0.70) * 0.10)), transparent 34%),
    radial-gradient(ellipse 42% 28% at 82% 14%, rgba(var(--lux-accent-rgb), calc(var(--lux-panel-glow, 0.22) * 0.42)), transparent 72%),
    linear-gradient(145deg,
      rgba(var(--lux-accent-rgb), calc(var(--lux-panel-glow, 0.22) * 0.45)),
      rgba(8, 12, 21, var(--lux-transparency-alpha, 0.70)) 44%,
      rgba(6, 9, 16, var(--lux-transparency-alpha, 0.70)) 100%
    );
  --lux-panel-border-soft: rgba(var(--lux-accent-rgb), 0.12);
  --lux-panel-border: rgba(var(--lux-accent-rgb), 0.22);

  --lux-panel-host-border: color-mix(
    in srgb,
    rgba(var(--lux-accent-rgb), calc(var(--lux-panel-glow, 0.22) * 0.90)) 48%,
    var(--lux-soft-chrome-border, var(--lux-panel-border))
  );
  --lux-soft-chrome-rim-ring: 0 0 0 1px rgba(var(--lux-accent-rgb), calc(var(--lux-panel-glow, 0.22) * 0.50));
  --lux-soft-chrome-rim-soft-ring: 0 0 0 1px rgba(var(--lux-accent-rgb), calc(var(--lux-panel-glow, 0.22) * 0.40));
  --lux-soft-chrome-rim-glow: 0 0 18px rgba(var(--lux-accent-rgb), calc(var(--lux-panel-glow, 0.22) * 0.32));
  --lux-soft-chrome-rim-soft-glow: 0 0 12px rgba(var(--lux-accent-rgb), calc(var(--lux-panel-glow, 0.22) * 0.22));
  --lux-soft-chrome-rim-halo: 0 0 40px rgba(var(--lux-accent-rgb), calc(var(--lux-panel-glow, 0.22) * 0.16));
  --lux-soft-chrome-border-accent: color-mix(
    in srgb,
    rgba(var(--lux-accent-rgb), calc(var(--lux-panel-glow, 0.22) * 0.90)) 48%,
    var(--lux-soft-chrome-border, var(--lux-panel-border))
  );
  --lux-soft-chrome-chip-shadow:
    var(--lux-soft-chrome-rim-ring),
    var(--lux-soft-chrome-rim-glow),
    var(--lux-soft-chrome-shadow, var(--lux-elev-2));
  --lux-soft-chrome-surface-shadow:
    var(--lux-soft-chrome-rim-soft-ring),
    var(--lux-soft-chrome-rim-soft-glow),
    var(--lux-soft-chrome-shadow, var(--lux-elev-2));
  --lux-soft-chrome-chip-shadow-halo:
    var(--lux-soft-chrome-rim-ring),
    var(--lux-soft-chrome-rim-glow),
    var(--lux-soft-chrome-rim-halo),
    var(--lux-soft-chrome-shadow, var(--lux-elev-2));
  --lux-panel-host-shadow:
    var(--lux-soft-chrome-rim-ring),
    var(--lux-soft-chrome-rim-glow),
    var(--lux-soft-chrome-shadow, var(--lux-elev-2));
  --lux-elev-1: 0 8px 20px rgba(0, 0, 0, 0.14), inset 0 1px 0 rgba(255, 255, 255, 0.05);
  --lux-elev-2: 0 14px 32px rgba(0, 0, 0, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.06);
  --lux-elev-3: 0 24px 58px rgba(0, 0, 0, 0.24), inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 0 0 1px rgba(var(--lux-accent-rgb), 0.04);
  --lux-panel-control: color-mix(in srgb, rgba(var(--lux-glass-tint-rgb), calc(var(--lux-raised-fill-alpha) + var(--lux-glass-highlight-alpha))) 94%, transparent);
  --lux-soft-chrome-control: color-mix(in srgb, var(--lux-panel-fill, rgba(255, 255, 255, 0.08)) 72%, transparent);
  --lux-panel-shadow-soft: var(--lux-elev-2);
  --lux-panel-shadow: var(--lux-elev-3);
  --lux-hub-card-shadow: var(--lux-elev-1);
  --lux-hub-active-rail-shadow: inset 3px 0 0 rgba(var(--lux-accent-rgb), 0.88), 0 8px 20px rgba(var(--lux-accent-rgb), 0.1);
  --lux-hub-active-row-shadow: inset 3px 0 0 rgba(var(--lux-accent-rgb), 0.72);
  --lux-hub-inset-ring-soft: inset 0 0 0 1px rgba(var(--lux-accent-rgb), 0.16);
  --lux-hub-inset-ring: inset 0 0 0 1px rgba(var(--lux-accent-rgb), 0.14);
  --lux-hub-inset-ring-strong: inset 0 0 0 1px rgba(var(--lux-accent-rgb), 0.34);
  --lux-hub-warn-inset-ring: inset 0 0 0 1px rgba(201, 138, 26, 0.12);
  --lux-hub-accent-lift-shadow: 0 10px 24px rgba(var(--lux-accent-rgb), 0.14);
  --lux-hub-popover-shadow: 0 22px 48px rgba(4, 8, 18, 0.52), 0 0 0 1px rgba(255, 255, 255, 0.06) inset;
  --lux-hub-popover-shadow-light: 0 18px 36px rgba(15, 23, 42, 0.12), 0 0 0 1px rgba(255, 255, 255, 0.72) inset;
  --lux-hub-studio-highlight-shadow: 0 0 0 1px rgba(var(--lux-accent-rgb), 0.22), 0 10px 24px rgba(var(--lux-accent-rgb), 0.12);
  --lux-hub-popover-blur: var(--lux-panel-blur-filter);
}
:root { --lux-topbar-shell-min-height: 76px; --lux-topbar-shell-padding: 14px 18px; }
:root {
  --lux-panel-fill-alpha: 0.08;
  --lux-raised-fill-alpha: 0.045;
  --lux-glass-highlight-alpha: 0.05;
  --lux-glass-blur: var(--lux-transparency-blur, 18px);
  --lux-grid-row-height: 28px;
  --lux-glass-tint-rgb: 16, 23, 38;
  --lux-topbar-tint-rgb: 11, 18, 32;
  --lux-topbar-fill-alpha: 0.78;
  --lux-bg-line-rgb: 200, 130, 42;
  --lux-bg-glow-rgb: 216, 170, 86;
  --lux-bg-particle-rgb: 216, 170, 86;
  --lux-bg-haze-rgb: 200, 130, 42;
}
:root {
  --lux-btn-pill-radius: 0 22px 0 22px;
  --lux-btn-frame-width: 3.5px;
  --lux-btn-border-solid: color-mix(in srgb, var(--lux-accent) 82%, #0a1520 18%);
  --lux-btn-frame-metal: linear-gradient( 145deg, color-mix(in srgb, var(--lux-accent) 42%, #fff 58%) 0%, color-mix(in srgb, var(--lux-accent) 88%, #fff 12%) 22%, var(--lux-accent) 48%, var(--lux-accent-2, var(--lux-accent)) 72%, color-mix(in srgb, var(--lux-accent) 40%, #0a1018 60%) 100% );
  --lux-btn-frame-metal-soft: linear-gradient( 145deg, color-mix(in srgb, var(--lux-accent) 35%, #fff 50%) 0%, color-mix(in srgb, var(--lux-accent) 70%, transparent) 50%, color-mix(in srgb, var(--lux-accent-2, var(--lux-accent)) 50%, #0a1018 40%) 100% );

  --lux-btn-fade: radial-gradient(circle at 84% 0%, rgba(var(--lux-accent-rgb), calc(var(--lux-panel-glow, 0.22) * 0.88)), transparent 42%), radial-gradient(circle at 14% 0%, rgba(var(--lux-accent-rgb), calc(var(--lux-color-fade-alpha, 0.92) * 0.36)), transparent 40%);
  --lux-btn-fade-hover: radial-gradient(circle at 84% 0%, rgba(var(--lux-accent-rgb), calc(var(--lux-panel-glow, 0.22) * 0.96)), transparent 44%), radial-gradient(circle at 14% 0%, rgba(var(--lux-accent-rgb), calc(var(--lux-color-fade-alpha, 0.92) * 0.42)), transparent 42%);
  --lux-btn-well-base: linear-gradient( 180deg, color-mix(in srgb, #121820 calc(78% + var(--lux-transparency-alpha, 0.5) * 12%), var(--lux-accent) 6%) 0%, color-mix(in srgb, #0a0e14 calc(82% + var(--lux-transparency-alpha, 0.5) * 10%), transparent) 100% );
  --lux-btn-well-soft-base: linear-gradient( 180deg, color-mix(in srgb, #161c24 calc(72% + var(--lux-transparency-alpha, 0.5) * 14%), var(--lux-accent) 8%) 0%, color-mix(in srgb, #0c1016 calc(78% + var(--lux-transparency-alpha, 0.5) * 12%), transparent) 100% );
  --lux-btn-well: var(--lux-btn-fade), var(--lux-btn-well-base);
  --lux-btn-well-soft: var(--lux-btn-fade), var(--lux-btn-well-soft-base);
  --lux-btn-well-hover: var(--lux-btn-fade-hover), var(--lux-btn-well-base);
  --lux-btn-well-soft-hover: var(--lux-btn-fade-hover), var(--lux-btn-well-soft-base);
  --lux-btn-frame-shadow: 0 10px 26px rgba(0, 0, 0, 0.38), 0 0 0 1px color-mix(in srgb, var(--lux-accent) 22%, transparent), 0 4px 14px rgba(var(--lux-accent-rgb), 0.16), inset 0 1px 0 rgba(255, 255, 255, 0.2);
  --lux-btn-frame-shadow-hover: 0 14px 34px rgba(0, 0, 0, 0.42), 0 0 0 1px color-mix(in srgb, var(--lux-accent) 38%, transparent), 0 8px 22px rgba(var(--lux-accent-rgb), 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.28);
  --lux-btn-sheen: linear-gradient( 105deg, transparent 35%, rgba(255, 255, 255, 0.14) 48%, rgba(255, 255, 255, 0.28) 50%, rgba(255, 255, 255, 0.12) 52%, transparent 65% );
  --lux-btn-label: #f7fbff;
  --lux-panel-cta-danger: var(--lux-btn-fade), linear-gradient(180deg, color-mix(in srgb, #2a1010 75%, #dc2626 25%) 0%, color-mix(in srgb, #120606 85%, transparent) 100%);
  --lux-panel-cta-danger-hover: var(--lux-btn-fade-hover), linear-gradient(180deg, color-mix(in srgb, #3a1414 72%, #ef4444 28%) 0%, color-mix(in srgb, #180808 82%, transparent) 100%);
  --lux-btn-danger-border: #dc2626;
  --lux-btn-ghost-well: var(--lux-btn-well);
  --lux-btn-ghost-well-hover: var(--lux-btn-well-hover);
  --lux-btn-ghost-frame: var(--lux-btn-frame-metal-soft);
  --lux-btn-ghost-label: var(--lux-btn-label);
  --lux-btn-ghost-shadow: var(--lux-btn-frame-shadow);
  --lux-btn-ghost-shadow-hover: var(--lux-btn-frame-shadow-hover);
  --lux-field-radius: 10px;
  --lux-field-min-height: var(--lux-secondary-btn-min-height, 44px);
  --lux-field-border-width: var(--lux-btn-frame-width, 3.5px);
  --lux-field-border: var(--lux-btn-border-solid);
  --lux-field-fill: var(--lux-btn-well-soft);
  --lux-field-fill-focus: var(--lux-btn-well-soft-hover, var(--lux-btn-well-soft));
  --lux-field-shadow: var(--lux-btn-frame-shadow);
  --lux-field-shadow-focus: var(--lux-btn-frame-shadow-hover);
  --lux-field-focus-ring: 0 0 0 3px rgba(var(--lux-accent-rgb), 0.12);
}
:root {
  --lux-hero-glow: 0.24;
  --lux-page-haze-top: 0.06;
  --lux-page-haze-bottom: 0.11;
  --lux-glow-scale: 1;
  --lux-raised-alpha: 0.09;
  --lux-glass-alpha: 0.06;
  --lux-card-glow-alpha: 0.06;
  --lux-utility-alpha: 0.82;
}
html.lux-light-mode, body.lux-light-mode {
  --lux-panel-fill: color-mix(in srgb, rgba(250, 246, 240, calc(var(--lux-transparency-alpha, 0.70) * 0.82)) 88%, transparent);
  --lux-panel-surface-soft: radial-gradient(circle at 12% 0%, rgba(255, 255, 255, calc(var(--lux-color-fade-alpha, .86) * 0.62)), transparent 30%), radial-gradient(circle at 84% 0%, rgba(var(--lux-accent-rgb), calc(var(--lux-panel-glow, 0.22) * 0.55)), transparent 34%), linear-gradient(135deg, rgba(var(--lux-accent-rgb), calc(var(--lux-panel-glow, 0.22) * 0.22)), rgba(255, 255, 255, calc(var(--lux-transparency-alpha, .86) * 0.84)) 46%, rgba(247, 241, 232, calc(var(--lux-transparency-alpha, .86) * 0.72)));
  --lux-panel-surface:
    radial-gradient(circle at 16% 0%, rgba(255, 255, 255, calc(var(--lux-transparency-alpha, 0.70) * 0.35)), transparent 34%),
    radial-gradient(ellipse 42% 28% at 82% 14%, rgba(var(--lux-accent-rgb), calc(var(--lux-panel-glow, 0.22) * 0.38)), transparent 72%),
    radial-gradient(ellipse 36% 32% at 100% 50%, rgba(var(--lux-accent-rgb), calc(var(--lux-panel-glow, 0.22) * 0.35)), transparent 68%),
    linear-gradient(145deg,
      rgba(var(--lux-accent-rgb), calc(var(--lux-panel-glow, 0.22) * 0.40)),
      rgba(250, 246, 240, var(--lux-transparency-alpha, 0.70)) 48%,
      rgba(244, 238, 228, var(--lux-transparency-alpha, 0.70)) 100%
    );
  --lux-panel-border-soft: rgba(var(--lux-accent-rgb), 0.11);
  --lux-panel-border: rgba(var(--lux-accent-rgb), 0.16);
  --lux-panel-host-border: color-mix(
    in srgb,
    rgba(var(--lux-accent-rgb), calc(var(--lux-panel-glow, 0.22) * 0.90)) 48%,
    var(--lux-soft-chrome-border, var(--lux-panel-border))
  );
  --lux-soft-chrome-rim-ring: 0 0 0 1px rgba(var(--lux-accent-rgb), calc(var(--lux-panel-glow, 0.22) * 0.50));
  --lux-soft-chrome-rim-soft-ring: 0 0 0 1px rgba(var(--lux-accent-rgb), calc(var(--lux-panel-glow, 0.22) * 0.40));
  --lux-soft-chrome-rim-glow: 0 0 18px rgba(var(--lux-accent-rgb), calc(var(--lux-panel-glow, 0.22) * 0.32));
  --lux-soft-chrome-rim-soft-glow: 0 0 12px rgba(var(--lux-accent-rgb), calc(var(--lux-panel-glow, 0.22) * 0.22));
  --lux-soft-chrome-rim-halo: 0 0 40px rgba(var(--lux-accent-rgb), calc(var(--lux-panel-glow, 0.22) * 0.16));
  --lux-soft-chrome-border-accent: color-mix(
    in srgb,
    rgba(var(--lux-accent-rgb), calc(var(--lux-panel-glow, 0.22) * 0.90)) 48%,
    var(--lux-soft-chrome-border, var(--lux-panel-border))
  );
  --lux-soft-chrome-chip-shadow:
    var(--lux-soft-chrome-rim-ring),
    var(--lux-soft-chrome-rim-glow),
    var(--lux-soft-chrome-shadow, var(--lux-elev-2));
  --lux-soft-chrome-surface-shadow:
    var(--lux-soft-chrome-rim-soft-ring),
    var(--lux-soft-chrome-rim-soft-glow),
    var(--lux-soft-chrome-shadow, var(--lux-elev-2));
  --lux-soft-chrome-chip-shadow-halo:
    var(--lux-soft-chrome-rim-ring),
    var(--lux-soft-chrome-rim-glow),
    var(--lux-soft-chrome-rim-halo),
    var(--lux-soft-chrome-shadow, var(--lux-elev-2));
  --lux-panel-host-shadow:
    var(--lux-soft-chrome-rim-ring),
    var(--lux-soft-chrome-rim-glow),
    var(--lux-soft-chrome-shadow, var(--lux-elev-2));
  --lux-elev-1: 0 6px 16px rgba(107, 91, 62, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.55);
  --lux-elev-2: 0 14px 30px rgba(107, 91, 62, 0.10), inset 0 1px 0 rgba(255, 255, 255, 0.62);
  --lux-elev-3: 0 22px 48px rgba(107, 91, 62, 0.13), inset 0 1px 0 rgba(255, 255, 255, 0.74), 0 0 0 1px rgba(var(--lux-accent-rgb), 0.035);
  --lux-panel-control: color-mix(in srgb, rgba(255, 255, 255, calc(var(--lux-transparency-alpha, 0.70) * 0.78)) 88%, rgba(var(--lux-accent-rgb), 0.04));
  --lux-soft-chrome-control: color-mix(in srgb, var(--lux-panel-fill, rgba(250, 246, 240, 0.82)) 76%, transparent);
}
body.lux-full-paint {
  --home-glass-border: color-mix( in srgb, rgba(var(--lux-accent-rgb), 0.72) 58%, var(--lux-border) );

  --home-glass-fill: rgba(8, 12, 21, var(--lux-transparency-alpha, 0.70));
  --home-chip-fill: rgba(12, 18, 28, calc(0.22 + var(--lux-transparency-alpha, 0.70) * 0.35));
  --lux-soft-chrome-surface:
    radial-gradient(circle at 16% 0%, rgba(255, 255, 255, calc(var(--lux-transparency-alpha, 0.70) * 0.10)), transparent 34%),
    radial-gradient(circle at 80% 18%, rgba(var(--lux-accent-rgb), calc(var(--lux-panel-glow, 0.22) * 0.90)), transparent 38%),
    linear-gradient(145deg,
      rgba(var(--lux-accent-rgb), calc(var(--lux-panel-glow, 0.22) * 0.45)),
      rgba(8, 12, 21, var(--lux-transparency-alpha, 0.70)) 44%,
      rgba(6, 9, 16, var(--lux-transparency-alpha, 0.70)) 100%
    );
  --lux-soft-chrome-border: color-mix(in srgb, var(--home-glass-border) 62%, transparent);
  --lux-soft-chrome-shadow:
    0 0 0 1px rgba(var(--lux-accent-rgb), 0.08),
    0 0 12px rgba(var(--lux-accent-rgb), 0.04),
    0 14px 32px rgba(0, 0, 0, 0.18),
    inset 0 1px 0 rgba(255, 255, 255, 0.08);
  --home-fade-soft: var(--lux-soft-chrome-surface);
  --home-fade-border-soft: var(--lux-soft-chrome-border);
  --home-fade-shadow-soft: var(--lux-soft-chrome-shadow);
  --home-fade-shadow-hover:
    0 8px 20px rgba(0, 0, 0, 0.14),
    0 0 0 1px rgba(var(--lux-accent-rgb), 0.16),
    inset 0 1px 0 rgba(255, 255, 255, 0.12);
  --home-chip-hover-lift: -3px;
  --home-chip-hover-lift-nested: -1px;

  --home-chip-glass-fill: color-mix(in srgb, var(--home-glass-fill) 72%, transparent);

  --home-chip-surface-fill: color-mix(in srgb, var(--home-chip-fill) 58%, transparent);

  --lux-panel-fill: color-mix(in srgb, var(--home-glass-fill) 88%, transparent);
  --lux-panel-surface:
    radial-gradient(circle at 16% 0%, rgba(255, 255, 255, calc(var(--lux-transparency-alpha, 0.70) * 0.10)), transparent 34%),
    radial-gradient(ellipse 42% 28% at 82% 14%, rgba(var(--lux-accent-rgb), calc(var(--lux-panel-glow, 0.22) * 0.42)), transparent 72%),
    linear-gradient(145deg,
      rgba(var(--lux-accent-rgb), calc(var(--lux-panel-glow, 0.22) * 0.45)),
      rgba(8, 12, 21, var(--lux-transparency-alpha, 0.70)) 44%,
      rgba(6, 9, 16, var(--lux-transparency-alpha, 0.70)) 100%
    );
  --lux-panel-blur-filter: blur(calc(var(--lux-transparency-blur, 14px) * 0.55));

  --home-fade-blur: blur(var(--lux-transparency-blur, calc(var(--lux-transparency-alpha, 0.70) * 24px)))
    saturate(calc(100% + var(--lux-transparency-alpha, 0.70) * 25%));
  --lux-focus-fill: var(--lux-soft-chrome-surface);
  --lux-focus-border: var(--lux-soft-chrome-border);
  --lux-focus-shadow: var(--lux-soft-chrome-shadow);
}
html.lux-light-mode body.lux-full-paint, body.lux-light-mode.lux-full-paint {
  --home-glass-border: color-mix( in srgb, rgba(var(--lux-accent-rgb), 0.74) 68%, var(--lux-border) );
  --home-glass-fill: rgba(250, 246, 240, calc(var(--lux-transparency-alpha, 0.70) * 0.82));
  --home-chip-fill: rgba(255, 255, 255, calc(0.28 + var(--lux-transparency-alpha, 0.70) * 0.40));

  --lux-soft-chrome-surface:
    radial-gradient(circle at 16% 0%, rgba(255, 255, 255, calc(var(--lux-transparency-alpha, 0.70) * 0.35)), transparent 34%),
    radial-gradient(circle at 80% 18%, rgba(var(--lux-accent-rgb), calc(var(--lux-panel-glow, 0.22) * 0.90)), transparent 38%),
    radial-gradient(circle at 100% 50%, rgba(var(--lux-accent-rgb), calc(var(--lux-panel-glow, 0.22) * 0.70)), transparent 44%),
    linear-gradient(145deg,
      rgba(var(--lux-accent-rgb), calc(var(--lux-panel-glow, 0.22) * 0.40)),
      rgba(250, 246, 240, var(--lux-transparency-alpha, 0.70)) 48%,
      rgba(244, 238, 228, var(--lux-transparency-alpha, 0.70)) 100%
    );
  --lux-soft-chrome-border: color-mix(in srgb, var(--home-glass-border) 82%, transparent);
  --lux-soft-chrome-shadow:
    0 0 0 1px rgba(var(--lux-accent-rgb), 0.18),
    0 0 18px rgba(var(--lux-accent-rgb), 0.08),
    0 12px 28px rgba(var(--lux-shadow-ink-rgb), 0.10),
    inset 0 1px 0 rgba(255, 255, 255, 0.65);
  --home-fade-soft: var(--lux-soft-chrome-surface);
  --home-fade-border-soft: var(--lux-soft-chrome-border);
  --home-fade-shadow-soft: var(--lux-soft-chrome-shadow);
  --home-fade-shadow-hover:
    0 8px 20px rgba(73, 48, 25, 0.12),
    0 0 0 1px rgba(var(--lux-accent-rgb), 0.16),
    inset 0 1px 0 rgba(255, 255, 255, 0.72);
  --home-fade-blur: blur(var(--lux-transparency-blur, calc(var(--lux-transparency-alpha, 0.70) * 24px)))
    saturate(calc(100% + var(--lux-transparency-alpha, 0.70) * 25%));
  --lux-focus-fill: var(--lux-soft-chrome-surface);
  --lux-focus-border: var(--lux-soft-chrome-border);
  --lux-focus-shadow: var(--lux-soft-chrome-shadow);
  --lux-panel-fill: color-mix(in srgb, var(--home-glass-fill) 88%, transparent);
  --lux-panel-surface:
    radial-gradient(circle at 16% 0%, rgba(255, 255, 255, calc(var(--lux-transparency-alpha, 0.70) * 0.35)), transparent 34%),
    radial-gradient(ellipse 42% 28% at 82% 14%, rgba(var(--lux-accent-rgb), calc(var(--lux-panel-glow, 0.22) * 0.38)), transparent 72%),
    radial-gradient(ellipse 36% 32% at 100% 50%, rgba(var(--lux-accent-rgb), calc(var(--lux-panel-glow, 0.22) * 0.35)), transparent 68%),
    linear-gradient(145deg,
      rgba(var(--lux-accent-rgb), calc(var(--lux-panel-glow, 0.22) * 0.40)),
      rgba(250, 246, 240, var(--lux-transparency-alpha, 0.70)) 48%,
      rgba(244, 238, 228, var(--lux-transparency-alpha, 0.70)) 100%
    );
  --lux-panel-blur-filter: blur(calc(var(--lux-transparency-blur, 14px) * 0.55));
}

html.lux-fully-opaque body.lux-full-paint {
  --home-glass-fill: rgba(8, 12, 21, 0.96);
  --home-chip-fill: rgba(12, 18, 28, 0.55);
  --home-chip-glass-fill: var(--home-glass-fill);
  --lux-panel-fill: rgba(8, 12, 21, 1);
  --lux-panel-surface:
    radial-gradient(circle at 16% 0%, rgba(255, 255, 255, 0.08), transparent 34%),
    radial-gradient(ellipse 42% 28% at 82% 14%, rgba(var(--lux-accent-rgb), calc(var(--lux-panel-glow, 0.22) * 0.38)), transparent 72%),
    linear-gradient(145deg,
      rgba(var(--lux-accent-rgb), calc(var(--lux-panel-glow, 0.22) * 0.45)),
      rgba(8, 12, 21, 1) 44%,
      rgba(6, 9, 16, 1) 100%
    );
  --lux-panel-blur-filter: blur(calc(8px * var(--lux-glass-blur-quality-mult, 1)));
  --lux-soft-chrome-surface:
    radial-gradient(circle at 16% 0%, rgba(255, 255, 255, 0.08), transparent 34%),
    radial-gradient(circle at 80% 18%, rgba(var(--lux-accent-rgb), calc(var(--lux-panel-glow, 0.22) * 0.90)), transparent 38%),
    linear-gradient(145deg,
      rgba(var(--lux-accent-rgb), calc(var(--lux-panel-glow, 0.22) * 0.45)),
      rgba(8, 12, 21, 0.96) 44%,
      rgba(6, 9, 16, 0.98) 100%
    );
  --home-fade-soft: var(--lux-soft-chrome-surface);
  --home-fade-blur: blur(calc(10px * var(--lux-glass-blur-quality-mult, 1))) saturate(118%);
  --lux-focus-fill: var(--lux-soft-chrome-surface);
}
html.lux-fully-opaque.lux-light-mode body.lux-full-paint,
html.lux-fully-opaque body.lux-light-mode.lux-full-paint,
html.lux-light-mode.lux-fully-opaque body.lux-full-paint {
  --home-glass-fill: rgba(250, 246, 240, 0.96);
  --home-chip-fill: rgba(255, 255, 255, 0.62);
  --home-chip-glass-fill: var(--home-glass-fill);
  --lux-panel-fill: rgba(250, 246, 240, 1);
  --lux-panel-surface:
    radial-gradient(circle at 16% 0%, rgba(255, 255, 255, 0.40), transparent 34%),
    radial-gradient(ellipse 42% 28% at 82% 14%, rgba(var(--lux-accent-rgb), calc(var(--lux-panel-glow, 0.22) * 0.34)), transparent 72%),
    radial-gradient(ellipse 36% 32% at 100% 50%, rgba(var(--lux-accent-rgb), calc(var(--lux-panel-glow, 0.22) * 0.30)), transparent 68%),
    linear-gradient(145deg,
      rgba(var(--lux-accent-rgb), calc(var(--lux-panel-glow, 0.22) * 0.35)),
      rgba(250, 246, 240, 1) 48%,
      rgba(244, 238, 228, 1) 100%
    );
  --lux-panel-blur-filter: blur(calc(8px * var(--lux-glass-blur-quality-mult, 1)));
  --lux-soft-chrome-surface:
    radial-gradient(circle at 16% 0%, rgba(255, 255, 255, 0.40), transparent 34%),
    radial-gradient(circle at 80% 18%, rgba(var(--lux-accent-rgb), calc(var(--lux-panel-glow, 0.22) * 0.80)), transparent 38%),
    radial-gradient(circle at 100% 50%, rgba(var(--lux-accent-rgb), calc(var(--lux-panel-glow, 0.22) * 0.60)), transparent 44%),
    linear-gradient(145deg,
      rgba(var(--lux-accent-rgb), calc(var(--lux-panel-glow, 0.22) * 0.35)),
      rgba(250, 246, 240, 0.96) 48%,
      rgba(244, 238, 228, 0.98) 100%
    );
  --home-fade-soft: var(--lux-soft-chrome-surface);
  --home-fade-blur: blur(calc(10px * var(--lux-glass-blur-quality-mult, 1))) saturate(118%);
  --lux-focus-fill: var(--lux-soft-chrome-surface);
}
:root {
  --lux-soft-chrome-surface: var(--lux-panel-surface-soft);
  --lux-soft-chrome-border: color-mix(in srgb, var(--lux-border, rgba(255, 255, 255, 0.08)) 64%, rgba(var(--lux-accent-rgb), 0.34));
  --lux-soft-chrome-shadow: var(--lux-elev-2);
  --lux-focus-fill: var(--lux-soft-chrome-surface);
  --lux-focus-border: var(--lux-soft-chrome-border);
  --lux-focus-shadow: var(--lux-soft-chrome-shadow);
}
html.lux-light-mode, body.lux-light-mode {
  --lux-soft-chrome-surface: var(--lux-panel-surface-soft);
  --lux-soft-chrome-border: color-mix(in srgb, var(--lux-border, rgba(48, 34, 22, 0.10)) 70%, rgba(var(--lux-accent-rgb), 0.22));
  --lux-soft-chrome-shadow: var(--lux-elev-2);
  --lux-focus-fill: var(--lux-soft-chrome-surface);
  --lux-focus-border: var(--lux-soft-chrome-border);
  --lux-focus-shadow: var(--lux-soft-chrome-shadow);
}
html.lux-light-mode, body.lux-light-mode {
  --lux-btn-border-solid: color-mix(in srgb, var(--lux-accent) 78%, #1a2a36 22%);
  --lux-btn-frame-metal: linear-gradient( 145deg, color-mix(in srgb, var(--lux-accent) 48%, #fff 52%) 0%, color-mix(in srgb, var(--lux-accent) 88%, #fff 12%) 22%, var(--lux-accent) 48%, var(--lux-accent-2, var(--lux-accent)) 72%, color-mix(in srgb, var(--lux-accent) 48%, #c4b5a0 52%) 100% );
  --lux-btn-frame-metal-soft: linear-gradient( 145deg, color-mix(in srgb, var(--lux-accent) 38%, #fff 62%) 0%, color-mix(in srgb, var(--lux-accent) 68%, #e8dfd2 32%) 50%, color-mix(in srgb, var(--lux-accent) 36%, #cfc0ae 64%) 100% );
  --lux-btn-fade: radial-gradient(circle at 84% 0%, rgba(var(--lux-accent-rgb), calc(var(--lux-panel-glow, 0.22) * 0.88)), transparent 42%), radial-gradient(circle at 14% 0%, rgba(var(--lux-accent-rgb), 0.30), transparent 40%);
  --lux-btn-fade-hover: radial-gradient(circle at 84% 0%, rgba(var(--lux-accent-rgb), calc(var(--lux-panel-glow, 0.22) * 0.96)), transparent 44%), radial-gradient(circle at 14% 0%, rgba(var(--lux-accent-rgb), 0.36), transparent 42%);
  --lux-btn-well-base: linear-gradient(180deg, color-mix(in srgb, #fbf7f1 94%, var(--lux-accent) 6%) 0%, #efe6da 100%);
  --lux-btn-well-soft-base: linear-gradient(180deg, #f8f3eb 0%, #ebe2d4 100%);
  --lux-btn-well: var(--lux-btn-fade), var(--lux-btn-well-base);
  --lux-btn-well-soft: var(--lux-btn-fade), var(--lux-btn-well-soft-base);
  --lux-btn-well-hover: var(--lux-btn-fade-hover), var(--lux-btn-well-base);
  --lux-btn-well-soft-hover: var(--lux-btn-fade-hover), var(--lux-btn-well-soft-base);
  --lux-btn-label: var(--lux-text, #1d2633);
  --lux-panel-cta-danger: var(--lux-btn-fade), linear-gradient(180deg, color-mix(in srgb, #f8e8e8 88%, #dc2626 12%) 0%, #efd4d4 100%);
  --lux-panel-cta-danger-hover: var(--lux-btn-fade-hover), linear-gradient(180deg, color-mix(in srgb, #fcecec 84%, #ef4444 16%) 0%, #e8c8c8 100%);
  --lux-btn-danger-border: #b91c1c;
  --lux-btn-frame-shadow: 0 8px 20px rgba(107, 91, 62, 0.14), 0 0 0 1px color-mix(in srgb, var(--lux-accent) 40%, transparent), inset 0 1px 0 rgba(255, 255, 255, 0.72);
  --lux-btn-frame-shadow-hover: 0 12px 28px rgba(107, 91, 62, 0.18), 0 0 0 1px color-mix(in srgb, var(--lux-accent) 55%, transparent), inset 0 1px 0 rgba(255, 255, 255, 0.82);
  --lux-btn-sheen: linear-gradient( 105deg, transparent 32%, rgba(255, 255, 255, 0.55) 46%, rgba(255, 255, 255, 0.92) 50%, rgba(var(--lux-accent-rgb), 0.22) 54%, transparent 68% );
  --lux-btn-ghost-well: var(--lux-btn-fade), linear-gradient(180deg, #f5efe6 0%, #e8dfd0 100%);
  --lux-btn-ghost-well-hover: var(--lux-btn-fade-hover), linear-gradient(180deg, #f5efe6 0%, #e8dfd0 100%);
  --lux-btn-ghost-frame: var(--lux-btn-frame-metal-soft);
  --lux-btn-ghost-label: var(--lux-text, #1d2633);
  --lux-btn-ghost-shadow: var(--lux-btn-frame-shadow);
  --lux-btn-ghost-shadow-hover: var(--lux-btn-frame-shadow-hover);
  --lux-field-radius: 10px;
  --lux-field-min-height: var(--lux-secondary-btn-min-height, 44px);
  --lux-field-border-width: var(--lux-btn-frame-width, 3.5px);
  --lux-field-border: var(--lux-btn-border-solid);
  --lux-field-fill: var(--lux-btn-well-soft);
  --lux-field-fill-focus: var(--lux-btn-well-soft-hover, var(--lux-btn-well-soft));
  --lux-field-shadow: var(--lux-btn-frame-shadow);
  --lux-field-shadow-focus: var(--lux-btn-frame-shadow-hover);
  --lux-field-focus-ring: 0 0 0 3px rgba(var(--lux-accent-rgb), 0.12);
}
body[data-lux-performance='efficient'] {

  --lux-transparency-saturate: 124%;
  --lux-glass-alpha: 0.052;
  --lux-utility-alpha: 0.8;
  --lux-card-glow-alpha: 0.05;
  --lux-soft-chrome-rim-halo: 0 0 0 transparent;
}
body[data-lux-performance='standard'] {
  --lux-transparency-saturate: 138%;
  --lux-glass-alpha: 0.06;
  --lux-utility-alpha: 0.82;
  --lux-card-glow-alpha: 0.06;
}
body[data-lux-performance='high'] {
  --lux-transparency-saturate: 148%;
  --lux-glass-alpha: 0.068;
  --lux-utility-alpha: 0.84;
  --lux-card-glow-alpha: 0.07;
}

/* source: assets/css/lux-fouc-ht.css */




:is(#lux-studio-backdrop, #lux-bg-mode-params-backdrop, #lux-bg-gallery-backdrop):not(.is-open):not(.is-closing) {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}
html.lux-transparency-pending body:not(.lux-light-mode) :is( .lux-card, .lux-panel, .lux-subcard, .lux-page-shell, .lux-dashboard-section, .lux-stat, .lux-hero, .lux-grid-widget, .lux-builder-card, .page-hero ) {
  background: var(--lux-panel-surface, linear-gradient(180deg, rgba(14, 20, 33, var(--lux-panel-alpha, 0.92)), rgba(8, 12, 21, var(--lux-panel-alpha, 0.92))));
  background-image: none;
}
html.lux-transparency-pending body.lux-light-mode :is( .lux-card, .lux-panel, .lux-subcard, .lux-page-shell, .lux-dashboard-section, .lux-stat, .lux-hero, .lux-grid-widget, .lux-builder-card, .page-hero ) {
  background: var(--lux-panel-surface, linear-gradient(180deg, rgba(252, 249, 244, var(--lux-panel-alpha, 0.92)), rgba(248, 244, 237, var(--lux-panel-alpha, 0.92))));
  background-image: none;
}

html.lux-high-transparency body:not(.lux-light-mode) :is( .lux-card, .lux-panel, .lux-subcard, .lux-hero, .lux-stat, .lux-grid-widget, .lux-builder-card, .lux-dashboard-section, .lux-page-shell, .page-hero, .lux-topbar-shell, .lux-quick-btn ) {
  background: var(--lux-panel-surface, linear-gradient(180deg, rgba(14, 20, 33, var(--lux-panel-alpha, 0.92)), rgba(8, 12, 21, var(--lux-panel-alpha, 0.92))));
}
html.lux-high-transparency body.lux-light-mode :is( .lux-card, .lux-panel, .lux-subcard, .lux-hero, .lux-stat, .lux-grid-widget, .lux-builder-card, .lux-dashboard-section, .lux-page-shell, .page-hero ) {
  background: var(--lux-panel-surface, linear-gradient(180deg, rgba(252, 249, 244, var(--lux-panel-alpha, 0.92)), rgba(248, 244, 237, var(--lux-panel-alpha, 0.92))));
}
html {
  overflow-y: scroll;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  background: var(--lux-bg);
  scroll-behavior: auto;
}
html, body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; }
[style*="position: fixed"], [style*="position:fixed"] { backface-visibility: hidden; -webkit-backface-visibility: hidden; }
.page-section:not(.active-page) { content-visibility: auto !important; contain-intrinsic-size: auto 800px; }
.lux-soft-chrome,
.home-hover-chip,
.social-neo-card,
.social-project-card-new { contain: layout paint; content-visibility: auto; contain-intrinsic-size: 0 300px; }

#app-content > .page-section.active-page,
#app-content > .page-section.active-page .lux-page-shell,
#app-content > .page-section.active-page .social-neo,
#app-content > .page-section.active-page :is(
  .lux-soft-chrome,
  .home-hover-chip,
  .social-neo-card,
  .social-project-card-new,
  .sch-rail-section,
  .newsx-feed-card,
  .newsx-loading-card
) {
  content-visibility: visible !important;
  contain-intrinsic-size: auto !important;
}

.route-boot-skeleton {
  display: grid;
  gap: 18px;
  align-content: start;
  min-height: 420px;
  padding: clamp(20px, 3vw, 34px);
  border: 1px solid color-mix(in srgb, var(--lux-border, rgba(255, 255, 255, 0.14)) 78%, transparent);
  border-radius: var(--lux-radius-lg, 24px);
  background: var(--lux-panel-surface, rgba(10, 18, 31, 0.62));
  box-shadow: var(--lux-shadow-soft, 0 20px 50px rgba(0, 0, 0, 0.16));
}
.route-boot-skeleton--directory { min-height: 520px; }
.route-boot-skeleton--social { min-height: 460px; }
.route-boot-skeleton__toolbar,
.route-boot-skeleton__grid,
.route-boot-skeleton__table { display: grid; gap: 12px; }
.route-boot-skeleton__toolbar { grid-template-columns: repeat(3, minmax(96px, 1fr)); }
.route-boot-skeleton__grid--filters { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.route-boot-skeleton__grid--cards { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.route-boot-skeleton__line,
.route-boot-skeleton__cell,
.route-boot-skeleton__card {
  display: block;
  border-radius: 12px;
  background: color-mix(in srgb, var(--lux-raised-surface, rgba(255, 255, 255, 0.08)) 82%, transparent);
  border: 1px solid color-mix(in srgb, var(--lux-border, rgba(255, 255, 255, 0.14)) 58%, transparent);
}
.route-boot-skeleton__line { width: 100%; height: 13px; }
.route-boot-skeleton__line--heading { width: 42%; height: 18px; }
.route-boot-skeleton__line--title { width: min(42%, 360px); height: 28px; }
.route-boot-skeleton__line--copy { width: min(68%, 520px); height: 13px; }
.route-boot-skeleton__line--button { height: 42px; }
.route-boot-skeleton__cell { min-height: 48px; }
.route-boot-skeleton__card { min-height: 118px; }
.route-boot-skeleton__table { gap: 16px; padding-top: 14px; }
.route-boot-skeleton__table--feed { min-height: 170px; }
@media (max-width: 760px) {
  .route-boot-skeleton__toolbar,
  .route-boot-skeleton__grid--filters,
  .route-boot-skeleton__grid--cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
#lux-shell { contain: layout paint; }
#app-content { contain: layout paint; }
.lux-summary-surface {
  position: relative;
  overflow: hidden;
  background-image: linear-gradient(180deg, rgba(255, 255, 255, calc(var(--lux-raised-alpha) + 0.01)), rgba(255, 255, 255, var(--lux-glass-alpha))), radial-gradient(circle at top right, rgba(var(--lux-accent-rgb), calc(0.08 + var(--lux-card-glow-alpha))), transparent 34%);
}
.lux-summary-surface::after {
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
  border-radius: inherit;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.06), transparent 36%), radial-gradient(circle at 18% 18%, rgba(var(--lux-accent-rgb), 0.07), transparent 38%);
  opacity: 0.72;
}
.lux-summary-surface > * { position: relative; z-index: 1; }
.lux-summary-surface--hero { box-shadow: var(--lux-elev-3, 0 24px 56px rgba(0, 0, 0, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.12)); }
.lux-summary-surface--panel { box-shadow: var(--lux-elev-2, 0 18px 40px rgba(0, 0, 0, 0.14), inset 0 1px 0 rgba(255, 255, 255, 0.08)); }
body.lux-light-mode .lux-summary-surface,
html.lux-light-mode body .lux-summary-surface {
  background-image: linear-gradient(180deg, rgba(255, 255, 255, calc(var(--lux-raised-alpha) + 0.02)), rgba(255, 255, 255, calc(var(--lux-glass-alpha) + 0.02))), radial-gradient(circle at top right, rgba(var(--lux-accent-rgb), calc(0.09 + var(--lux-card-glow-alpha))), transparent 34%);
}
[data-lux-observed-surface="1"][data-lux-offscreen="1"] {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
html.lux-high-transparency :is(
  #page-home #lux-home-shell .lux-home-merged.lux-soft-chrome
) {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
html.lux-shell-chrome-motion #lux-shell :is(.lux-nav-item) {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
  #lux-bg-canvas { display: none !important; }
  .lux-card, .lux-subcard, .lux-panel, .lux-nav-item, .lux-quick-btn, .lux-stat, .lux-alert, .lux-pill {
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }
}
body::before {
  content: '';
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  background: radial-gradient(circle at 18% 8%, rgba(var(--lux-accent-rgb), calc(0.16 * var(--lux-glow-scale))), transparent 24%), radial-gradient(circle at 84% 22%, rgba(var(--lux-accent-rgb), 0.1), transparent 22%), radial-gradient(circle at 58% 72%, rgba(var(--lux-accent-rgb), 0.08), transparent 26%), linear-gradient(180deg, rgba(255, 255, 255, var(--lux-page-haze-top)), rgba(255, 255, 255, 0) 44%), linear-gradient(180deg, rgba(5, 8, 16, 0), rgba(5, 8, 16, var(--lux-page-haze-bottom)));
  transform: translateZ(0);
  -webkit-transform: translateZ(0);
  backface-visibility: hidden;
  contain: strict;
}
body:not(.lux-light-mode)::before {
  background: radial-gradient(circle at 16% 10%, rgba(var(--lux-bg-glow-rgb), calc(0.18 * var(--lux-glow-scale))), transparent 24%), radial-gradient(circle at 84% 20%, rgba(var(--lux-bg-haze-rgb), 0.1), transparent 22%), radial-gradient(circle at 62% 76%, rgba(var(--lux-bg-line-rgb), 0.06), transparent 26%), linear-gradient(180deg, rgba(13, 19, 32, var(--lux-page-haze-top)), rgba(13, 19, 32, 0) 38%), linear-gradient(180deg, rgba(3, 6, 12, 0), rgba(3, 6, 12, var(--lux-page-haze-bottom)));
}
body[data-lux-background-animation="off"][data-lux-static-background="dark"] {
  background: #05080f !important;
}
body[data-lux-background-animation="off"][data-lux-static-background="dark"]::before {
  background: #05080f;
}
body[data-lux-background-animation="off"][data-lux-static-background="white"] {
  background: #ffffff !important;
}
body[data-lux-background-animation="off"][data-lux-static-background="white"]::before {
  background: #ffffff;
}
body:not(.lux-light-mode)[data-lux-background-animation="off"][data-lux-static-background="colored"] {
  background: var(--lux-shell-background) !important;
}
body:not(.lux-light-mode)[data-lux-background-animation="off"][data-lux-static-background="colored"]::before {
  background: radial-gradient(circle at 16% 10%, rgba(var(--lux-bg-glow-rgb), calc(0.18 * var(--lux-glow-scale, 1))), transparent 24%), radial-gradient(circle at 84% 20%, rgba(var(--lux-bg-haze-rgb), calc(0.10 * var(--lux-glow-scale, 1))), transparent 22%), radial-gradient(circle at 62% 76%, rgba(var(--lux-bg-line-rgb), calc(0.06 * var(--lux-glow-scale, 1))), transparent 26%);
}


body[data-lux-background-animation="off"]:not([data-lux-static-background="gallery"]) #lux-bg-canvas,
body[data-lux-background-animation="off"]:not([data-lux-static-background="gallery"]) #lux-bg-fog {
  display: none !important;
}

#lux-bg-media {
  position: fixed;
  inset: 0;
  width: 100vw;
  height: 100dvh;
  min-width: 100%;
  min-height: 100%;
  z-index: 1;
  pointer-events: none;
  overflow: hidden;
  background: #000;
  padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);
  box-sizing: border-box;
}
#lux-bg-media img,
#lux-bg-media video,
#lux-bg-media .lux-bg-gallery-media {
  width: 100%;
  height: 100%;
  min-width: 100%;
  min-height: 100%;
  object-fit: fill;
  object-position: center center;
  display: block;
}
body[data-lux-static-background="gallery"] #lux-bg-canvas,
body[data-lux-static-background="gallery"] #lux-bg-fog,
body[data-lux-static-background="gallery"] #lux-bg-overlay {
  opacity: 0 !important;
}
body[data-lux-static-background="gallery"]::before {
  opacity: 0 !important;
}
body[data-lux-background-animation="on"]:not([data-lux-static-background="gallery"])::before {
  opacity: 0;
}
#lux-bg-canvas {
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  pointer-events: none;
  opacity: var(--lux-canvas-opacity);
  transform: translateZ(0);
  -webkit-transform: translateZ(0);
  backface-visibility: hidden;
  contain: strict;
}
#lux-bg-fog {
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  pointer-events: none;
  display: none;
}
body[data-lux-background-mode="fog"][data-lux-background-animation="on"] #lux-bg-fog {
  display: block;
}
body[data-lux-background-mode="fog"][data-lux-background-animation="on"] #lux-bg-canvas {
  display: none !important;
}
#lux-bg-overlay {
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 2;
  opacity: var(--lux-overlay-opacity);
  background: radial-gradient(circle at 50% 14%, rgba(var(--lux-accent-rgb), var(--lux-hero-glow)), transparent 28%), linear-gradient(180deg, rgba(5, 8, 16, 0.01), rgba(5, 8, 16, 0.18));
  transform: translateZ(0);
  -webkit-transform: translateZ(0);
  backface-visibility: hidden;
  contain: strict;
}
body:not(.lux-light-mode) #lux-bg-overlay {
  background: radial-gradient(circle at 18% 14%, rgba(var(--lux-bg-glow-rgb), 0.08), transparent 26%), radial-gradient(circle at 76% 82%, rgba(var(--lux-bg-haze-rgb), 0.06), transparent 34%), linear-gradient(180deg, rgba(7, 10, 18, 0), rgba(2, 5, 11, 0.24));
}
body.lux-light-mode #lux-bg-overlay {
  background: linear-gradient(115deg, rgba(255, 255, 255, 0.18), transparent 35%), linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(239, 235, 228, 0.24));
}
body[data-lux-background-mode='peak'] #lux-bg-overlay, body[data-lux-background-mode='layered'] #lux-bg-overlay, body[data-lux-background-mode='orbit'] #lux-bg-overlay, body[data-lux-background-mode='corners'] #lux-bg-overlay, body:not([data-lux-background-mode]) #lux-bg-overlay {
  background: radial-gradient(circle at 16% 14%, rgba(var(--lux-bg-glow-rgb), 0.16), transparent 24%), radial-gradient(circle at 82% 20%, rgba(var(--lux-accent-rgb), 0.12), transparent 22%), linear-gradient(180deg, rgba(255, 255, 255, 0.02), transparent 58%);
}
body.lux-light-mode[data-lux-background-mode='peak'] #lux-bg-overlay, body.lux-light-mode[data-lux-background-mode='layered'] #lux-bg-overlay, body.lux-light-mode[data-lux-background-mode='orbit'] #lux-bg-overlay, body.lux-light-mode[data-lux-background-mode='corners'] #lux-bg-overlay, body.lux-light-mode:not([data-lux-background-mode]) #lux-bg-overlay {
  background: radial-gradient(circle at 16% 14%, rgba(var(--lux-bg-glow-rgb), 0.12), transparent 24%), radial-gradient(circle at 82% 20%, rgba(var(--lux-accent-rgb), 0.09), transparent 22%), linear-gradient(180deg, rgba(255, 255, 255, 0.06), rgba(239, 235, 228, 0.08));
}

body[data-lux-background-animation="off"] #lux-bg-canvas,
body[data-lux-background-animation="off"] #lux-bg-overlay {
  opacity: 0;
  pointer-events: none !important;
}
html body[data-lux-background-animation="on"] #lux-bg-canvas { opacity: 1; filter: none; }
html body[data-lux-background-animation="on"] #lux-bg-overlay {
  opacity: 0;
  background: transparent;
  pointer-events: none !important;
}
.lux-user-menu {
  position: absolute;
  top: calc(100% + 10px);
  right: 0;
  min-width: 180px;
  padding: 8px;
  border-radius: 16px;
  border: 1px solid var(--lux-panel-host-border, var(--lux-border));
  background-color: var(--lux-panel-fill);
  background-image: var(--lux-panel-surface);
  box-shadow: var(--lux-panel-host-shadow, var(--lux-shadow));
  backdrop-filter: var(--lux-panel-blur-filter);
  -webkit-backdrop-filter: var(--lux-panel-blur-filter);
  display: none;
  transform-origin: top right;
  opacity: 0;
  pointer-events: none;
  transform: translateY(var(--lux-droplist-slide-offset, 14px)) scale(var(--lux-droplist-scale-closed, 0.88));
  transition:
    opacity calc(var(--lux-droplist-anim-duration, 240ms) * 0.72) var(--lux-droplist-anim-ease, cubic-bezier(0.16, 1, 0.3, 1)),
    transform var(--lux-droplist-anim-duration, 240ms) var(--lux-droplist-anim-ease, cubic-bezier(0.16, 1, 0.3, 1));
}
.lux-user-menu.is-open {
  opacity: 1;
  transform: translateY(0) scale(1);
  pointer-events: auto;
}
.lux-user-menu.is-closing:not(.is-open) {
  opacity: 0;
  transform: translateY(var(--lux-droplist-slide-offset, 14px)) scale(var(--lux-droplist-scale-closed, 0.88));
  pointer-events: none;
  transition:
    opacity var(--lux-droplist-anim-close-duration, 180ms) var(--lux-droplist-anim-ease-out, ease-in),
    transform var(--lux-droplist-anim-close-duration, 180ms) var(--lux-droplist-anim-ease-out, ease-in);
}
.lux-user-menu:is(.is-open, .is-closing) {
  display: block;
  will-change: opacity, transform;
}
.lux-user-menu button {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  width: 100%;
  text-align: left;
  padding: 10px 12px;
  border: none;
  background: transparent;
  color: var(--lux-text-muted);
  border-radius: 10px;
  cursor: pointer;
}
.lux-user-menu button::before {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  z-index: 0;
  opacity: 0;
  background: rgba(255, 255, 255, 0.05);
  transition: opacity 0.18s ease;
}
.lux-user-menu button > * { position: relative; z-index: 1; }
.lux-user-menu button:hover { color: var(--lux-text); }
.lux-user-menu button:hover::before { opacity: 1; }
body.lux-light-mode .lux-user-menu button::before {
  background: rgba(26, 36, 51, 0.05);
}
#app-content {
  contain: layout paint;
  margin-left: var(--lux-sidebar-width);
  padding: 118px 28px 42px !important;
  min-height: 100vh;
  background: transparent;
  position: relative;
  z-index: 5;
}
body.lux-light-mode .lux-user-menu {
  background-color: var(--lux-panel-fill);
  background-image: var(--lux-panel-surface);
}
body.lux-light-mode .lux-pill, body.lux-light-mode .lux-stat, body.lux-light-mode .lux-mode-btn, body.lux-light-mode .lux-bg-mode-btn, body.lux-light-mode .lux-user-chip, body.lux-light-mode .lux-quick-btn, body.lux-light-mode .lux-strip-card, body.lux-light-mode .lux-hero-side, body.lux-light-mode .lux-utility-item {
  background: linear-gradient(180deg, rgba(var(--lux-glass-tint-rgb), calc(var(--lux-raised-fill-alpha) + var(--lux-glass-highlight-alpha))), rgba(var(--lux-glass-tint-rgb), var(--lux-raised-fill-alpha)));
}

body.lux-full-paint.lux-unified-shell #lux-topbar :is(.lux-picker-btn, .lux-icon-btn, .lux-sidebar-toggle-btn, .lux-topbar-editor-btn) {
  background: var(--lux-btn-ghost-well, var(--lux-btn-well));
  background-origin: padding-box;
  background-clip: padding-box;
  border-width: var(--lux-btn-frame-width, 3.5px);
  border-style: solid;
  border-color: var(--lux-btn-border-solid, var(--lux-accent));
  border-radius: var(--lux-btn-pill-radius, 0 22px 0 22px);
  box-shadow: var(--lux-btn-ghost-shadow, var(--lux-btn-frame-shadow));
  color: var(--lux-btn-ghost-label, var(--lux-btn-label, #f7fbff));
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
body.lux-full-paint.lux-unified-shell #lux-topbar :is(.lux-picker-btn, .lux-icon-btn, .lux-sidebar-toggle-btn, .lux-topbar-editor-btn):is(:hover, .is-active, [aria-expanded="true"], :focus-visible) {
  background: var(--lux-btn-ghost-well-hover, var(--lux-btn-well-hover, var(--lux-btn-ghost-well, var(--lux-btn-well))));
  border-color: var(--lux-btn-border-solid, var(--lux-accent));
  box-shadow: var(--lux-btn-ghost-shadow-hover, var(--lux-btn-frame-shadow-hover));
  color: var(--lux-btn-ghost-label, var(--lux-btn-label, #f7fbff));
}
body.lux-full-paint.lux-unified-shell.lux-light-mode #lux-topbar :is(.lux-picker-btn, .lux-icon-btn, .lux-sidebar-toggle-btn, .lux-topbar-editor-btn),
html.lux-light-mode body.lux-full-paint.lux-unified-shell #lux-topbar :is(.lux-picker-btn, .lux-icon-btn, .lux-sidebar-toggle-btn, .lux-topbar-editor-btn) {
  color: var(--lux-btn-ghost-label, var(--lux-text, #1d2633));
  text-shadow: none;
}
.lux-utility-wrap > .lux-icon-btn {
  position: relative;
  z-index: 3;
}
.lux-utility-panel {
  position: absolute;
  top: calc(100% + 14px);
  right: 0;
  width: min(390px, calc(100vw - 48px));
  padding: 12px;
  border-radius: 24px;
  border: 1px solid var(--lux-panel-host-border);
  background-color: var(--lux-panel-fill);
  background-image: var(--lux-panel-surface);
  box-shadow: var(--lux-panel-host-shadow);
  backdrop-filter: var(--lux-panel-blur-filter);
  -webkit-backdrop-filter: var(--lux-panel-blur-filter);
  display: none;
  transform-origin: top right;
  z-index: 2;
  opacity: 0;
  pointer-events: none;
  transform: translateY(var(--lux-droplist-slide-offset, 14px)) scale(var(--lux-droplist-scale-closed, 0.88));
  transition:
    opacity calc(var(--lux-droplist-anim-duration, 240ms) * 0.72) var(--lux-droplist-anim-ease, cubic-bezier(0.16, 1, 0.3, 1)),
    transform var(--lux-droplist-anim-duration, 240ms) var(--lux-droplist-anim-ease, cubic-bezier(0.16, 1, 0.3, 1));
}
.lux-utility-panel.is-open {
  opacity: 1;
  transform: translateY(0) scale(1);
  pointer-events: auto;
}
.lux-utility-panel.is-open.is-open-above {
  transform: translateY(-100%) scale(1);
  transform-origin: bottom right;
}
.lux-utility-panel.is-closing:not(.is-open) {
  opacity: 0;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  transform: translateY(var(--lux-droplist-slide-offset, 14px)) scale(var(--lux-droplist-scale-closed, 0.88));
  pointer-events: none;
  transition:
    opacity var(--lux-droplist-anim-close-duration, 180ms) var(--lux-droplist-anim-ease-out, ease-in),
    transform var(--lux-droplist-anim-close-duration, 180ms) var(--lux-droplist-anim-ease-out, ease-in);
}
.lux-utility-panel:is(.is-open, .is-closing) {
  display: block;
  will-change: opacity, transform;
}
:is(body, html) #lux-topbar:has(.lux-utility-panel:is(.is-open, .is-closing)),
:is(body, html) #lux-topbar:has(.lux-utility-wrap > .lux-icon-btn.is-active),
:is(body, html) #lux-topbar.has-open-utility,
:is(body, html) body:has(.lux-utility-panel:is(.is-open, .is-closing)) #lux-topbar,
:is(body, html) body.lux-has-open-utility #lux-topbar {
  z-index: var(--lux-z-shell, 100);
}
.lux-utility-wrap:has(.lux-utility-panel:is(.is-open, .is-closing)),
.lux-utility-wrap:has(> .lux-icon-btn.is-active),
.lux-utility-wrap.is-active,
.lux-utility-wrap:focus-within {
  z-index: var(--lux-z-shell-control, 110);
}
.lux-utility-panel:is(.is-open, .is-closing) {
  z-index: var(--lux-z-shell-popover, 950);
}
@media (prefers-reduced-motion: reduce) {
  .lux-utility-panel,
  .lux-user-menu {
    transition: none;
  }
  .lux-utility-panel:not(.is-open),
  .lux-utility-panel.is-closing:not(.is-open),
  .lux-user-menu:not(.is-open),
  .lux-user-menu.is-closing:not(.is-open) {
    filter: none;
  }
}
.lux-utility-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  padding: 4px 4px 12px;
  border-bottom: 1px solid var(--lux-soft-chrome-border-accent, var(--lux-panel-host-border));
}
.lux-utility-head > div:first-child {
  display: grid;
  gap: 4px;
  min-width: 0;
}
.lux-utility-head strong {
  font-size: 15px;
  font-weight: 800;
  line-height: 1.25;
  color: var(--lux-text);
}
.lux-utility-head span {
  font-size: 12px;
  line-height: 1.45;
  color: var(--lux-text-muted);
}
.lux-utility-head .lux-ghost-btn {
  flex: 0 0 auto;
  min-height: 34px;
  padding: 6px 12px;
  font-size: 12px;
}
.lux-utility-panel .lux-utility-category-filters.lux-tab-strip--segmented {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 3px;
  width: 100%;
  min-width: 0;
  margin-top: 12px;
}
.lux-utility-panel .lux-utility-category-filters .lux-tab-btn {
  min-height: 34px;
  padding: 6px 6px;
  font-size: 11px;
}
.lux-utility-panel .lux-utility-category-filters .lux-tab-btn span:not(.lux-tab-badge) {
  overflow: hidden;
  text-overflow: ellipsis;
}
body.lux-light-mode .lux-utility-panel .lux-utility-category-filters.lux-tab-strip--segmented .lux-tab-btn:not(.is-active):not([aria-pressed="true"]):not([aria-selected="true"]),
html.lux-light-mode body .lux-utility-panel .lux-utility-category-filters.lux-tab-strip--segmented .lux-tab-btn:not(.is-active):not([aria-pressed="true"]):not([aria-selected="true"]) {
  color: color-mix(in srgb, var(--lux-text) 72%, transparent);
}
.lux-utility-list {
  display: grid;
  gap: 8px;
  padding-top: 12px;
  max-height: min(360px, 45vh);
  overflow: auto;
  align-content: start;
  grid-auto-rows: max-content;
}
.lux-utility-item {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 12px;
  align-items: start;
  width: 100%;
  min-width: 0;
  padding: 12px 14px;
  border-radius: 16px;
  border: 1px solid var(--lux-soft-chrome-border-accent);
  background-color: var(--home-chip-surface-fill, color-mix(in srgb, var(--home-chip-fill, transparent) 58%, transparent));
  background-image: var(--lux-soft-chrome-surface);
  box-shadow: var(--lux-soft-chrome-surface-shadow);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  background-clip: padding-box;
  color: inherit;
  text-align: left;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
  font-family: inherit;
  contain: none;
  overflow: visible;
  transition: border-color 180ms ease, box-shadow 180ms ease;
}
.lux-utility-item:hover,
.lux-utility-item:focus-visible {
  border-color: color-mix(in srgb, var(--lux-soft-chrome-border-accent) 50%, rgba(var(--lux-accent-rgb), 0.5));
  box-shadow:
    inset 3px 0 0 rgba(var(--lux-accent-rgb), 0.75),
    var(--lux-soft-chrome-chip-shadow, var(--lux-elev-2));
  outline: none;
}
.lux-utility-item-icon {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 12px;
  background: var(--lux-btn-well-soft);
  border: 1px solid var(--lux-btn-border-solid, rgba(var(--lux-accent-rgb), 0.22));
  box-shadow: var(--lux-btn-frame-shadow);
  color: var(--lux-accent-2);
  font-size: 13px;
}
.lux-utility-item-copy {
  display: grid;
  gap: 4px;
  min-width: 0;
}
.lux-utility-item-copy strong {
  display: block;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.35;
  color: var(--lux-text);
  overflow-wrap: anywhere;
  word-break: break-word;
}
.lux-utility-item-copy span {
  display: block;
  font-size: 12px;
  line-height: 1.45;
  color: var(--lux-text-muted);
}
.lux-utility-item em {
  flex: 0 0 auto;
  align-self: center;
  min-width: 0;
  font-size: 11px;
  font-style: normal;
  line-height: 1.35;
  color: var(--lux-text-soft, var(--lux-text-muted));
  text-align: right;
  white-space: nowrap;
}
.lux-utility-item em:empty {
  display: none;
}
.lux-utility-empty {
  display: grid;
  gap: 6px;
  padding: 18px;
  border-radius: 16px;
  border: 1px dashed var(--lux-soft-chrome-border-accent, var(--lux-border));
  background-color: var(--home-chip-surface-fill, color-mix(in srgb, var(--home-chip-fill, transparent) 58%, transparent));
  background-image: var(--lux-soft-chrome-surface);
  box-shadow: var(--lux-soft-chrome-chip-shadow, var(--lux-elev-2));
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  background-clip: padding-box;
  text-align: center;
  contain: none;
  overflow: visible;
}
.lux-utility-empty strong {
  font-size: 13px;
  font-weight: 700;
  color: var(--lux-text);
}
.lux-utility-empty span {
  font-size: 12px;
  line-height: 1.45;
  color: var(--lux-text-muted);
}
.lux-hero { min-height: 240px; padding: 26px; }

body.lux-unified-shell :is(.page-hero, .lux-panel, .lux-alert, [data-lux-glass-root="1"]:not(.lux-glass-dialog-card)):not(.modal-content[data-lux-transparency-exempt="1"]) {
  position: relative;
  isolation: isolate;
  background-color: var(--lux-panel-fill);
  background-image: var(--lux-panel-surface);
  border: 1px solid var(--lux-panel-host-border);
  border-radius: var(--lux-panel-radius, 22px);
  box-shadow: var(--lux-panel-host-shadow);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  background-clip: padding-box;
}


body.lux-unified-shell :is(.page-hero, .lux-panel, .lux-alert, [data-lux-glass-root="1"]:not(.lux-glass-dialog-card)):not(.modal-content[data-lux-transparency-exempt="1"])::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  border-radius: inherit;
  pointer-events: none;
  contain: paint;
  transform: translateZ(0);
  backdrop-filter: var(--lux-panel-blur-filter);
  -webkit-backdrop-filter: var(--lux-panel-blur-filter);
}


body.lux-route-registration .registration-studio-shell[data-lux-glass-root="1"] > :is(
  .page-hero,
  .registration-studio-deck,
  .registration-workspace
) {
  background: none;
  background-image: none;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}


body.lux-route-home #page-home #lux-home-shell :is(
  .lux-home-grid > .lux-panel,
  .lux-home-grid > .lux-card,
  .lux-home-grid > .lux-hero,
  .lux-home-merged :is(
    .lms-hero-focus,
    .lux-hero-side,
    .lux-focus-panel,
    .lux-list-row.lux-soft-chrome,
    .lux-stat.lux-soft-chrome,
    .lux-pill.lux-soft-chrome,
    .lux-quick-btn.lux-soft-chrome,
    .lux-admin-op-card.lux-soft-chrome,
    .home-hover-chip.lux-soft-chrome,
    .lux-alert.lux-soft-chrome
  )
) {
  background-color: var(--home-chip-surface-fill, color-mix(in srgb, var(--home-chip-fill, transparent) 58%, transparent));
  background-image: var(--lux-soft-chrome-surface);
  border: 1px solid var(--lux-soft-chrome-border-accent);
  border-radius: 16px;
  box-shadow: var(--lux-soft-chrome-chip-shadow, var(--lux-elev-2));
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  background-clip: padding-box;
}
body.lux-route-home #page-home #lux-home-shell :is(
  .lux-home-grid > .lux-panel,
  .lux-home-grid > .lux-card,
  .lux-home-grid > .lux-hero
) {
  background-color: var(--home-glass-fill, rgba(8, 12, 21, var(--lux-transparency-alpha, 0.70)));
  border-color: var(--lux-soft-chrome-border-accent);
  box-shadow: var(--lux-soft-chrome-chip-shadow-halo);
}

:is(body.lux-route-admin-scheduler #page-admin-scheduler, body.lux-route-timetable #page-timetable) .sch-weeklist-container {
  background: var(--sch-grid-chrome-bg, var(--lux-panel-surface-soft, var(--lux-panel-surface)));
}
:is(body.lux-route-admin-scheduler #page-admin-scheduler, body.lux-route-timetable #page-timetable) .sch-weeklist-day.is-today {
  background:
    radial-gradient(circle at top center, color-mix(in srgb, rgba(var(--lux-accent-rgb), 1) 16%, transparent), transparent 40%),
    var(--sch-grid-chrome-bg, var(--lux-panel-surface-soft, var(--lux-panel-surface)));
  box-shadow: inset 0 -3px 0 color-mix(in srgb, rgba(var(--lux-accent-rgb), 1) 42%, transparent);
}
:is(body.lux-route-admin-scheduler #page-admin-scheduler, body.lux-route-timetable #page-timetable) .sch-weeklist-day {
  border-right: 1px solid var(--sch-grid-chrome-border, var(--lux-border));
  color: var(--lux-text);
}
:is(body.lux-route-admin-scheduler #page-admin-scheduler, body.lux-route-timetable #page-timetable) .sch-event {
  --sch-event-rgb: var(--lux-accent-rgb);
  position: relative;
  min-height: 0;
  height: auto;
  padding: 12px 14px;
  border-radius: 14px;
  border: 1px solid color-mix(in srgb, rgba(var(--sch-event-rgb), 1) 28%, transparent);
  background-color: var(--lux-panel-fill);
  background-image: var(--lux-panel-surface);
  box-shadow: var(--lux-elev-2);
  color: var(--lux-text);
  cursor: pointer;
  overflow: visible;
  backdrop-filter: var(--lux-panel-blur-filter, blur(var(--lux-glass-blur, 14px)) saturate(150%));
  -webkit-backdrop-filter: var(--lux-panel-blur-filter, blur(var(--lux-glass-blur, 14px)) saturate(150%));
}
:is(body.lux-route-admin-scheduler #page-admin-scheduler, body.lux-route-timetable #page-timetable) .sch-event:hover {
  transform: translateY(-2px);
  box-shadow: var(--lux-elev-3);
  border-color: color-mix(in srgb, rgba(var(--sch-event-rgb), 1) 44%, transparent);
}
:is(body.lux-route-admin-scheduler #page-admin-scheduler, body.lux-route-timetable #page-timetable) .sch-event[data-sch-event-tone='econ'] { --sch-event-rgb: 194, 178, 128; }
:is(body.lux-route-admin-scheduler #page-admin-scheduler, body.lux-route-timetable #page-timetable) .sch-event[data-sch-event-tone='cs'] { --sch-event-rgb: 96, 165, 250; }
:is(body.lux-route-admin-scheduler #page-admin-scheduler, body.lux-route-timetable #page-timetable) .sch-event[data-sch-event-tone='law'] { --sch-event-rgb: 74, 222, 128; }
:is(body.lux-route-admin-scheduler #page-admin-scheduler, body.lux-route-timetable #page-timetable) .sch-event[data-sch-event-tone='med'] { --sch-event-rgb: 52, 211, 153; }
:is(body.lux-route-admin-scheduler #page-admin-scheduler, body.lux-route-timetable #page-timetable) .sch-event[data-sch-event-tone='arts'] { --sch-event-rgb: 249, 115, 22; }
:is(body.lux-route-admin-scheduler #page-admin-scheduler, body.lux-route-timetable #page-timetable) .sch-event.is-draft {
  border-style: dashed;
}
:is(body.lux-route-admin-scheduler #page-admin-scheduler, body.lux-route-timetable #page-timetable) .lms-session-details {
  display: block;
  min-width: 0;
  margin-top: 6px;
  padding-top: 6px;
  border-top: 1px solid var(--lux-panel-border-soft, var(--lux-border));
}
:is(body.lux-route-admin-scheduler #page-admin-scheduler, body.lux-route-timetable #page-timetable) .schedule-session-card > .lms-session-details:first-child {
  margin-top: 0;
  padding-top: 0;
  border-top: 0;
}
:is(body.lux-route-admin-scheduler #page-admin-scheduler, body.lux-route-timetable #page-timetable) .lms-session-detail-row {
  display: block;
  min-width: 0;
}
:is(body.lux-route-admin-scheduler #page-admin-scheduler, body.lux-route-timetable #page-timetable) .lms-session-detail-label {
  display: inline;
  color: var(--lux-text-muted);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.04em;
  line-height: 1.35;
  margin-right: 4px;
}
:is(body.lux-route-admin-scheduler #page-admin-scheduler, body.lux-route-timetable #page-timetable) .lms-session-details--session .lms-session-summary {
  display: grid;
  grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.7fr) minmax(0, 0.65fr) minmax(0, 0.9fr);
  align-items: center;
  gap: 8px 14px;
  min-width: 0;
  margin-bottom: 7px;
  padding-bottom: 5px;
  border-bottom: 2px solid color-mix(in srgb, var(--lux-accent, #78b4c8) 32%, var(--lux-panel-border-soft, var(--lux-border)));
}
:is(body.lux-route-admin-scheduler #page-admin-scheduler, body.lux-route-timetable #page-timetable) .lms-session-details--session .lms-session-summary-item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2px;
  min-width: 0;
  color: var(--lux-text);
  line-height: 1.2;
}
:is(body.lux-route-admin-scheduler #page-admin-scheduler, body.lux-route-timetable #page-timetable) .lms-session-details--session .lms-session-summary-item--course {
  align-items: center;
  text-align: center;
}
:is(body.lux-route-admin-scheduler #page-admin-scheduler, body.lux-route-timetable #page-timetable) .lms-session-details--session .lms-session-summary-item--type {
  align-items: center;
  text-align: center;
}
:is(body.lux-route-admin-scheduler #page-admin-scheduler, body.lux-route-timetable #page-timetable) .lms-session-details--session .lms-session-summary-item--duration {
  align-items: flex-end;
  text-align: right;
}
:is(body.lux-route-admin-scheduler #page-admin-scheduler, body.lux-route-timetable #page-timetable) .lms-session-details--session .lms-session-summary-label {
  display: inline-flex;
  align-items: center;
  color: var(--lux-text-muted);
  font-size: 9px;
  font-weight: 850;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
:is(body.lux-route-admin-scheduler #page-admin-scheduler, body.lux-route-timetable #page-timetable) .lms-session-details--session .lms-session-summary-label i {
  margin-right: 4px;
  color: var(--lux-text-muted);
}
:is(body.lux-route-admin-scheduler #page-admin-scheduler, body.lux-route-timetable #page-timetable) .lms-session-details--session .lms-session-summary-value {
  min-width: 0;
  color: var(--lux-text);
  font-size: 11px;
  font-weight: 750;
  line-height: 1.3;
  overflow-wrap: anywhere;
}
:is(body.lux-route-admin-scheduler #page-admin-scheduler, body.lux-route-timetable #page-timetable) .lms-session-details--session .lms-session-summary-item--course .lms-session-summary-value {
  font-size: 12px;
}
:is(body.lux-route-admin-scheduler #page-admin-scheduler, body.lux-route-timetable #page-timetable) .lms-session-details--session .lms-session-summary-item--type .lms-session-summary-value {
  padding: 3px 8px;
  border: 1px solid var(--lux-panel-border-soft, var(--lux-border));
  border-radius: 999px;
  background: color-mix(in srgb, var(--lux-accent, #78b4c8) 10%, transparent);
}
:is(body.lux-route-admin-scheduler #page-admin-scheduler, body.lux-route-timetable #page-timetable) .lms-session-details--session .lms-session-summary-item i,
:is(body.lux-route-admin-scheduler #page-admin-scheduler, body.lux-route-timetable #page-timetable) .lms-session-detail-label i {
  color: var(--lux-text-muted);
}
:is(body.lux-route-admin-scheduler #page-admin-scheduler, body.lux-route-timetable #page-timetable) .lms-session-detail-label i {
  margin-right: 4px;
}
:is(body.lux-route-admin-scheduler #page-admin-scheduler, body.lux-route-timetable #page-timetable) .lms-session-details--session .lms-session-detail-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
  width: 100%;
  min-width: 0;
}
:is(body.lux-route-admin-scheduler #page-admin-scheduler, body.lux-route-timetable #page-timetable) .lms-session-details--session .lms-session-detail-grid .lms-session-detail-row {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2px;
  min-width: 0;
  padding: 0 10px;
  text-align: center;
  border-right: 2px solid color-mix(in srgb, var(--lux-accent, #78b4c8) 28%, var(--lux-panel-border-soft, var(--lux-border)));
}
:is(body.lux-route-admin-scheduler #page-admin-scheduler, body.lux-route-timetable #page-timetable) .lms-session-details--session .lms-session-detail-grid .lms-session-detail-row:last-child {
  border-right: 0;
}
@media (max-width: 520px) {
  :is(body.lux-route-admin-scheduler #page-admin-scheduler, body.lux-route-timetable #page-timetable) .lms-session-details--session .lms-session-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  :is(body.lux-route-admin-scheduler #page-admin-scheduler, body.lux-route-timetable #page-timetable) .lms-session-details--session .lms-session-summary-item--course {
    grid-column: 1 / -1;
    grid-row: 2;
  }
  :is(body.lux-route-admin-scheduler #page-admin-scheduler, body.lux-route-timetable #page-timetable) .lms-session-details--session .lms-session-summary-item--type {
    grid-column: 1;
    grid-row: 3;
  }
  :is(body.lux-route-admin-scheduler #page-admin-scheduler, body.lux-route-timetable #page-timetable) .lms-session-details--session .lms-session-summary-item--duration {
    grid-column: 2;
    grid-row: 3;
  }
  :is(body.lux-route-admin-scheduler #page-admin-scheduler, body.lux-route-timetable #page-timetable) .lms-session-details--session .lms-session-detail-grid {
    grid-template-columns: minmax(0, 1fr);
    width: 100%;
    gap: 4px;
  }
  :is(body.lux-route-admin-scheduler #page-admin-scheduler, body.lux-route-timetable #page-timetable) .lms-session-details--session .lms-session-detail-grid .lms-session-detail-row {
    border-right: 0;
  }
}
:is(body.lux-route-admin-scheduler #page-admin-scheduler, body.lux-route-timetable #page-timetable) .lms-session-details--timetable .lms-session-summary {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 4px;
  width: 100%;
  min-width: 0;
  margin-bottom: 6px;
}
:is(body.lux-route-admin-scheduler #page-admin-scheduler, body.lux-route-timetable #page-timetable) .lms-session-details--timetable .lms-session-summary .lms-session-detail-row {
  display: block;
  width: 100%;
  max-width: 100%;
  min-width: 0;
}
:is(body.lux-route-admin-scheduler #page-admin-scheduler, body.lux-route-timetable #page-timetable) .lms-session-details--timetable .lms-session-summary .lms-session-detail-label {
  display: inline;
  margin-right: 4px;
  font-size: 12px;
  font-weight: 850;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
:is(body.lux-route-admin-scheduler #page-admin-scheduler, body.lux-route-timetable #page-timetable) .lms-session-details--timetable .lms-session-summary .lms-session-detail-value {
  display: inline;
  font-size: 13px;
  font-weight: 800;
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: break-word;
}
:is(body.lux-route-admin-scheduler #page-admin-scheduler, body.lux-route-timetable #page-timetable) .lms-session-details--timetable .lms-session-detail-label {
  font-size: 12px;
}
:is(body.lux-route-admin-scheduler #page-admin-scheduler, body.lux-route-timetable #page-timetable) .lms-session-details--timetable .lms-session-detail-value {
  font-size: 13px;
}
:is(body.lux-route-admin-scheduler #page-admin-scheduler, body.lux-route-timetable #page-timetable) .lms-session-details--timetable .lms-session-detail-row--course {
  width: 100%;
  max-width: 100%;
  margin-bottom: 6px;
}
:is(body.lux-route-admin-scheduler #page-admin-scheduler, body.lux-route-timetable #page-timetable) .lms-session-details--timetable .lms-session-detail-grid {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: flex-start;
  gap: 4px 16px;
  width: fit-content;
  max-width: 100%;
  min-width: 0;
}
:is(body.lux-route-admin-scheduler #page-admin-scheduler, body.lux-route-timetable #page-timetable) .lms-session-details--timetable .lms-session-detail-grid .lms-session-detail-row {
  flex: 0 1 auto;
  width: fit-content;
  max-width: 100%;
}
@media (max-width: 520px) {
  :is(body.lux-route-admin-scheduler #page-admin-scheduler, body.lux-route-timetable #page-timetable) .lms-session-details--timetable .lms-session-detail-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    width: 100%;
    gap: 4px;
  }
  :is(body.lux-route-admin-scheduler #page-admin-scheduler, body.lux-route-timetable #page-timetable) .lms-session-details--timetable .lms-session-detail-grid .lms-session-detail-row {
    width: auto;
  }
}
:is(body.lux-route-admin-scheduler #page-admin-scheduler, body.lux-route-timetable #page-timetable) .lms-session-detail-value {
  display: inline;
  min-width: 0;
  color: var(--lux-text);
  font-size: 12px;
  font-weight: 650;
  line-height: 1.4;
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: break-word;
}
:is(body.lux-route-admin-scheduler #page-admin-scheduler, body.lux-route-timetable #page-timetable) .ev-meta {
  font-size: 13px;
  line-height: 1.45;
  color: var(--lux-text-muted);
  margin-top: 7px;
  padding-right: 44px;
  white-space: normal;
  overflow: visible;
  text-overflow: clip;
  overflow-wrap: anywhere;
}
:is(body.lux-route-admin-scheduler #page-admin-scheduler, body.lux-route-timetable #page-timetable) .ev-actions {
  position: absolute;
  right: 10px;
  bottom: 10px;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
}
:is(body.lux-route-admin-scheduler #page-admin-scheduler, body.lux-route-timetable #page-timetable) .ev-action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  margin: 0;
  padding: 0;
  border-radius: 10px;
  border: 1px solid color-mix(in srgb, rgba(var(--sch-event-rgb, var(--lux-accent-rgb)), 1) 28%, transparent);
  background: color-mix(in srgb, rgba(var(--sch-event-rgb, var(--lux-accent-rgb)), 1) 12%, var(--lux-panel-surface-soft, var(--lux-panel-fill)));
  color: var(--lux-text);
  font-size: 12px;
  line-height: 1;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
  box-shadow: none;
}
:is(body.lux-route-admin-scheduler #page-admin-scheduler, body.lux-route-timetable #page-timetable) .ev-action:hover,
:is(body.lux-route-admin-scheduler #page-admin-scheduler, body.lux-route-timetable #page-timetable) .ev-action:focus-visible {
  border-color: color-mix(in srgb, rgba(var(--sch-event-rgb, var(--lux-accent-rgb)), 1) 48%, transparent);
  background: color-mix(in srgb, rgba(var(--sch-event-rgb, var(--lux-accent-rgb)), 1) 20%, var(--lux-panel-surface-soft, var(--lux-panel-fill)));
  color: var(--lux-text);
  outline: none;
}
:is(body.lux-route-admin-scheduler #page-admin-scheduler, body.lux-route-timetable #page-timetable) .ev-action--delete:hover,
:is(body.lux-route-admin-scheduler #page-admin-scheduler, body.lux-route-timetable #page-timetable) .ev-action--delete:focus-visible {
  border-color: color-mix(in srgb, #f87171 50%, transparent);
  background: color-mix(in srgb, #f87171 18%, var(--lux-panel-surface-soft, var(--lux-panel-fill)));
  color: #fecaca;
}
:is(body.lux-route-admin-scheduler #page-admin-scheduler, body.lux-route-timetable #page-timetable) .ev-draft {
  position: absolute;
  top: 12px;
  right: 12px;
  padding: 4px 8px;
  border-radius: 999px;
  background: rgba(248, 113, 113, 0.16);
  color: #fecaca;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}
body.lux-light-mode:is(.lux-route-admin-scheduler, .lux-route-timetable) :is(#page-admin-scheduler, #page-timetable) .ev-draft {
  color: #991b1b;
}

:is(body.lux-route-admin-scheduler #page-admin-scheduler, body.lux-route-timetable #page-timetable) :is(.sch-rail-note, .sch-empty-state, .sch-info-banner, .sch-empty-week-notice, .sch-grid-empty, .schedule-grid-empty) {
  border: 1px solid color-mix(in srgb, rgba(var(--lux-accent-rgb), 1) 14%, transparent);
  background: linear-gradient(
    180deg,
    color-mix(in srgb, rgba(var(--lux-accent-rgb), 1) 8%, transparent),
    color-mix(in srgb, rgba(var(--lux-accent-rgb), 1) 3%, transparent)
  );
}
body.lux-light-mode:is(.lux-route-admin-scheduler, .lux-route-timetable) :is(#page-admin-scheduler, #page-timetable) :is(.sch-rail-note, .sch-empty-state, .sch-info-banner, .sch-empty-week-notice, .sch-grid-empty, .schedule-grid-empty) {
  background: linear-gradient(
    180deg,
    color-mix(in srgb, rgba(var(--lux-accent-rgb), 1) 10%, transparent),
    color-mix(in srgb, #ffffff 58%, transparent)
  );
}

body.lux-route-admin-scheduler #page-admin-scheduler .palette-card:is(:hover, :focus-visible) {
  border-color: color-mix(in srgb, rgba(var(--lux-accent-rgb), 1) 24%, transparent);
  box-shadow: var(--lux-soft-chrome-chip-shadow), var(--lux-elev-2);
}
body.lux-route-admin-scheduler #page-admin-scheduler .palette-card.selected {
  border-color: color-mix(in srgb, rgba(var(--lux-accent-rgb), 1) 34%, transparent) !important;
  box-shadow:
    var(--lux-soft-chrome-chip-shadow),
    0 0 0 1px color-mix(in srgb, rgba(var(--lux-accent-rgb), 1) 12%, transparent),
    0 18px 32px color-mix(in srgb, rgba(var(--lux-accent-rgb), 1) 14%, transparent) !important;
}
body.lux-route-admin-scheduler #page-admin-scheduler .palette-card:focus-visible {
  outline: none;
  box-shadow:
    var(--lux-soft-chrome-chip-shadow),
    0 0 0 3px color-mix(in srgb, rgba(var(--lux-accent-rgb), 1) 24%, transparent) !important;
}

body.lux-route-admin-scheduler :is(#schPresetManagerOverlay, #profQuizModalOverlay) .sch-modal-head-accent {
  background: linear-gradient(
    135deg,
    color-mix(in srgb, rgba(var(--lux-accent-rgb), 1) 88%, #1a1208),
    color-mix(in srgb, rgba(var(--lux-home-secondary-rgb, var(--lux-accent-rgb)), 1) 72%, #120d08)
  );
  color: #fff8ef;
  border-bottom: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: var(--lux-panel-radius, 22px) var(--lux-panel-radius, 22px) 0 0;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
body.lux-route-admin-scheduler :is(#schPresetManagerOverlay, #profQuizModalOverlay) .sch-modal-head-accent :is(
  .sch-modal-title,
  .sch-modal-subtitle,
  .sch-modal-week,
  .quiz-modal-title,
  .quiz-modal-subtitle
) {
  color: #fff8ef;
}
body.lux-route-admin-scheduler :is(#schPresetManagerOverlay, #profQuizModalOverlay) .sch-modal-head-accent :is(
  .sch-modal-subtitle,
  .sch-modal-week,
  .quiz-modal-subtitle
) {
  color: rgba(255, 248, 239, 0.82);
}
body.lux-route-admin-scheduler :is(#schPresetManagerOverlay, #profQuizModalOverlay) .sch-modal-head-accent .sch-modal-mode-chip {
  background: rgba(255, 255, 255, 0.16);
  color: #fff8ef;
  border: 1px solid rgba(255, 255, 255, 0.22);
}
body.lux-route-admin-scheduler :is(#schPresetManagerOverlay, #profQuizModalOverlay) .sch-modal-head-accent :is(
  .sch-modal-close-muted,
  .quiz-modal-close
) {
  color: rgba(255, 248, 239, 0.78);
}
body.lux-route-admin-scheduler :is(#schPresetManagerOverlay, #profQuizModalOverlay) .sch-modal-head-accent :is(
  .sch-modal-close-muted,
  .quiz-modal-close
):hover {
  color: #fff8ef;
}
body.lux-route-admin-scheduler :is(#schPresetManagerOverlay, #profQuizModalOverlay) :is(.sch-modal-subtitle, .sch-modal-week, .quiz-modal-subtitle) {
  color: var(--lux-text-muted);
}
body.lux-route-admin-scheduler :is(#schPresetManagerOverlay, #profQuizModalOverlay) :is(.quiz-modal-close, .sch-modal-close-muted) {
  color: var(--lux-text-soft);
}
body.lux-route-admin-scheduler :is(#schPresetManagerOverlay, #profQuizModalOverlay) :is(.quiz-modal-close, .sch-modal-close-muted):hover {
  color: var(--lux-text);
}
body.lux-route-admin-scheduler #schPresetManagerOverlay .sch-preset-manage-item.home-hover-chip {
  transition: border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease;
}
body.lux-route-admin-scheduler #schPresetManagerOverlay .sch-preset-manage-badge--saved {
  background: rgba(var(--lux-accent-rgb), 0.14);
  color: var(--lux-accent-2);
  border: 1px solid rgba(var(--lux-accent-rgb), 0.22);
}
body.lux-route-admin-scheduler #schPresetManagerOverlay .sch-preset-manage-badge--default {
  background: rgba(255, 255, 255, 0.08);
  color: var(--lux-text-muted);
  border: 1px solid color-mix(in srgb, var(--lux-border) 72%, transparent);
}
body.lux-route-admin-scheduler #schPresetManagerOverlay .sch-preset-manage-badge--schedule {
  background: rgba(56, 189, 248, 0.12);
  color: #7dd3fc;
  border: 1px solid rgba(56, 189, 248, 0.24);
}
body.lux-route-admin-scheduler #schPresetManagerOverlay .sch-preset-manage-delete-btn {
  width: var(--lux-primary-btn-min-height, 46px);
  min-width: var(--lux-primary-btn-min-height, 46px);
  height: var(--lux-primary-btn-min-height, 46px);
  padding: 0;
  color: #f87171;
  border-color: var(--lux-btn-danger-border, #dc2626);
}
body.lux-route-admin-scheduler #schPresetManagerOverlay .sch-preset-manage-delete-btn:hover,
body.lux-route-admin-scheduler #schPresetManagerOverlay .sch-preset-manage-delete-btn:focus-visible {
  color: #fca5a5;
  border-color: var(--lux-btn-danger-border, #dc2626);
  background: var(--lux-panel-cta-danger-hover, var(--lux-panel-cta-danger));
}
body.lux-route-admin-scheduler #schPresetManagerOverlay .lux-picker-field > .lux-droplist-panel:not(.is-open):not(.is-closing) {
  display: none !important;
}
body.lux-route-admin-scheduler #schPresetManagerOverlay .lux-picker-field > .lux-picker-label,
body.lux-route-admin-scheduler #schPresetManagerOverlay .lux-picker-btn .lux-picker-caption {
  display: none;
}
body.lux-route-admin-scheduler #schPresetManagerOverlay .lux-picker-btn i {
  transition: transform var(--lux-droplist-anim-duration, 240ms) var(--lux-droplist-anim-ease, ease);
}
body.lux-route-admin-scheduler #schPresetManagerOverlay .lux-picker-btn.is-active i {
  transform: rotate(180deg);
}


body.lux-unified-shell.lux-page-bare [data-lux-glass-root="1"] :is(
  .lux-stat.lux-soft-chrome,
  .home-hover-chip.lux-soft-chrome,
  .lux-list-row.lux-soft-chrome,
  .sch-stat-card.lux-soft-chrome,
  .palette-card.lux-soft-chrome,
  .sch-empty-state.lux-soft-chrome,
  .sch-info-banner.lux-soft-chrome,
  .sch-empty-week-notice.lux-soft-chrome,
  .sch-grid-empty.lux-soft-chrome,
  .alib-panel.lux-soft-chrome,
  .social-neo-card,
  .orders-admin-panel.lux-soft-chrome,
  .admin-orders-create-column.lux-soft-chrome,
  .orders-admin-workspace-section.lux-soft-chrome,
  .lux-status-pill,
  .orders-admin-sent-item,
  .orders-recipient-row,
  .orders-recipient-list-shell,
  .orders-admin-sent-empty,
  .orders-recipient-list-empty,
  .staff-hub-controls,
  .students-hub-controls,
  .staff-hub-table-wrap.lux-data-card,
  .students-hub-table-wrap.lux-data-card,
  .staff-hub-info-card.lux-data-card,
  .students-hub-info-card.lux-data-card,
  .students-hub-form-section.lux-data-card,
  .students-hub-profile-metric.lux-data-card,
  .students-hub-academic-section.lux-data-card,
  .students-hub-profile-field.lux-soft-chrome,
  .staff-hub-profile-field.lux-soft-chrome,
  .staff-hub-schema-empty.lux-data-card,
  .students-hub-schema-empty.lux-data-card,
  .staff-hub-profile-panel.lux-data-card,
  .students-hub-profile-panel.lux-data-card,
  .staff-hub-section-field-workspace.lux-data-card,
  .students-hub-section-field-workspace.lux-data-card,
  .staff-hub-builder-type,
  .students-hub-builder-type,
  .staff-hub-builder-rail.lux-soft-chrome,
  .students-hub-builder-rail.lux-soft-chrome,
  .staff-hub-builder-canvas.lux-soft-chrome,
  .students-hub-builder-canvas.lux-soft-chrome,
  .staff-hub-copy-bar,
  .students-hub-copy-bar,
  .staff-hub-profile-list-shell,
  .students-hub-profile-list-shell,
  .staff-hub-studio-quick-btn,
  .students-hub-studio-quick-btn,
  .staff-hub-builder-launch-card,
  .students-hub-builder-launch-card,
  .lux-prog-control-band.lux-soft-chrome,
  .lux-program-shell-section,
  .lux-section-card.lux-program-shell-section,
  .lux-program-module-option,
  .lux-module-option.lux-program-module-option,
  .lux-program-subject-card,
  .lux-program-empty-state,
  .lux-empty-state,
  .lms-clean-subjects,
  .lms-clean-subjects--merged,
  .lux-lms-subject-card,
  .lms-route-card,
  .lms-route-empty,
  .lms-pro-hero,
  .lms-pro-surface,
  .lms-deep-toolkit,
  .lms-interaction-messenger,
  .lms-week-accordion-panel,
  .lms-route-workspace-chrome,
  .lux-timetable-session-card,
  .lux-timetable-day-section,
  .schedule-session-card,
  .schedule-empty-state,
  .schedule-grid-empty,
  .lux-timetable-grid-empty,
  .schedule-day-section,
  .lux-fg-filters,
  .lux-fg-assessment-controls,
  .lux-fg-ops-panel,
  .lux-fg-ops-tile,
  .gb-lms-staff-roster-row,
  .study-card-term-row.lux-soft-chrome,
  .study-card-term-header.lux-soft-chrome,
  .study-card-assessment-panel.lux-soft-chrome,
  .study-card-activity-item.lux-soft-chrome,
  .study-card-gradebook-overlay .gb-weight-card.lux-soft-chrome
):not(.lux-panel):not([data-lux-glass-root="1"]),
body.lux-unified-shell.lux-route-social [data-lux-glass-root="1"] :is(
  .lux-strip-card.surface-card,
  [class*="-hero-stat"],
  .social-neo-directory-item,
  .social-neo-event-feature,
  [class*="-hub-section"],
  .social-neo-empty,
  .social-neo-empty-hero,
  .social-neo-entity-card,
  .social-neo-messages__inbox,
  .social-neo-messages__thread-shell,
  .social-neo-messages__inbox,
  .social-neo-messages__thread-shell,
  .social-neo-messages__inbox-empty,
  .social-portfolio-card,
  .social-neo-portfolio-hero-discover,
  .social-neo-workspace-hub-section,
  .social-project-hub-discover,
  .social-project-hub-filterbar,
  .social-project-hub-attention,
  .social-project-hub-rail-card,
  .social-project-card-new,
  .social-project-hub-cta-tile,
  .social-project-row,
  .social-project-ring-card,
  .social-project-metric-card,
  .social-project-status-item,
  .social-project-workload-item,
  .social-project-activity-item,
  .social-project-my-task-item,
  .social-project-workspace-chat,
  .social-project-workspace-chat .social-neo-messages__thread-shell,
  .spt-desk-package,
  .spt-desk-card,
  .spt-desk-focus-chip,
  .spt-desk-hygiene-pill,
  .spt-desk-plan-health-card,
  .social-neo-card.social-project-task-shell--desk,
  .social-neo-workspace-nav-card,
  .social-neo-page-profile-tab
):not(.lux-panel):not([data-lux-glass-root="1"]) {
  background-color: var(--home-chip-surface-fill, color-mix(in srgb, var(--home-chip-fill, transparent) 58%, transparent));
  background-image: var(--lux-soft-chrome-surface);
  border: 1px solid var(--lux-soft-chrome-border-accent);
  border-radius: 16px;
  box-shadow: var(--lux-soft-chrome-chip-shadow, var(--lux-elev-2));
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  background-clip: padding-box;
}


body.lux-route-social [data-lux-glass-root="1"] .social-project-metric-card {
  position: relative;
  overflow: hidden;
}

body.lux-route-social [data-lux-glass-root="1"] .social-project-metric-card::before {
  content: '';
  position: absolute;
  inset: 0 auto 0 0;
  width: 3px;
  border-radius: 16px 0 0 16px;
  background: var(--lux-accent, #7c6cff);
  opacity: 0.72;
}

body.lux-route-social [data-lux-glass-root="1"] .social-project-metric-card[data-project-tone="orange"]::before {
  background: #f97316;
}

body.lux-route-social [data-lux-glass-root="1"] .social-project-metric-card[data-project-tone="purple"]::before {
  background: #8b5cf6;
}

body.lux-route-social [data-lux-glass-root="1"] .social-project-metric-card[data-project-tone="blue"]::before {
  background: #3b82f6;
}

body.lux-route-social [data-lux-glass-root="1"] .social-project-metric-card[data-project-tone="teal"]::before {
  background: #14b8a6;
}

body.lux-route-social [data-lux-glass-root="1"] .social-project-detail-hero-rich.lux-soft-chrome {
  position: relative;
  overflow: hidden;
}

body.lux-route-social [data-lux-glass-root="1"] .social-project-detail-hero-rich::after {
  content: '';
  position: absolute;
  inset: -20% -10% auto;
  height: 55%;
  pointer-events: none;
  background: radial-gradient(ellipse at 50% 0%, rgba(var(--lux-accent-rgb), 0.14), transparent 68%);
  opacity: 1;
}


body.lux-route-lms .page-hero :is(
  .lms-clean-subjects,
  .lms-clean-subjects--merged,
  .lux-lms-subject-card,
  .lms-route-empty,
  .lms-hero-focus,
  .lms-hero-focus-chip.home-hover-chip,
  .lms-hero-focus-meta .lux-pill.home-hover-chip,
  .lux-lms-subject-card .lux-status-pill.home-hover-chip,
  .lms-student-semester-bar,
  .lms-student-semester-option,
  #lms-lane-chip
) {
  background-color: var(--home-chip-surface-fill, color-mix(in srgb, var(--home-chip-fill, transparent) 58%, transparent));
  background-image: var(--lux-soft-chrome-surface);
  border: 1px solid var(--lux-soft-chrome-border-accent);
  border-radius: 16px;
  box-shadow: var(--lux-soft-chrome-chip-shadow, var(--lux-elev-2));
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  background-clip: padding-box;
}


body.lux-route-lms #page-lms-inner [data-lux-glass-root="1"] :is(
  .lms-route-workspace-chrome,
  .lms-pro-hero,
  .lms-pro-surface,
  .lms-deep-toolkit,
  .lms-interaction-messenger,
  .lms-route-panel:not([data-lux-glass-root="1"]),
  .lms-route-card,
  .lms-week-accordion-panel,
  .lms-route-empty,
  .lms-route-hero,
  .lms-session-hero,
  .lms-route-stat,
  .lms-session-official-card,
  .lms-next-session-card,
  .lms-session-marker-board,
  .lms-session-marker-composer,
  .lms-session-marker-card,
  .lms-session-marker-slot,
  .lms-session-marker-type-chip,
  .lms-route-pill.home-hover-chip,
  .lms-route-tab.home-hover-chip,
  .lms-section-option.home-hover-chip,
  .lms-live-student-wait,
  .lms-live-hero,
  .lms-live-panel,
  .lms-live-card,
  .lms-live-student-card,
  .lms-live-stage,
  .lms-call-classroom,
  .lms-call-collab-panel,
  .lms-call-side-card,
  .lms-call-post,
  .lms-call-roster,
  .lms-call-stage,
  .lms-assignment-banner,
  .lms-route-file-shell,
  .lms-assignment-rubric-shell,
  .lms-assignment-submission-card,
  .lms-assignment-review-summary-card,
  .lms-assignment-submission-detail-card,
  .lms-assignment-student-detail-card,
  .lms-assignment-review-empty-shell,
  .lms-assignment-grade-summary-card,
  .lms-assignment-grade-response-card,
  .lms-assignment-grade-editor,
  .lms-member-overview-panel,
  .lms-member-section,
  .lms-member-row,
  .lms-quiz-studio-overview,
  .lms-quiz-studio-hero,
  .lms-quiz-studio-main-card,
  .lms-quiz-studio-stat-card,
  .lms-quiz-studio-alert-summary,
  .lms-quiz-tool-panel,
  .lms-quiz-saved-card,
  .lms-quiz-card,
  .lms-quiz-question-nav-card,
  .lms-quiz-question-editor-card,
  .lms-quiz-variant-question-card,
  .lms-quiz-empty-state,
  .lms-live-monitor-panel,
  .lms-student-quiz-card,
  .lms-protected-monitor-page-shell,
  .lms-protected-monitor-shell,
  .lms-whiteboard-shell,
  .lms-whiteboard-tools,
  .lms-whiteboard-command-bar,
  .lms-whiteboard-zoom,
  .lms-whiteboard-minimap,
  .lms-whiteboard-panel,
  .lms-whiteboard-stage,
  .lms-whiteboard-props-card,
  .lms-whiteboard-collab-pill,
  .lms-gradebook-wrapper-shell .lms-route-panel,
  .lms-gradebook-wrapper-shell .lms-route-card,
  .gb-modern-hero,
  .gb-modern-card,
  .gb-modern-stat,
  .gb-weight-row,
  .gb-student-context-bar,
  .gb-score-history-row.lux-soft-chrome
),
body.lux-route-lms #page-lms-groups [data-lux-glass-root="1"] :is(
  .lux-lms-group-card,
  .lms-bulk-panel,
  .lms-bulk-card,
  .lms-route-card,
  .lms-route-empty,
  .home-hover-chip
) {
  background-color: var(--home-chip-surface-fill, color-mix(in srgb, var(--home-chip-fill, transparent) 58%, transparent));
  background-image: var(--lux-soft-chrome-surface);
  border: 1px solid var(--lux-soft-chrome-border-accent);
  border-radius: 16px;
  box-shadow: var(--lux-soft-chrome-chip-shadow, var(--lux-elev-2));
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  background-clip: padding-box;
}

body.lux-route-lms #page-lms-inner [data-lux-glass-root="1"] .lms-quiz-empty-state.lux-empty-state {
  border-style: dashed;
  text-align: center;
}

body.lux-route-lms #page-lms-inner [data-lux-glass-root="1"] .gb-modern-hero.lux-soft-chrome {
  border-radius: 18px;
}

body.lux-route-lms #page-lms-inner [data-lux-glass-root="1"] .gb-weight-card.lux-soft-chrome {
  border-radius: 18px;
}

body.lux-route-lms #page-lms-inner [data-lux-glass-root="1"] .gb-student-context-bar.lux-soft-chrome {
  border-radius: 16px;
}

body.lux-route-lms #lms-gradebook-wrapper :is(
  .gb-student-context-bar.lux-soft-chrome.home-hover-chip,
  .gb-weight-card.lux-soft-chrome.home-hover-chip
) {
  contain: none;
  overflow: visible;
}


body.lux-route-lms #page-lms-inner .lms-interaction-messenger:hover {
  transform: none;
  border-color: var(--lux-soft-chrome-border-accent);
  box-shadow: var(--lux-soft-chrome-chip-shadow, var(--lux-elev-2));
}


body.lux-route-lms.kiu-lms-whiteboard-focus-active .lms-whiteboard-shell.is-fullscreen :is(
  .lms-whiteboard-tools,
  .lms-whiteboard-command-bar,
  .lms-whiteboard-zoom,
  .lms-whiteboard-minimap,
  .lms-whiteboard-panel,
  .lms-whiteboard-stage,
  .lms-whiteboard-props-card,
  .lms-whiteboard-collab-pill
) {
  background-color: var(--home-chip-surface-fill, color-mix(in srgb, var(--home-chip-fill, transparent) 58%, transparent));
  background-image: var(--lux-soft-chrome-surface);
  border: 1px solid var(--lux-soft-chrome-border-accent);
  border-radius: 16px;
  box-shadow: var(--lux-soft-chrome-chip-shadow, var(--lux-elev-2));
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  background-clip: padding-box;
}


body.lux-route-exams #exams-root .ex2-stat-chip,
body.lux-route-exams #exams-root .ex2-summary-chip,
body.lux-route-exams #exams-root .ex2-qnav-bar,
body.lux-route-exams #exams-root .ex2-question-card,
body.lux-route-exams #exams-root .ex2-auto-gen-box,
body.lux-route-exams #exams-root .ex2-panel,
body.lux-route-exams #exams-root .ex2-session-summary-card,
body.lux-unified-shell.lux-route-exams #exams-root [data-lux-glass-root="1"] :is(
  .ex2-stat-chip,
  .ex2-summary-chip,
  .ex2-qnav-bar,
  .ex2-question-card,
  .ex2-auto-gen-box,
  .ex2-panel:not(:has(.lux-universal-picker-field)),
  .ex2-session-summary-card,
  .ex2-quiz-card,
  .ex2-empty-state,
  .ex2-rq-column,
  .ex2-rq-card,
  .ex2-select-card,
  .ex2-activity-metric,
  .ex2-cohort-card,
  .ex2-session-card,
  .ex2-session-stat-card,
  .ex2-split-box,
  .ex2-builder-step-body,
  .ex2-builder-toolbar.lux-soft-chrome,
  .ex2-progress-bar.lux-soft-chrome,
  .ex2-builder-summary-strip.lux-soft-chrome,
  .ex2-builder-empty,
  .ex2-modal-list .ex2-list-item
):not([data-lux-glass-root="1"]) {
  background-color: var(--home-chip-surface-fill, color-mix(in srgb, var(--home-chip-fill, transparent) 58%, transparent));
  background-image: var(--lux-soft-chrome-surface);
  border: 1px solid var(--lux-soft-chrome-border-accent);
  border-radius: 16px;
  box-shadow: var(--lux-soft-chrome-chip-shadow, var(--lux-elev-2));
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  background-clip: padding-box;
}


body.lux-route-social :is(#public-social-root, #social-neo-overlay-portal) :is(
  .social-project-task-graph-card.lux-soft-chrome,
  .social-project-task-graph-group.lux-soft-chrome,
  .social-project-task-graph-immersive-footer.lux-soft-chrome,
  .social-page-surface-head.lux-soft-chrome,
  .sph-verdict.lux-soft-chrome,
  .sph-why.lux-soft-chrome,
  .sph-card.lux-soft-chrome,
  .sph-readiness-row.lux-soft-chrome,
  .sph-chip.lux-soft-chrome,
  .spr-rail.lux-soft-chrome,
  .spr-main.lux-soft-chrome,
  .spr-risk-card.lux-soft-chrome,
  .spr-compose.lux-soft-chrome,
  .social-project-task-graph-health-metric.lux-soft-chrome,
  .sptg-context-menu.lux-soft-chrome,
  .social-project-detail-hero-rich.lux-soft-chrome
):not([data-lux-glass-root="1"]) {
  background-color: var(--home-chip-surface-fill, color-mix(in srgb, var(--home-chip-fill, transparent) 58%, transparent));
  background-image: var(--lux-soft-chrome-surface);
  border: 1px solid var(--lux-soft-chrome-border-accent);
  border-radius: 16px;
  box-shadow: var(--lux-soft-chrome-chip-shadow, var(--lux-elev-2));
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  background-clip: padding-box;
}


body.lux-route-social :is(
  .social-project-task-graph-detail-rail.lux-card.lux-soft-chrome,
  .social-project-task-graph-inspector-scroll .lux-card.lux-soft-chrome,
  .social-project-task-graph-inspector-section-card.lux-card.lux-soft-chrome
):not([data-lux-glass-root="1"]) {
  background-color: var(--home-chip-surface-fill, color-mix(in srgb, var(--home-chip-fill, transparent) 58%, transparent));
  background-image: var(--lux-soft-chrome-surface);
  border: 1px solid var(--lux-soft-chrome-border-accent);
  border-radius: 16px;
  box-shadow: var(--lux-soft-chrome-chip-shadow, var(--lux-elev-2));
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  background-clip: padding-box;
}

body.lux-route-social :is(#public-social-root, #social-neo-overlay-portal) .social-project-task-graph-immersive-footer.lux-soft-chrome {
  border-radius: 0;
}

body.lux-route-social :is(#public-social-root, #social-neo-overlay-portal) .social-project-task-graph-detail-rail.lux-soft-chrome {
  border-radius: 0;
  border-left: 1px solid var(--lux-panel-border-soft);
}

body.lux-route-social :is(#public-social-root, #social-neo-overlay-portal) .social-project-task-graph-group.lux-soft-chrome {
  border-style: dashed;
  border-width: 1.5px;
  border-radius: 14px;
}

body.lux-route-social :is(#public-social-root, #social-neo-overlay-portal) .social-project-task-graph-card.lux-soft-chrome {
  border-radius: 10px;
}

body.lux-route-social :is(#public-social-root, #social-neo-overlay-portal) :is(
  .social-project-task-graph-card.lux-soft-chrome.home-hover-chip,
  .social-project-task-graph-group.lux-soft-chrome.home-hover-chip
) {
  contain: none;
  overflow: visible;
}


body.lux-route-timetable .lux-timetable-page :is(
  .lux-timetable-command,
  .lux-timetable-filters,
  .lux-timetable-view-switcher,
  .lux-timetable-week-nav,
  .lux-timetable-overview-row,
  .schedule-empty-state,
  .schedule-grid-empty,
  .lux-timetable-grid-empty,
  .lux-timetable-hero-focus,
  .lux-timetable-hero-focus .lux-focus-panel__chip.home-hover-chip,
  .lux-timetable-hero-focus .lux-hero-signal.home-hover-chip,
  .lux-timetable-day-section,
  .schedule-day-section,
  .lux-timetable-session-card,
  .schedule-session-card,
  .page-hero-badge.home-hover-chip,
  .schedule-chip,
  .lux-timetable-chip
),
body.lux-route-registration #page-registration :is(
  .lux-timetable-command,
  .lux-timetable-filters,
  .lux-timetable-hero-focus,
  .lux-timetable-hero-focus .lux-focus-panel__chip.home-hover-chip,
  .lux-timetable-hero-focus .lux-hero-signal.home-hover-chip,
  .registration-summary-panel,
  .registration-insight-card,
  .registration-command-band,
  .reg-tab:not(.active),
  .registration-state-card,
  .registration-module-choice,
  .registration-course-row,
  .registration-empty-state,
  .registration-render-error,
  .registration-module-list-card,
  .registration-module-pane-card,
  .registration-track-card,
  .page-hero-badge.home-hover-chip
),
body.lux-route-timetable .lux-timetable-page .lux-card:not([data-lux-glass-root="1"]),
body.lux-route-registration #page-registration .lux-card:not([data-lux-glass-root="1"]) {
  background-color: var(--home-chip-surface-fill, color-mix(in srgb, var(--home-chip-fill, transparent) 58%, transparent));
  background-image: var(--lux-soft-chrome-surface);
  border: 1px solid var(--lux-soft-chrome-border-accent);
  border-radius: 16px;
  box-shadow: var(--lux-soft-chrome-chip-shadow, var(--lux-elev-2));
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  background-clip: padding-box;
}

body.lux-route-registration #page-registration .page-hero-badge.home-hover-chip {
  border-radius: 999px;
}

body.lux-route-registration #page-registration .reg-tab:not(.active) {
  border-radius: 16px;
}

body.lux-route-timetable .lux-timetable-page .lux-timetable-hero-focus {
  overflow: visible;
}

body.lux-route-faculty-gradebook .lux-faculty-command-deck[data-lux-glass-root="1"] {
  transition: none;
  contain: none;
  overflow: visible;
}

body.lux-route-faculty-gradebook .lux-faculty-command-deck[data-lux-glass-root="1"]::after {
  display: none;
}


body.lux-route-timetable .lux-timetable-page .lux-picker-field,
body.lux-route-registration #page-registration .lux-picker-field,
body.lux-route-admin-tools #kiu-subject-builder-modal .lux-picker-field,
body.lux-route-personal-data #page-personal-data .lux-picker-field,
body.lux-route-chancellery #page-chancellery .lux-picker-field {
  background: none;
  border: 0;
  box-shadow: none;
  border-radius: 0;
  padding: 0;
}


body.lux-route-registration #page-registration :is(.registration-module-pane-chip, .registration-track-group-chip) {
  border: 1px solid rgba(var(--lux-accent-rgb), 0.18);
  background: color-mix(in srgb, rgba(var(--lux-accent-rgb), 1) 14%, var(--lux-panel-fill));
  color: var(--lux-accent-2, var(--lux-text));
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.02em;
}
body.lux-route-registration #page-registration .registration-module-pane-title.lux-card-title {
  font-size: clamp(18px, 2vw, 22px);
  font-weight: 800;
  line-height: 1.2;
  color: var(--lux-text);
}
body.lux-route-registration #page-registration .registration-module-pane-copy.lux-card-copy {
  margin-top: 4px;
  font-size: 12px;
  line-height: 1.5;
  color: var(--lux-text-muted);
}
body.lux-route-registration #page-registration .registration-module-grid-head {
  letter-spacing: 0.08em;
}
body.lux-route-registration #page-registration .registration-course-row.home-hover-chip {
  align-items: center;
  gap: 12px;
  padding: 14px 16px;
}
body.lux-route-registration #page-registration :is(.registration-course-index, .registration-course-ects) {
  background: var(--lux-btn-well-soft);
  border: 1px solid var(--lux-btn-border-solid, var(--lux-accent));
  box-shadow: var(--lux-btn-frame-shadow);
  color: var(--lux-btn-label, var(--lux-text));
}
body.lux-route-registration #page-registration .registration-course-title.lux-card-title {
  font-size: 13px;
  font-weight: 800;
  line-height: 1.4;
  color: var(--lux-text);
}
body.lux-route-registration #page-registration .registration-course-subtitle.lux-card-meta {
  margin-top: 2px;
  font-size: 11px;
  line-height: 1.45;
  color: var(--lux-text-muted);
}
body.lux-route-registration #page-registration .registration-course-meta {
  font-size: 10px;
  line-height: 1.55;
  letter-spacing: 0.02em;
  color: var(--lux-text-muted);
}
body.lux-route-registration #page-registration .registration-course-meta-line.is-spaced {
  margin-top: 4px;
}
body.lux-route-registration #page-registration .registration-course-meta-line.is-accent {
  color: #0f766e;
  font-weight: 700;
}
body.lux-route-registration #page-registration .registration-course-meta-line.is-info {
  color: #2563eb;
  font-weight: 700;
}
body.lux-route-registration #page-registration .registration-course-meta-line.is-success {
  color: #047857;
  font-weight: 700;
}
body.lux-route-registration #page-registration .registration-course-meta-line.is-danger {
  color: #dc2626;
  font-weight: 700;
}
body.lux-route-registration #page-registration .registration-course-meta-line.is-small {
  font-size: 10px;
}
body.lux-route-registration #page-registration .registration-course-action-state {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 96px;
  min-height: 40px;
  padding: 8px 12px;
  border-radius: 12px;
  font-size: 11px;
  font-weight: 800;
  border: 1px solid var(--lux-modal-glass-border, var(--lux-border));
  background: var(--lux-panel-modal-section, var(--lux-btn-well-soft));
}
body.lux-route-registration #page-registration .registration-course-action-state.is-locked {
  color: var(--lux-text-muted);
  border-color: color-mix(in srgb, var(--lux-text-muted) 28%, transparent);
}
body.lux-route-registration #page-registration .registration-course-action-state.is-empty {
  color: #c2410c;
  border-color: #fdba74;
  background: color-mix(in srgb, #fff7ed 72%, var(--lux-panel-fill));
}
body.lux-route-registration #page-registration .registration-course-picker-btn,
body.lux-route-registration #page-registration .registration-course-remove-btn {
  min-width: 96px;
  padding: 8px 12px;
  font-size: 11px;
}
body.lux-route-registration #page-registration .registration-course-empty {
  padding: 18px;
  text-align: center;
  color: var(--lux-text-muted);
  border: 1px dashed color-mix(in srgb, var(--lux-text-muted) 28%, transparent);
  border-radius: 16px;
  background: var(--lux-panel-modal-section, var(--lux-btn-well-soft));
}
body.lux-route-registration #page-registration .registration-state-card.home-hover-chip {
  gap: 8px;
  padding: 18px 20px;
}
body.lux-route-registration #page-registration .registration-state-title.lux-card-title {
  font-size: clamp(16px, 1.6vw, 20px);
  font-weight: 800;
  line-height: 1.25;
  color: var(--lux-text);
}
body.lux-route-registration #page-registration .registration-state-meta.lux-card-meta {
  font-size: 11px;
  line-height: 1.45;
  color: var(--lux-text-muted);
}
body.lux-route-registration #page-registration .registration-state-summary.lux-card-copy {
  font-size: 12px;
  line-height: 1.55;
  color: var(--lux-text-muted);
}
body.lux-route-registration #page-registration .registration-history-meta {
  font-size: 11px;
  font-weight: 700;
  line-height: 1.45;
  color: var(--lux-accent-2, var(--lux-accent));
  white-space: nowrap;
}


body.lux-route-personal-data .personal-data-shell[data-lux-glass-root="1"] {
  overflow: visible;
  contain: none;
  border-top: 3px solid rgba(var(--lux-accent-rgb), 0.55);
}

body.lux-route-personal-data .personal-data-shell[data-lux-glass-root="1"] > :is(
  .personal-data-hero,
  .personal-data-toolbar,
  .personal-data-workspace-body
) {
  background: none;
  background-image: none;
  border-radius: 0;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

body.lux-route-personal-data .personal-data-shell[data-lux-glass-root="1"] > .personal-data-hero {
  border: 0;
}

body.lux-route-personal-data .personal-data-shell[data-lux-glass-root="1"] > :is(
  .personal-data-toolbar,
  .personal-data-workspace-body
) {
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
  border-top: 1px solid var(--lux-soft-chrome-border-accent);
}


body.lux-route-personal-data #page-personal-data :is(
  .personal-data-identity-card,
  .personal-data-kpi-card,
  .personal-data-merged,
  .personal-data-blueprint-details,
  .personal-data-subjects-table-wrap,
  #personal-data-status.lux-status-pill
) {
  background-color: var(--home-chip-surface-fill, color-mix(in srgb, var(--home-chip-fill, transparent) 58%, transparent));
  background-image: var(--lux-soft-chrome-surface);
  border: 1px solid var(--lux-soft-chrome-border-accent);
  border-radius: 16px;
  box-shadow: var(--lux-soft-chrome-chip-shadow, var(--lux-elev-2));
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  background-clip: padding-box;
}

body.lux-route-personal-data #page-personal-data :is(
  .personal-data-identity-card.home-hover-chip,
  .personal-data-merged.home-hover-chip,
  .personal-data-blueprint-details.home-hover-chip,
  .personal-data-kpi-card.home-hover-chip
) {
  contain: none;
  overflow: visible;
}


body.lux-route-study-card #page-study-card :is(
  .study-card-term-header,
  .study-card-term-row,
  .study-card-assessment-panel,
  .study-card-activity-item
) {
  background-color: var(--home-chip-surface-fill, color-mix(in srgb, var(--home-chip-fill, transparent) 58%, transparent));
  background-image: var(--lux-soft-chrome-surface);
  border: 1px solid var(--lux-soft-chrome-border-accent);
  border-radius: 16px;
  box-shadow: var(--lux-soft-chrome-chip-shadow, var(--lux-elev-2));
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  background-clip: padding-box;
}


body.lux-unified-shell.lux-route-study-card #study-card-assessment-window .study-card-assessment-window {
  background-color: var(--lux-panel-fill);
  background-image: var(--lux-panel-surface);
  border: 1px solid var(--lux-panel-host-border);
  box-shadow: var(--lux-panel-host-shadow);
  backdrop-filter: var(--lux-panel-blur-filter);
  -webkit-backdrop-filter: var(--lux-panel-blur-filter);
  background-clip: padding-box;
}

body.lux-route-study-card #study-card-assessment-window .study-card-assessment-window__header {
  border-bottom-color: var(--lux-panel-host-border, var(--lux-soft-chrome-border-accent));
}

body.lux-route-study-card #study-card-assessment-window :is(
  .study-card-assessment-panel.lux-soft-chrome,
  .study-card-activity-item.lux-soft-chrome,
  .study-card-gradebook-overlay .gb-weight-card.lux-soft-chrome
) {
  background-color: var(--home-chip-surface-fill, color-mix(in srgb, var(--home-chip-fill, transparent) 58%, transparent));
  background-image: var(--lux-soft-chrome-surface);
  border: 1px solid var(--lux-soft-chrome-border-accent);
  border-radius: 16px;
  box-shadow: var(--lux-soft-chrome-chip-shadow, var(--lux-elev-2));
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  background-clip: padding-box;
}

body.lux-route-study-card #study-card-assessment-window .study-card-assessment-panel.lux-soft-chrome {
  border-radius: 18px;
}

body.lux-route-study-card #study-card-assessment-window .study-card-activity-item.lux-soft-chrome {
  border-radius: 16px;
}

body.lux-route-study-card #study-card-assessment-window .study-card-gradebook-overlay .gb-weight-card.lux-soft-chrome {
  border-radius: 22px;
}

body.lux-route-study-card #study-card-assessment-window .study-card-gradebook-overlay .gb-weight-card.lux-soft-chrome.home-hover-chip {
  contain: none;
  overflow: visible;
}

body.lux-route-study-card #study-card-assessment-window .study-card-gradebook-overlay .gb-modern-card-head {
  overflow: visible;
}

body.lux-route-study-card #study-card-assessment-window :is(
  .lux-status-pill.home-hover-chip,
  .gb-status-badge.lux-status-pill
) {
  background-color: var(--home-chip-surface-fill, color-mix(in srgb, var(--home-chip-fill, transparent) 58%, transparent));
  background-image: var(--lux-soft-chrome-surface);
  border: 1px solid var(--lux-soft-chrome-border-accent);
  box-shadow: var(--lux-soft-chrome-chip-shadow, var(--lux-elev-2));
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  background-clip: padding-box;
  border-radius: 999px;
}


body.lux-route-lms #lms-personal-dashboard-overlay .lms-personal-dashboard-card {
  border: 1px solid var(--lux-popup-shell-border);
  background-color: var(--lux-popup-shell-surface);
  background-image: var(--lux-warmglass-surface);
  box-shadow: var(--lux-popup-shell-shadow);
  backdrop-filter: var(--lux-popup-shell-blur);
  -webkit-backdrop-filter: var(--lux-popup-shell-blur);
  background-clip: padding-box;
}

body.lux-route-lms #lms-personal-dashboard-overlay .lms-personal-dashboard-head {
  border-bottom: 1px solid var(--lux-popup-shell-border, var(--lux-soft-chrome-border-accent));
}

body.lux-route-lms #lms-personal-dashboard-overlay :is(
  .lms-personal-dashboard-share-panel.lux-soft-chrome,
  .lms-personal-dashboard-history-panel.lux-soft-chrome,
  .lms-personal-dashboard-save-name-panel.lux-soft-chrome,
  .lms-personal-dashboard-history-item.lux-soft-chrome,
  .lms-personal-dashboard-shared-with-me-row.lux-soft-chrome,
  .lms-personal-dashboard-share-empty.lux-empty-state,
  .lms-personal-dashboard-history-empty.lux-empty-state
) {
  background-color: var(--home-chip-surface-fill, color-mix(in srgb, var(--home-chip-fill, transparent) 58%, transparent));
  background-image: var(--lux-soft-chrome-surface);
  border: 1px solid var(--lux-soft-chrome-border-accent);
  border-radius: 16px;
  box-shadow: var(--lux-soft-chrome-chip-shadow, var(--lux-elev-2));
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  background-clip: padding-box;
}

body.lux-route-lms #lms-personal-dashboard-overlay .lms-personal-dashboard-board-host {
  --wb-hud-border: var(--lux-soft-chrome-border-accent, var(--lux-border));
}

body.lux-route-lms #lms-personal-dashboard-overlay .lms-personal-dashboard-board-host :is(
  .lms-whiteboard-tools,
  .lms-whiteboard-zoom,
  .lms-whiteboard-minimap,
  .lms-whiteboard-props-card,
  .lms-whiteboard-panel
) {
  background-color: var(--home-chip-surface-fill, color-mix(in srgb, var(--home-chip-fill, transparent) 58%, transparent));
  background-image: var(--lux-soft-chrome-surface);
  border: 1px solid var(--lux-soft-chrome-border-accent);
  border-radius: 16px;
  box-shadow: var(--lux-soft-chrome-chip-shadow, var(--lux-elev-2));
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  background-clip: padding-box;
}

body.lux-route-lms #lms-personal-dashboard-overlay .lms-personal-dashboard-share-panel.lux-soft-chrome,
body.lux-route-lms #lms-personal-dashboard-overlay .lms-personal-dashboard-history-panel.lux-soft-chrome,
body.lux-route-lms #lms-personal-dashboard-overlay .lms-personal-dashboard-save-name-panel.lux-soft-chrome {
  border-radius: 18px;
}

body.lux-route-lms #lms-personal-dashboard-overlay .lms-personal-dashboard-share-overlay,
body.lux-route-lms #lms-personal-dashboard-overlay .lms-personal-dashboard-history-overlay,
body.lux-route-lms #lms-personal-dashboard-overlay .lms-personal-dashboard-save-name-overlay {
  background: var(--lux-warmglass-overlay-dark);
}

:is(html.lux-light-mode, body.lux-light-mode) #lms-personal-dashboard-overlay .lms-personal-dashboard-share-overlay,
:is(html.lux-light-mode, body.lux-light-mode) #lms-personal-dashboard-overlay .lms-personal-dashboard-history-overlay,
:is(html.lux-light-mode, body.lux-light-mode) #lms-personal-dashboard-overlay .lms-personal-dashboard-save-name-overlay {
  background: var(--lux-warmglass-overlay-light);
}

body.lux-route-lms #lms-personal-dashboard-overlay .lms-personal-dashboard-share-panel-icon,
body.lux-route-lms #lms-personal-dashboard-overlay .lms-personal-dashboard-history-panel-icon,
body.lux-route-lms #lms-personal-dashboard-overlay .lms-personal-dashboard-save-name-panel-icon {
  background-color: var(--home-chip-surface-fill, color-mix(in srgb, var(--home-chip-fill, transparent) 58%, transparent));
  background-image: var(--lux-soft-chrome-surface);
  border: 1px solid var(--lux-soft-chrome-border-accent);
}

body.lux-route-lms #lms-personal-dashboard-overlay .lms-personal-dashboard-share-search {
  background-color: var(--home-chip-surface-fill, color-mix(in srgb, var(--home-chip-fill, transparent) 58%, transparent));
  background-image: var(--lux-soft-chrome-surface);
  border: 1px solid var(--lux-soft-chrome-border-accent);
}

body.lux-route-lms #lms-personal-dashboard-overlay .lms-personal-dashboard-share-seg-btn {
  border: 1px solid var(--lux-soft-chrome-border-accent);
  background: transparent;
  color: var(--lux-text-muted);
}

body.lux-route-lms #lms-personal-dashboard-overlay .lms-personal-dashboard-share-seg-btn.is-active.is-off {
  background: color-mix(in srgb, var(--lux-text-muted) 18%, transparent);
  color: var(--lux-text);
}

body.lux-route-lms #lms-personal-dashboard-overlay .lms-personal-dashboard-share-seg-btn.is-active.is-view {
  background: color-mix(in srgb, rgb(var(--lux-accent-rgb)) 22%, transparent);
  border-color: color-mix(in srgb, rgb(var(--lux-accent-rgb)) 42%, transparent);
  color: var(--lux-text);
}

body.lux-route-lms #lms-personal-dashboard-overlay .lms-personal-dashboard-share-seg-btn.is-active.is-edit {
  background: color-mix(in srgb, #22c55e 22%, transparent);
  border-color: color-mix(in srgb, #22c55e 42%, transparent);
  color: var(--lux-text);
}

body.lux-route-lms #lms-personal-dashboard-overlay .lms-personal-dashboard-peer-avatar {
  background-color: var(--home-chip-surface-fill, color-mix(in srgb, var(--home-chip-fill, transparent) 58%, transparent));
  background-image: var(--lux-soft-chrome-surface);
  border: 1px solid var(--lux-soft-chrome-border-accent);
  color: var(--lux-text);
}

body.lux-route-lms #lms-personal-dashboard-overlay :is(
  .lms-personal-dashboard-share-trigger-summary.lux-status-pill,
  .lms-personal-dashboard-share-badge.lux-status-pill,
  .lms-personal-dashboard-staff-notice.lux-status-pill
) {
  background-color: var(--home-chip-surface-fill, color-mix(in srgb, var(--home-chip-fill, transparent) 58%, transparent));
  background-image: var(--lux-soft-chrome-surface);
  border: 1px solid var(--lux-soft-chrome-border-accent);
  box-shadow: var(--lux-soft-chrome-chip-shadow, var(--lux-elev-2));
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  background-clip: padding-box;
  border-radius: 999px;
}

body.lux-route-lms #lms-personal-dashboard-overlay .lms-personal-dashboard-share-badge.is-view,
body.lux-route-lms #lms-personal-dashboard-overlay .lms-personal-dashboard-staff-notice:not(.is-denied):not(.is-edit) {
  border-color: color-mix(in srgb, rgb(var(--lux-accent-rgb)) 36%, transparent);
}

body.lux-route-lms #lms-personal-dashboard-overlay .lms-personal-dashboard-share-badge.is-edit,
body.lux-route-lms #lms-personal-dashboard-overlay .lms-personal-dashboard-staff-notice.is-edit {
  border-color: color-mix(in srgb, #22c55e 42%, transparent);
}

body.lux-route-lms #lms-personal-dashboard-overlay .lms-personal-dashboard-staff-notice.is-denied {
  border-color: color-mix(in srgb, #ef4444 36%, transparent);
}

body.lux-route-lms #lms-personal-dashboard-overlay .lms-personal-dashboard-history-item.is-autosave {
  opacity: 0.88;
}

body.lux-route-lms #lms-personal-dashboard-overlay .lms-personal-dashboard-autosave-status.is-saving {
  color: rgb(var(--lux-accent-rgb));
}


body:is(.lux-route-lms, .lux-route-faculty-gradebook, .lux-route-study-card) #gradebook-category-history-modal :is(
  .gb-category-history-card.lux-soft-chrome,
  .gb-category-history-comment.lux-soft-chrome,
  .gb-score-history-row.lux-soft-chrome,
  .gb-category-history-empty.lux-empty-state
) {
  background-color: var(--home-chip-surface-fill, color-mix(in srgb, var(--home-chip-fill, transparent) 58%, transparent));
  background-image: var(--lux-soft-chrome-surface);
  border: 1px solid var(--lux-soft-chrome-border-accent);
  border-radius: 16px;
  box-shadow: var(--lux-soft-chrome-chip-shadow, var(--lux-elev-2));
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  background-clip: padding-box;
}

body:is(.lux-route-lms, .lux-route-faculty-gradebook, .lux-route-study-card) #gradebook-category-history-modal .gb-score-history-row.lux-soft-chrome {
  border-radius: 12px;
}

body:is(.lux-route-lms, .lux-route-faculty-gradebook, .lux-route-study-card) #gradebook-category-history-modal .gb-category-history-comment.lux-soft-chrome {
  border-radius: 14px;
}

body:is(.lux-route-lms, .lux-route-faculty-gradebook, .lux-route-study-card) #gradebook-category-history-modal .gb-category-history-empty.lux-empty-state {
  border-style: dashed;
}

body:is(.lux-route-lms, .lux-route-faculty-gradebook, .lux-route-study-card) #gradebook-category-history-modal .gb-score-history-row.lux-soft-chrome.is-current,
body.lux-route-lms #page-lms-inner [data-lux-glass-root="1"] .gb-score-history-row.lux-soft-chrome.is-current {
  border-color: rgba(var(--lux-accent-rgb), 0.34);
  box-shadow: inset 0 0 0 1px rgba(var(--lux-accent-rgb), 0.14);
}


body:is(.lux-route-lms, .lux-route-faculty-gradebook, .lux-route-study-card) #student-evaluation-history-modal :is(
  .gb-modal-category-card.lux-soft-chrome,
  .gb-modal-history-card.lux-soft-chrome,
  .gb-staff-create-card.lux-soft-chrome,
  .gb-modal-section.lux-soft-chrome,
  .gb-score-history-row.lux-soft-chrome
) {
  background-color: var(--home-chip-surface-fill, color-mix(in srgb, var(--home-chip-fill, transparent) 58%, transparent));
  background-image: var(--lux-soft-chrome-surface);
  border: 1px solid var(--lux-soft-chrome-border-accent);
  border-radius: 16px;
  box-shadow: var(--lux-soft-chrome-chip-shadow, var(--lux-elev-2));
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  background-clip: padding-box;
}

body:is(.lux-route-lms, .lux-route-faculty-gradebook, .lux-route-study-card) #student-evaluation-history-modal .gb-modal-category-card.lux-soft-chrome {
  border-radius: 18px;
}

body:is(.lux-route-lms, .lux-route-faculty-gradebook, .lux-route-study-card) #student-evaluation-history-modal .gb-modal-history-card.lux-soft-chrome {
  border-radius: 18px;
}

body:is(.lux-route-lms, .lux-route-faculty-gradebook, .lux-route-study-card) #student-evaluation-history-modal .gb-staff-create-card.lux-soft-chrome,
body:is(.lux-route-lms, .lux-route-faculty-gradebook, .lux-route-study-card) #student-evaluation-history-modal .gb-modal-section.lux-soft-chrome {
  border-radius: 18px;
}

body:is(.lux-route-lms, .lux-route-faculty-gradebook, .lux-route-study-card) #student-evaluation-history-modal .gb-score-history-row.lux-soft-chrome {
  border-radius: 12px;
}

body:is(.lux-route-lms, .lux-route-faculty-gradebook, .lux-route-study-card) #student-evaluation-history-modal .gb-score-history-row.lux-soft-chrome.is-current {
  border-color: rgba(var(--lux-accent-rgb), 0.34);
  box-shadow: inset 0 0 0 1px rgba(var(--lux-accent-rgb), 0.14);
}


body.lux-route-chancellery #page-chancellery :is(
  .lux-chancellery-command-bar,
  .lux-chancellery-hero-side,
  .lux-chancellery-hero-side .lux-hero-signal.home-hover-chip,
  .lux-chancellery-list-panel,
  .lux-chancellery-detail-panel,
  .lux-chancellery-queue-item,
  .lux-chancellery-subcard.lux-soft-chrome,
  .lux-chancellery-thread-entry.lux-soft-chrome,
  .lux-chancellery-finance-card
) {
  background-color: var(--home-chip-surface-fill, color-mix(in srgb, var(--home-chip-fill, transparent) 58%, transparent));
  background-image: var(--lux-soft-chrome-surface);
  border: 1px solid var(--lux-soft-chrome-border-accent);
  border-radius: 16px;
  box-shadow: var(--lux-soft-chrome-chip-shadow, var(--lux-elev-2));
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  background-clip: padding-box;
}

body.lux-route-chancellery #page-chancellery .lux-chancellery-queue-item {
  border-radius: 14px;
}

body.lux-route-chancellery #page-chancellery :is(
  .lux-chancellery-hero-side.home-hover-chip,
  .lux-chancellery-list-panel.home-hover-chip,
  .lux-chancellery-command-bar.home-hover-chip,
  .lux-chancellery-queue-item.home-hover-chip,
  .lux-chancellery-detail-panel.home-hover-chip,
  .lux-chancellery-finance-card.home-hover-chip
) {
  contain: none;
  overflow: visible;
}


body.lux-route-students-admin #students-content :is(
  .students-hub-controls.home-hover-chip,
  .students-hub-directory-panel.home-hover-chip,
  .students-hub-result-pill.home-hover-chip,
  .students-hub-chip.lux-status-pill.home-hover-chip,
  .students-hub-form-section.lux-data-card.home-hover-chip,
  .students-hub-profile-metric.lux-data-card.home-hover-chip,
  .students-hub-info-card.lux-data-card.home-hover-chip,
  .students-hub-academic-section.lux-data-card.home-hover-chip,
  .students-hub-profile-field.lux-soft-chrome.home-hover-chip,
  .students-hub-builder-rail.lux-soft-chrome.home-hover-chip,
  .students-hub-builder-canvas.lux-soft-chrome.home-hover-chip,
  .students-hub-profile-panel.lux-data-card.home-hover-chip,
  .students-hub-section-field-workspace.lux-data-card.home-hover-chip,
  .students-hub-profile-list-shell.home-hover-chip,
  .students-hub-profile-row.home-hover-chip,
  .students-hub-studio-field-row.home-hover-chip,
  .students-hub-builder-type.home-hover-chip,
  .students-hub-studio-quick-btn.home-hover-chip,
  .students-hub-copy-bar.home-hover-chip
),
body.lux-route-staff #staff-content :is(
  .staff-hub-controls.home-hover-chip,
  .staff-hub-directory-panel.home-hover-chip,
  .staff-hub-result-pill.home-hover-chip,
  .staff-hub-chip.lux-status-pill.home-hover-chip,
  .staff-hub-info-card.lux-data-card.home-hover-chip,
  .staff-hub-profile-field.lux-soft-chrome.home-hover-chip,
  .staff-hub-builder-rail.lux-soft-chrome.home-hover-chip,
  .staff-hub-builder-canvas.lux-soft-chrome.home-hover-chip,
  .staff-hub-profile-panel.lux-data-card.home-hover-chip,
  .staff-hub-section-field-workspace.lux-data-card.home-hover-chip,
  .staff-hub-profile-list-shell.home-hover-chip,
  .staff-hub-profile-row.home-hover-chip,
  .staff-hub-studio-field-row.home-hover-chip,
  .staff-hub-builder-type.home-hover-chip,
  .staff-hub-studio-quick-btn.home-hover-chip,
  .staff-hub-copy-bar.home-hover-chip
) {
  background-color: var(--home-chip-surface-fill, color-mix(in srgb, var(--home-chip-fill, transparent) 58%, transparent));
  background-image: var(--lux-soft-chrome-surface);
  border: 1px solid var(--lux-soft-chrome-border-accent);
  border-radius: 16px;
  box-shadow: var(--lux-soft-chrome-chip-shadow, var(--lux-elev-2));
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  background-clip: padding-box;
}

body.lux-route-students-admin #students-content .students-hub-controls.home-hover-chip,
body.lux-route-students-admin #students-content .students-hub-directory-panel.home-hover-chip,
body.lux-route-students-admin #students-content .students-hub-builder-rail.lux-soft-chrome.home-hover-chip,
body.lux-route-students-admin #students-content .students-hub-builder-canvas.lux-soft-chrome.home-hover-chip,
body.lux-route-staff #staff-content .staff-hub-controls.home-hover-chip,
body.lux-route-staff #staff-content .staff-hub-directory-panel.home-hover-chip,
body.lux-route-staff #staff-content .staff-hub-builder-rail.lux-soft-chrome.home-hover-chip,
body.lux-route-staff #staff-content .staff-hub-builder-canvas.lux-soft-chrome.home-hover-chip {
  border-radius: 20px;
}

body.lux-route-students-admin #students-content :is(
  .students-hub-profile-row.home-hover-chip,
  .students-hub-studio-field-row.home-hover-chip,
  .students-hub-builder-type.home-hover-chip
),
body.lux-route-staff #staff-content :is(
  .staff-hub-profile-row.home-hover-chip,
  .staff-hub-studio-field-row.home-hover-chip,
  .staff-hub-builder-type.home-hover-chip
) {
  contain: none;
  overflow: visible;
}

body.lux-route-students-admin #students-content .students-hub-studio-quick-btn.home-hover-chip,
body.lux-route-staff #staff-content .staff-hub-studio-quick-btn.home-hover-chip {
  border-radius: 999px;
}

body.lux-route-students-admin #students-content .students-hub-profile-row.is-active.home-hover-chip,
body.lux-route-staff #staff-content .staff-hub-profile-row.is-active.home-hover-chip,
body.lux-route-students-admin #students-content .students-hub-builder-type.is-active.home-hover-chip,
body.lux-route-staff #staff-content .staff-hub-builder-type.is-active.home-hover-chip {
  border-color: rgba(var(--lux-accent-rgb), 0.34);
  box-shadow: var(--lux-hub-active-row-shadow, var(--lux-elev-1));
}

body.lux-route-students-admin #students-content .students-hub-studio-field-row.is-required.home-hover-chip,
body.lux-route-staff #staff-content .staff-hub-studio-field-row.is-required.home-hover-chip {
  border-color: rgba(239, 68, 68, 0.22);
}

body.lux-route-chancellery #page-chancellery .lux-chancellery-subcard.lux-soft-chrome.home-hover-chip,
body.lux-route-chancellery #page-chancellery .lux-chancellery-thread-entry.lux-soft-chrome.home-hover-chip {
  border-radius: 14px;
}


body.lux-route-news #portal-news-root :is(
  .newsx-sidebar.home-hover-chip,
  .newsx-header-bar,
  .newsx-feed-card.lux-soft-chrome,
  .lux-empty-state.newsx-empty,
  .lux-empty-state.newsx-error
) {
  background-color: var(--home-chip-surface-fill, color-mix(in srgb, var(--home-chip-fill, transparent) 58%, transparent));
  background-image: var(--lux-soft-chrome-surface);
  border: 1px solid var(--lux-soft-chrome-border-accent);
  border-radius: 16px;
  box-shadow: var(--lux-soft-chrome-chip-shadow, var(--lux-elev-2));
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  background-clip: padding-box;
}


.newsx-sections-modal .newsx-sections-row.home-hover-chip,
.newsx-publisher-modal :is(
  .newsx-publisher-pane.home-hover-chip,
  .newsx-editor-ribbon.home-hover-chip,
  .newsx-publisher-section-tab.home-hover-chip,
  :is(.newsx-publisher-radio-card, .newsx-publisher-toggle-card, .lux-check-card).home-hover-chip,
  .newsx-attachment-chip.home-hover-chip,
  .newsx-attach-btn.home-hover-chip
) {
  contain: none !important;
  content-visibility: visible !important;
  contain-intrinsic-size: auto !important;
  overflow: visible !important;
}

.newsx-sections-modal .newsx-sections-row.home-hover-chip {
  border-radius: 14px;
}


#page-library :is(
  .alib-panel.lux-soft-chrome.home-hover-chip,
  .admin-library-catalog-card .admin-library-tabs,
  .admin-library-tab-btn.home-hover-chip,
  .admin-library-manage-sections-btn.home-hover-chip,
  .admin-library-empty-state.home-hover-chip,
  .admin-library-empty-state
) {
  background-color: var(--home-chip-surface-fill, color-mix(in srgb, var(--home-chip-fill, transparent) 58%, transparent));
  background-image: var(--lux-soft-chrome-surface);
  border: 1px solid var(--lux-soft-chrome-border-accent);
  border-radius: 16px;
  box-shadow: var(--lux-soft-chrome-chip-shadow, var(--lux-elev-2));
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  background-clip: padding-box;
}

body.lux-route-admin-library #page-library .alib-panel.home-hover-chip,
body.lux-entry-admin-library #page-library .alib-panel.home-hover-chip {
  contain: none;
  overflow: visible;
}

#page-library :is(.admin-library-status-pill, .library-status-pill) {
  background-color: var(--home-chip-surface-fill, color-mix(in srgb, var(--home-chip-fill, transparent) 58%, transparent));
  background-image: var(--lux-soft-chrome-surface);
  border: 1px solid var(--lux-soft-chrome-border-accent);
  border-radius: 999px;
  box-shadow: var(--lux-soft-chrome-chip-shadow, var(--lux-elev-2));
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  background-clip: padding-box;
}

#page-library .admin-library-empty-state {
  border-style: dashed;
}


:is(#page-library, .admin-library-modal) :is(
  .admin-library-schema-field-row.home-hover-chip,
  .admin-library-schema-add-form.home-hover-chip,
  .admin-library-schema-empty.home-hover-chip,
  .admin-library-schema-droplist-editor-body.home-hover-chip,
  .admin-library-sections-add-row.lux-soft-chrome,
  .admin-library-sections-panel.home-hover-chip,
  .admin-library-section-row.home-hover-chip,
  .admin-library-chip.home-hover-chip,
  .admin-library-param-group.home-hover-chip
) {
  background-color: var(--home-chip-surface-fill, color-mix(in srgb, var(--home-chip-fill, transparent) 58%, transparent));
  background-image: var(--lux-soft-chrome-surface);
  border: 1px solid var(--lux-soft-chrome-border-accent);
  border-radius: 16px;
  box-shadow: var(--lux-soft-chrome-chip-shadow, var(--lux-elev-2));
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  background-clip: padding-box;
}

:is(#page-library, .admin-library-modal) :is(
  .admin-library-schema-field-row.home-hover-chip,
  .admin-library-section-row.home-hover-chip,
  .admin-library-chip.home-hover-chip
) {
  contain: none;
  overflow: visible;
  isolation: auto;
}

:is(#page-library, .admin-library-modal) .admin-library-schema-empty.home-hover-chip,
:is(#page-library, .admin-library-modal) .admin-library-sections-empty.lux-empty-state {
  border-style: dashed;
}

:is(#page-library, .admin-library-modal) .admin-library-chip.home-hover-chip {
  border-radius: 999px;
}


:is(#page-admin-scheduler, #schPresetManagerOverlay) :is(
  .sch-form-section.home-hover-chip,
  .sch-conflict-alert.home-hover-chip,
  .sch-modal-mode-chip.home-hover-chip,
  .sch-preset-manage-item.home-hover-chip
) {
  background-color: var(--home-chip-surface-fill, color-mix(in srgb, var(--home-chip-fill, transparent) 58%, transparent));
  background-image: var(--lux-soft-chrome-surface);
  border: 1px solid var(--lux-soft-chrome-border-accent);
  border-radius: 16px;
  box-shadow: var(--lux-soft-chrome-chip-shadow, var(--lux-elev-2));
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  background-clip: padding-box;
}

:is(#page-admin-scheduler, #schPresetManagerOverlay) :is(
  .sch-form-section.home-hover-chip,
  .sch-preset-manage-item.home-hover-chip
) {
  contain: none;
  overflow: visible;
}

#schPresetManagerOverlay .sch-modal-mode-chip.home-hover-chip {
  color: var(--lux-accent-2);
  border-radius: 999px;
}

#page-library .admin-library-catalog-foot {
  border-top: 1px solid var(--lux-soft-chrome-border-accent);
}

#page-library .admin-library-catalog-table thead th {
  color: rgba(var(--lux-accent-rgb), 0.76);
  background: rgba(var(--lux-accent-rgb), 0.06);
  border-bottom: 1px solid var(--lux-soft-chrome-border-accent);
}

#page-library .admin-library-catalog-table tbody td.admin-library-catalog-cell {
  color: var(--lux-text);
  border-bottom: 1px solid color-mix(in srgb, var(--lux-soft-chrome-border-accent) 72%, transparent);
  background: color-mix(in srgb, var(--lux-panel-fill, transparent) 36%, transparent);
}

#page-library .admin-library-catalog-table tbody tr.admin-library-catalog-row:hover td.admin-library-catalog-cell {
  background: rgba(var(--lux-accent-rgb), 0.12);
}

#page-library .admin-library-catalog-table tbody tr.admin-library-empty-row,
#page-library .admin-library-catalog-table tbody tr.admin-library-empty-row:hover {
  cursor: default;
  pointer-events: none;
}

#page-library .admin-library-catalog-table tbody tr.admin-library-empty-row td,
#page-library .admin-library-catalog-table tbody tr.admin-library-empty-row:hover td,
#page-library .admin-library-empty-cell {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border-bottom-color: transparent !important;
  box-shadow: none !important;
}

#page-library .admin-library-catalog-card .lux-tab-btn.active,
#page-library .admin-library-catalog-card .lux-tab-btn[aria-pressed='true'] {
  color: #fff8ef;
  background: linear-gradient(
    135deg,
    rgba(var(--lux-accent-rgb), calc(var(--lux-transparency-alpha, .92) * 0.55)),
    rgba(var(--lux-home-secondary-rgb), calc(var(--lux-transparency-alpha, .92) * 0.42))
  );
  border-color: rgba(var(--lux-accent-rgb), 0.45);
  box-shadow:
    inset 0 1px 0 hsl(var(--lux-ink-100, 0 0% 100%) / 0.18),
    0 8px 22px -10px rgba(var(--lux-accent-rgb), 0.5);
}

body.lux-route-library #page-library.lux-page-shell {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

body.lux-route-library #page-library [data-library-catalog-shell="1"] {
  transition: none;
  contain: none;
  overflow: visible;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

body.lux-route-library #page-library [data-library-catalog-shell="1"]::after {
  display: none;
}


body.lux-unified-shell #page-library .admin-library-catalog-card {
  background-color: var(--lux-panel-fill);
  background-image: var(--lux-panel-surface);
  border: 1px solid var(--lux-panel-host-border);
  box-shadow: var(--lux-panel-host-shadow);
  backdrop-filter: var(--lux-panel-blur-filter);
  -webkit-backdrop-filter: var(--lux-panel-blur-filter);
  background-clip: padding-box;
}

body.lux-unified-shell #page-library .admin-library-catalog-card {
  border-radius: 22px;
}


body.lux-route-student-service #page-student-service :is(
  .student-service-lane-choice-stats .lux-pill,
  .student-service-student-hub-track-compact,
  .student-service-attachment-chip,
  .student-service-panel-chip,
  .student-service-command-bar-stat,
  .student-service-find-search,
  .student-service-empty-state,
  .student-service-qa-card,
  .student-service-qa-answer-card,
  .student-service-ticket-inbox-row,
  .student-service-ticket-card,
  .student-service-mini-action,
  .student-service-ticket-msg-bubble,
  .student-service-pill
) {
  background-color: var(--home-chip-surface-fill, color-mix(in srgb, var(--home-chip-fill, transparent) 58%, transparent));
  background-image: var(--lux-soft-chrome-surface);
  border: 1px solid var(--lux-soft-chrome-border-accent);
  border-radius: 16px;
  box-shadow: var(--lux-soft-chrome-chip-shadow, var(--lux-elev-2));
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  background-clip: padding-box;
}

body.lux-route-student-service #page-student-service .student-service-lane-choice-card {
  border-radius: 28px;
}

body.lux-route-student-service #page-student-service .student-service-zone {
  border-radius: 28px;
}

body.lux-route-student-service #page-student-service .student-service-student-hub-track-compact {
  border-radius: 18px;
}

body.lux-route-student-service #page-student-service .student-service-attachment-chip {
  border-radius: 999px;
}

body.lux-route-student-service #page-student-service .student-service-panel-chip,
body.lux-route-student-service #page-student-service .student-service-command-bar-stat {
  border-radius: 999px;
}

body.lux-route-student-service #page-student-service .student-service-find-search {
  border-radius: 18px;
}

body.lux-route-student-service #page-student-service .student-service-empty-state {
  border-radius: 18px;
  border-style: dashed;
}

body.lux-route-student-service #page-student-service .student-service-qa-card,
body.lux-route-student-service #page-student-service .student-service-qa-answer-card {
  border-radius: 22px;
}

body.lux-route-student-service #page-student-service .student-service-ticket-inbox-row {
  border-radius: 18px;
}

body.lux-route-student-service #page-student-service .student-service-ticket-card {
  border-radius: 22px;
}

body.lux-route-student-service #page-student-service .student-service-mini-action {
  border-radius: 999px;
}

body.lux-route-student-service #page-student-service .student-service-status {
  border: 1px solid var(--lux-soft-chrome-border-accent);
  box-shadow: none;
}

body.lux-route-student-service #page-student-service :is(
  .student-service-qa-card,
  .student-service-qa-answer-card
) .student-service-pill {
  background-color: color-mix(in srgb, var(--home-chip-surface-fill, transparent) 40%, transparent);
  box-shadow: none;
}

body.lux-route-student-service #page-student-service .student-service-ticket-msg-bubble {
  border-radius: 18px;
}

body.lux-route-student-service #page-student-service .student-service-pill {
  border-radius: 999px;
}

body.lux-route-student-service #page-student-service .student-service-ticket-inbox-row.is-selected {
  border-color: color-mix(in srgb, var(--lux-soft-chrome-border-accent) 50%, rgba(var(--lux-accent-rgb), 0.5));
}

body.lux-route-student-service #page-student-service .student-service-ticket-card.is-selected {
  border-color: color-mix(in srgb, var(--lux-soft-chrome-border-accent) 50%, rgba(var(--lux-service-accent-rgb), 0.5));
  box-shadow: 0 0 0 1px rgba(var(--lux-service-accent-rgb), 0.12), var(--lux-soft-chrome-chip-shadow, var(--lux-elev-2));
}

body.lux-route-student-service #page-student-service .student-service-ticket-msg-bubble.is-mine {
  border-color: color-mix(in srgb, var(--lux-soft-chrome-border-accent) 45%, rgba(var(--lux-accent-rgb), 0.42));
}

body.lux-route-student-service #page-student-service .student-service-qa-card.is-open {
  border-color: color-mix(in srgb, var(--lux-soft-chrome-border-accent) 55%, rgba(var(--lux-accent-rgb), 0.45));
}

body.lux-route-student-service #page-student-service .student-service-qa-answer-card.is-accepted {
  border-color: color-mix(in srgb, var(--lux-soft-chrome-border-accent) 50%, rgba(var(--lux-accent-rgb), 0.38));
}

body.lux-route-student-service #page-student-service .student-service-qa-card-detail {
  border-top: 1px solid var(--lux-soft-chrome-border-accent);
}

body.lux-route-student-service #page-student-service.lux-page-shell {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

body.lux-route-student-service #page-student-service :is(
  .student-service-shell[data-lux-glass-root="1"],
  .student-service-canvas
) {
  transition: none;
  contain: none;
  overflow: visible;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

body.lux-route-student-service #page-student-service :is(
  .student-service-shell[data-lux-glass-root="1"],
  .student-service-canvas
)::after {
  display: none;
}


body.lux-route-student-service #student-service-modal-root :is(
  .student-service-qa-composer-modal-backdrop,
  .student-service-qa-delete-modal-backdrop,
  .student-service-guidance-modal-backdrop,
  .student-service-qa-thread-modal-backdrop,
  .student-service-ticket-thread-modal-backdrop,
  .student-service-inbox-filter-editor-backdrop
) {
  background: var(--lux-warmglass-overlay-dark);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

body.lux-light-mode.lux-route-student-service #student-service-modal-root :is(
  .student-service-qa-composer-modal-backdrop,
  .student-service-qa-delete-modal-backdrop,
  .student-service-guidance-modal-backdrop,
  .student-service-qa-thread-modal-backdrop,
  .student-service-ticket-thread-modal-backdrop,
  .student-service-inbox-filter-editor-backdrop
),
html.lux-light-mode body.lux-route-student-service #student-service-modal-root :is(
  .student-service-qa-composer-modal-backdrop,
  .student-service-qa-delete-modal-backdrop,
  .student-service-guidance-modal-backdrop,
  .student-service-qa-thread-modal-backdrop,
  .student-service-ticket-thread-modal-backdrop,
  .student-service-inbox-filter-editor-backdrop
) {
  background: var(--lux-warmglass-overlay-light);
}

body.lux-unified-shell.lux-route-student-service #student-service-modal-root :is(
  .student-service-qa-composer-modal,
  .student-service-qa-delete-confirm,
  .student-service-guidance-modal,
  .student-service-qa-thread-modal,
  .student-service-ticket-thread-modal,
  .student-service-inbox-filter-editor-modal
) {
  background-color: var(--lux-panel-fill);
  background-image: var(--lux-panel-surface);
  border: 1px solid var(--lux-panel-host-border);
  box-shadow: var(--lux-panel-host-shadow);
  backdrop-filter: var(--lux-panel-blur-filter);
  -webkit-backdrop-filter: var(--lux-panel-blur-filter);
  background-clip: padding-box;
}

body.lux-route-student-service #student-service-modal-root :is(
  .student-service-qa-composer-modal-accent,
  .student-service-qa-delete-confirm-accent,
  .student-service-guidance-modal-accent,
  .student-service-qa-thread-modal-accent,
  .student-service-ticket-thread-modal-accent,
  .student-service-inbox-filter-editor-accent
) {
  background: linear-gradient(90deg, rgba(var(--lux-accent-rgb), 0.92), rgba(var(--lux-shell-glow-rgb, var(--lux-accent-rgb)), 0.72));
}

body.lux-route-student-service #student-service-modal-root :is(
  .student-service-qa-composer-modal-icon-chip,
  .student-service-qa-delete-confirm-icon-chip,
  .student-service-guidance-modal-icon-chip,
  .student-service-qa-thread-modal-icon-chip,
  .student-service-inbox-filter-editor-icon-chip
) {
  color: rgba(var(--lux-accent-rgb), 0.96);
}

body.lux-route-student-service #student-service-modal-root :is(
  .student-service-qa-composer-modal-actions,
  .student-service-qa-delete-confirm-actions,
  .student-service-inbox-filter-editor-actions
) {
  border-top: 1px solid var(--lux-panel-host-border, var(--lux-soft-chrome-border-accent));
}


body.lux-route-student-service #student-service-modal-root :is(
  .student-service-inbox-filter-editor-row.lux-soft-chrome.home-hover-chip,
  .student-service-inbox-filter-editor-option.lux-soft-chrome.home-hover-chip,
  .student-service-inbox-filter-editor-icon-chip.lux-soft-chrome.home-hover-chip
) {
  background-color: var(--home-chip-surface-fill, color-mix(in srgb, var(--home-chip-fill, transparent) 58%, transparent));
  background-image: var(--lux-soft-chrome-surface);
  border: 1px solid var(--lux-soft-chrome-border-accent);
  box-shadow: var(--lux-soft-chrome-chip-shadow, var(--lux-elev-2));
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  background-clip: padding-box;
}

body.lux-route-student-service #student-service-modal-root .student-service-inbox-filter-editor-row.lux-soft-chrome.home-hover-chip {
  border-radius: 16px;
}

body.lux-route-student-service #student-service-modal-root .student-service-inbox-filter-editor-option.lux-soft-chrome.home-hover-chip {
  border-radius: 12px;
}

body.lux-route-student-service #student-service-modal-root .student-service-inbox-filter-editor-icon-chip.lux-soft-chrome.home-hover-chip {
  border-radius: 14px;
}

body.lux-route-student-service #student-service-modal-root :is(
  .student-service-inbox-filter-editor-list,
  .student-service-inbox-filter-editor-row.home-hover-chip,
  .student-service-inbox-filter-editor-option.home-hover-chip,
  .student-service-inbox-filter-editor-options
) {
  overflow: visible;
  contain: none;
}

body.lux-route-student-service #student-service-modal-root :is(
  .student-service-pill,
  .student-service-mini-action
) {
  background-color: var(--home-chip-surface-fill, color-mix(in srgb, var(--home-chip-fill, transparent) 58%, transparent));
  background-image: var(--lux-soft-chrome-surface);
  border: 1px solid var(--lux-soft-chrome-border-accent);
  box-shadow: var(--lux-soft-chrome-chip-shadow, var(--lux-elev-2));
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  background-clip: padding-box;
  border-radius: 999px;
}

body.lux-route-student-service #student-service-modal-root :is(
  .student-service-find-search,
  .student-service-empty-state,
  .student-service-ticket-card
) {
  background-color: var(--home-chip-surface-fill, color-mix(in srgb, var(--home-chip-fill, transparent) 58%, transparent));
  background-image: var(--lux-soft-chrome-surface);
  border: 1px solid var(--lux-soft-chrome-border-accent);
  box-shadow: var(--lux-soft-chrome-chip-shadow, var(--lux-elev-2));
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  background-clip: padding-box;
}

body.lux-route-student-service #student-service-modal-root .student-service-find-search {
  border-radius: 18px;
}

body.lux-route-student-service #student-service-modal-root .student-service-empty-state {
  border-radius: 18px;
  border-style: dashed;
}

body.lux-route-student-service #student-service-modal-root .student-service-ticket-card {
  border-radius: 22px;
}

body.lux-route-student-service #student-service-modal-root .student-service-ticket-card.is-selected {
  border-color: color-mix(in srgb, var(--lux-soft-chrome-border-accent) 50%, rgba(var(--lux-service-accent-rgb), 0.5));
  box-shadow: 0 0 0 1px rgba(var(--lux-service-accent-rgb), 0.12), var(--lux-soft-chrome-chip-shadow, var(--lux-elev-2));
}

body.lux-route-student-service #student-service-modal-root .student-service-guidance-pane.lux-soft-chrome {
  border-radius: 18px;
}

body.lux-route-student-service #student-service-modal-root .student-service-attachment-chip {
  border-radius: 999px;
}

body.lux-route-student-service #student-service-modal-root :is(
  .student-service-empty-state,
  .student-service-qa-inline-reply-banner,
  .student-service-qa-thread-reply,
  .student-service-qa-empty-note,
  .student-service-qa-reply-locked
) {
  border-radius: 16px;
}

body.lux-route-student-service #student-service-modal-root .social-neo-comment-bubble.lux-soft-chrome {
  border-radius: 16px;
}

body.lux-route-student-service #student-service-modal-root .social-neo-comment-reply-form.lux-soft-chrome.home-hover-chip {
  border-radius: 12px;
}

body.lux-route-student-service #student-service-modal-root .student-service-qa-answer-card .student-service-pill {
  background-color: color-mix(in srgb, var(--home-chip-surface-fill, transparent) 40%, transparent);
  box-shadow: none;
}

body.lux-route-student-service #student-service-modal-root .social-neo-comment-children {
  border-left-color: color-mix(in srgb, var(--lux-soft-chrome-border-accent) 70%, transparent);
}

body.lux-route-student-service #student-service-modal-root .student-service-qa-delete-confirm-preview {
  background-color: var(--home-chip-surface-fill, color-mix(in srgb, var(--home-chip-fill, transparent) 40%, transparent));
  background-image: var(--lux-soft-chrome-surface);
  border: 1px solid var(--lux-soft-chrome-border-accent);
  border-radius: 16px;
}


body.lux-unified-shell #page-student-service :is(
  .student-service-command-bar-shell,
  .student-service-zone,
  .student-service-lane-choice-card
) {
  background-color: var(--lux-panel-fill);
  background-image: var(--lux-panel-surface);
  border: 1px solid var(--lux-panel-host-border);
  box-shadow: var(--lux-panel-host-shadow);
  backdrop-filter: var(--lux-panel-blur-filter);
  -webkit-backdrop-filter: var(--lux-panel-blur-filter);
  background-clip: padding-box;
}

body.lux-unified-shell #page-student-service .student-service-command-bar-shell {
  border-radius: 18px;
}

body.lux-unified-shell #page-student-service .student-service-zone,
body.lux-unified-shell #page-student-service .student-service-lane-choice-card {
  border-radius: 28px;
}


:is(
  body.lux-route-orders :is(#page-orders, #orders-inbox-root),
  body:is(.lux-route-admin-orders, .lux-entry-admin-orders) #admin-orders-root
) .orders-inbox-shell .lux-summary-surface:not(.orders-inbox-workspace) {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

:is(
  body.lux-route-orders :is(#page-orders, #orders-inbox-root),
  body:is(.lux-route-admin-orders, .lux-entry-admin-orders) #admin-orders-root
) .orders-inbox-shell .lux-summary-surface::after {
  display: none !important;
}

:is(
  body.lux-route-orders :is(#page-orders, #orders-inbox-root) .orders-inbox-shell,
  body:is(.lux-route-admin-orders, .lux-entry-admin-orders) #admin-orders-root .orders-inbox-shell,
  body:is(.lux-route-admin-orders, .lux-entry-admin-orders) #admin-orders-thread-overlay
) :is(
  .orders-inbox-hero-side .lux-hero-signal.home-hover-chip,
  .orders-detail-facts,
  .orders-list-wrap,
  .orders-item,
  .orders-list-empty,
  .orders-detail-panel.lux-detail-panel,
  .orders-detail-empty,
  .orders-attachment-card,
  .orders-recipient-card,
  .lux-status-pill.home-hover-chip
) {
  background-color: var(--home-chip-surface-fill, color-mix(in srgb, var(--home-chip-fill, transparent) 58%, transparent));
  background-image: var(--lux-soft-chrome-surface);
  border: 1px solid var(--lux-soft-chrome-border-accent);
  border-radius: 16px;
  box-shadow: var(--lux-soft-chrome-chip-shadow, var(--lux-elev-2));
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  background-clip: padding-box;
}

:is(
  body.lux-route-orders :is(#page-orders, #orders-inbox-root),
  body:is(.lux-route-admin-orders, .lux-entry-admin-orders) #admin-orders-root
) .orders-inbox-shell .orders-list-wrap {
  border-radius: 18px;
}

:is(
  body.lux-route-orders :is(#page-orders, #orders-inbox-root),
  body:is(.lux-route-admin-orders, .lux-entry-admin-orders) #admin-orders-root
) .orders-inbox-shell .orders-item {
  border-radius: 0;
  border-left: 0;
  border-right: 0;
  box-shadow: none;
}

:is(
  body.lux-route-orders :is(#page-orders, #orders-inbox-root),
  body:is(.lux-route-admin-orders, .lux-entry-admin-orders) #admin-orders-root
) .orders-inbox-shell .orders-item:last-child {
  border-bottom: 0;
}

:is(
  body.lux-route-orders :is(#page-orders, #orders-inbox-root),
  body:is(.lux-route-admin-orders, .lux-entry-admin-orders) #admin-orders-root
) .orders-inbox-shell .lux-status-pill {
  border-radius: 999px;
}

:is(
  body.lux-route-orders :is(#page-orders, #orders-inbox-root),
  body:is(.lux-route-admin-orders, .lux-entry-admin-orders) #admin-orders-root
) .orders-inbox-shell .orders-item.is-active {
  border-color: color-mix(in srgb, var(--lux-soft-chrome-border-accent) 50%, rgba(var(--lux-accent-rgb), 0.5));
  box-shadow: inset 3px 0 0 rgba(var(--lux-accent-rgb), 0.75);
}

:is(
  body.lux-route-orders :is(#page-orders, #orders-inbox-root),
  body:is(.lux-route-admin-orders, .lux-entry-admin-orders) #admin-orders-root
) .orders-inbox-shell .orders-item.is-active::before {
  background: rgba(var(--lux-accent-rgb), 0.9);
}

:is(
  body.lux-route-orders :is(#page-orders, #orders-inbox-root),
  body:is(.lux-route-admin-orders, .lux-entry-admin-orders) #admin-orders-root
) .orders-inbox-shell .orders-detail-empty {
  border-radius: 18px;
  border-style: dashed;
}

:is(
  body.lux-route-orders :is(#page-orders, #orders-inbox-root),
  body:is(.lux-route-admin-orders, .lux-entry-admin-orders) #admin-orders-root
) .orders-inbox-shell :is(
  .orders-inbox-hero-side.home-hover-chip,
  .orders-list-wrap,
  .orders-list-empty.home-hover-chip,
  .orders-detail-empty.home-hover-chip,
  .orders-item.home-hover-chip
) {
  contain: none;
  overflow: visible;
}

:is(
  body:is(.lux-route-admin-orders, .lux-entry-admin-orders) :is(#admin-orders-create-overlay, #admin-orders-root)
) .orders-recipient-row.home-hover-chip {
  contain: none;
  overflow: visible;
}

.lux-utility-panel :is(.lux-utility-item.home-hover-chip, .lux-utility-empty.home-hover-chip) {
  contain: none;
  overflow: visible;
}

body.lux-route-orders #page-orders.lux-page-shell,
body:is(.lux-route-admin-orders, .lux-entry-admin-orders) #admin-orders-root.lux-page-shell {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

:is(
  body.lux-route-orders :is(#page-orders, #orders-inbox-root),
  body:is(.lux-route-admin-orders, .lux-entry-admin-orders) #admin-orders-root
) .orders-inbox-shell[data-lux-glass-root="1"] {
  transition: none;
  contain: none;
  overflow: visible;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

:is(
  body.lux-route-orders :is(#page-orders, #orders-inbox-root),
  body:is(.lux-route-admin-orders, .lux-entry-admin-orders) #admin-orders-root
) .orders-inbox-shell[data-lux-glass-root="1"]::after {
  display: none;
}


body.lux-unified-shell.lux-route-social #social-neo-overlay-portal .lux-glass-dialog-card--comments :is(
  .lux-strip-card.surface-card,
  .lux-soft-chrome.home-hover-chip
) {
  background-color: var(--home-chip-surface-fill, color-mix(in srgb, var(--home-chip-fill, transparent) 58%, transparent));
  background-image: var(--lux-soft-chrome-surface);
  border: 1px solid var(--lux-soft-chrome-border-accent);
  border-radius: 16px;
  box-shadow: var(--lux-soft-chrome-chip-shadow, var(--lux-elev-2));
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  background-clip: padding-box;
}

body.lux-unified-shell.lux-route-social #social-neo-overlay-portal .lux-glass-dialog-card--comments .sns-comment-dialog-bubble.lux-soft-chrome.home-hover-chip {
  border-radius: 14px;
}

body.lux-unified-shell.lux-route-social #social-neo-overlay-portal .lux-glass-dialog-card--comments .social-neo-comment-reply-form.lux-soft-chrome.home-hover-chip {
  border-radius: 12px;
}

body.lux-unified-shell.lux-route-social #social-neo-overlay-portal .lux-glass-dialog-card--comments .lux-glass-dialog-comment-thread .social-neo-comment {
  overflow: visible;
  contain: none;
}

body.lux-unified-shell.lux-route-social #social-neo-overlay-portal .lux-glass-dialog-card--comments .social-neo-comment-bubble {
  background: transparent;
  border: 0;
  box-shadow: none;
}


body.lux-unified-shell.lux-route-social #social-neo-overlay-portal .lux-glass-dialog-card--survey-results :is(
  .lux-strip-card.surface-card,
  .lux-soft-chrome.home-hover-chip
) {
  background-color: var(--home-chip-surface-fill, color-mix(in srgb, var(--home-chip-fill, transparent) 58%, transparent));
  background-image: var(--lux-soft-chrome-surface);
  border: 1px solid var(--lux-soft-chrome-border-accent);
  border-radius: 16px;
  box-shadow: var(--lux-soft-chrome-chip-shadow, var(--lux-elev-2));
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  background-clip: padding-box;
}

body.lux-unified-shell.lux-route-social #social-neo-overlay-portal .lux-glass-dialog-card--survey-results .social-neo-survey-result-row.home-hover-chip {
  border-radius: 12px;
}

body.lux-unified-shell.lux-route-social #social-neo-overlay-portal .lux-glass-dialog-card--survey-results .social-neo-survey-results-empty.lux-soft-chrome.home-hover-chip {
  border-radius: 14px;
}

body.lux-unified-shell.lux-route-social #social-neo-overlay-portal .lux-glass-dialog-card--survey-results .social-neo-survey-results-quote.lux-soft-chrome.home-hover-chip {
  border-radius: 12px;
}

body.lux-unified-shell.lux-route-social #social-neo-overlay-portal .lux-glass-dialog-card--survey-results .social-neo-survey-results-question {
  overflow: visible;
  contain: none;
}


body.lux-unified-shell.lux-route-social #social-neo-overlay-portal .lux-glass-dialog-card--group-detail :is(
  .lux-soft-chrome.home-hover-chip
) {
  background-color: var(--home-chip-surface-fill, color-mix(in srgb, var(--home-chip-fill, transparent) 58%, transparent));
  background-image: var(--lux-soft-chrome-surface);
  border: 1px solid var(--lux-soft-chrome-border-accent);
  border-radius: 16px;
  box-shadow: var(--lux-soft-chrome-chip-shadow, var(--lux-elev-2));
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  background-clip: padding-box;
}

body.lux-unified-shell.lux-route-social #social-neo-overlay-portal .lux-glass-dialog-card--group-detail .social-neo-item-line.lux-soft-chrome.home-hover-chip {
  border-radius: 12px;
}

body.lux-unified-shell.lux-route-social #social-neo-overlay-portal .lux-glass-dialog-card--group-detail .social-neo-group-detail-section {
  overflow: visible;
  contain: none;
}


body.lux-unified-shell.lux-route-social #social-neo-overlay-portal .social-neo-research-create :is(
  .social-neo-research-choice.lux-soft-chrome.home-hover-chip,
  .social-neo-research-dropzone.lux-soft-chrome.home-hover-chip
) {
  background-color: var(--home-chip-surface-fill, color-mix(in srgb, var(--home-chip-fill, transparent) 58%, transparent));
  background-image: var(--lux-soft-chrome-surface);
  border: 1px solid var(--lux-soft-chrome-border-accent);
  border-radius: 14px;
  box-shadow: var(--lux-soft-chrome-chip-shadow, var(--lux-elev-2));
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  background-clip: padding-box;
  overflow: visible;
  contain: none;
}

body.lux-unified-shell.lux-route-social #social-neo-overlay-portal .social-neo-research-create .social-neo-research-choice.is-active.home-hover-chip {
  border-color: rgba(var(--lux-accent-rgb), 0.45);
  box-shadow: var(--lux-soft-chrome-chip-shadow, var(--lux-elev-2)), 0 0 0 1px rgba(var(--lux-accent-rgb), 0.18);
}

body.lux-unified-shell.lux-route-social #social-neo-overlay-portal .social-neo-research-create-body {
  overflow: visible;
}


body.lux-unified-shell.lux-route-social .social-neo-surveys-take-shell :is(
  .social-neo-survey-take-hero.home-hover-chip,
  .social-neo-survey-take-card.lux-soft-chrome.home-hover-chip,
  .social-neo-survey-take-choice.lux-soft-chrome.home-hover-chip
) {
  background-color: var(--home-chip-surface-fill, color-mix(in srgb, var(--home-chip-fill, transparent) 58%, transparent));
  background-image: var(--lux-soft-chrome-surface);
  border: 1px solid var(--lux-soft-chrome-border-accent);
  border-radius: 16px;
  box-shadow: var(--lux-soft-chrome-chip-shadow, var(--lux-elev-2));
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  background-clip: padding-box;
  overflow: visible;
  contain: none;
}

body.lux-unified-shell.lux-route-social .social-neo-surveys-take-shell .social-neo-survey-take-choice.lux-soft-chrome.home-hover-chip {
  border-radius: 14px;
}

body.lux-unified-shell.lux-route-social .social-neo-surveys-take-shell .social-neo-survey-take-choice:has(input:checked).home-hover-chip {
  border-color: rgba(var(--lux-accent-rgb), 0.45);
  box-shadow: var(--lux-soft-chrome-chip-shadow, var(--lux-elev-2)), 0 0 0 1px rgba(var(--lux-accent-rgb), 0.18);
}

body.lux-unified-shell.lux-route-social .social-neo-surveys-take-shell {
  overflow: visible;
  contain: none;
}


body.lux-unified-shell .orders-inbox-shell[data-lux-glass-root="1"] .orders-inbox-workspace {
  background-color: var(--lux-panel-fill) !important;
  background-image: var(--lux-panel-surface) !important;
  border: 1px solid var(--lux-panel-host-border) !important;
  box-shadow: var(--lux-panel-host-shadow) !important;
  backdrop-filter: var(--lux-panel-blur-filter) !important;
  -webkit-backdrop-filter: var(--lux-panel-blur-filter) !important;
  background-clip: padding-box;
  border-radius: 24px;
  border-top: 3px solid rgba(var(--lux-accent-rgb), 0.55) !important;
  overflow: visible;
  contain: none;
}


body.lux-unified-shell :is(.page-hero, [data-lux-glass-root="1"]):not(.home-hover-chip) {
  transition: none;
  contain: none;
  overflow: visible;
}

body.lux-unified-shell :is(.page-hero, [data-lux-glass-root="1"]):not(.home-hover-chip)::after {
  display: none;
}

@media (hover: hover) and (pointer: fine) {
  body.lux-unified-shell :is(.page-hero, [data-lux-glass-root="1"]):not(.home-hover-chip):hover {
    transform: none;
    border-color: var(--lux-panel-host-border, var(--lux-soft-chrome-border-accent));
  }
}

body.lux-unified-shell :is(
  .home-hover-chip:not(.lux-primary-btn):not(.lux-secondary-btn):not(.lux-destructive-btn):not(.lux-ghost-btn),
  .lux-module-option.lux-soft-chrome,
  .lux-subject-row.lux-program-subject-card,
  .newsx-header-bar,
  .newsx-feed-card.lux-soft-chrome,
  .student-service-zone,
  .student-service-qa-card,
  .student-service-qa-answer-card,
  .admin-library-catalog-card.lux-soft-chrome,
  .lux-empty-state
),
body.lux-unified-shell .lux-card:not(.orders-inbox-workspace),
body.lux-unified-shell .lux-section-card:not([data-lux-layout-only="1"]) {
  position: relative;
  isolation: isolate;
  contain: paint;
  overflow: hidden;
  transition: transform 0.28s cubic-bezier(0.22, 1, 0.36, 1);
}

body.lux-unified-shell .home-hover-chip:has(.home-hover-chip) {
  contain: none;
  overflow: visible;
}


body.lux-unified-shell :is(
  .lux-status-pill.home-hover-chip,
  .lux-pill.home-hover-chip,
  .lux-focus-panel__chip.home-hover-chip,
  .lms-route-pill.home-hover-chip,
  .lms-live-pill.home-hover-chip,
  .lms-call-chip.home-hover-chip,
  .social-neo-pill.home-hover-chip,
  .social-neo-research-copy.home-hover-chip,
  .lux-hero-signal.home-hover-chip,
  .student-service-pill.home-hover-chip,
  .student-service-panel-chip.home-hover-chip,
  .student-service-attachment-chip.home-hover-chip,
  .wave2-chip.home-hover-chip,
  .page-hero-badge.home-hover-chip,
  .schedule-session-pill.home-hover-chip,
  .gb-status-badge.home-hover-chip,
  .newsx-attachment-chip.home-hover-chip,
  .sch-modal-mode-chip.home-hover-chip,
  .spr-chip.home-hover-chip,
  .spr-summary-chip.home-hover-chip,
  .spt-detail-chip.home-hover-chip,
  .spt-detail-dep-chip.home-hover-chip,
  .spt-desk-chip.home-hover-chip,
  .spt-desk-meta-chip.home-hover-chip,
  .spt-desk-status-chip.home-hover-chip,
  .spt-desk-focus-chip.home-hover-chip,
  .spt-desk-hygiene-pill.home-hover-chip,
  .sph-chip.home-hover-chip,
  .sph-hygiene-chip.home-hover-chip,
  .sph-health-badge.home-hover-chip,
  .ex2-summary-chip.home-hover-chip,
  .ex2-session-status-chip.home-hover-chip,
  .ex2-session-published-pill.home-hover-chip,
  .ex2-stat-chip.home-hover-chip,
  .exam-chip.home-hover-chip,
  .portal-msg-chip.home-hover-chip,
  .portal-msg-pill.home-hover-chip,
  .registration-antireq-chip.home-hover-chip,
  .admin-library-schema-btn-remove.home-hover-chip,
  .admin-library-schema-btn-options.home-hover-chip,
  .admin-library-tab-btn.home-hover-chip,
  .admin-library-manage-sections-btn.home-hover-chip,
  .sch-modal-close-muted.home-hover-chip,
  .sch-preset-manage-link.home-hover-chip,
  .students-hub-profile-field.home-hover-chip,
  .staff-hub-profile-field.home-hover-chip,
  .lux-primary-btn.home-hover-chip,
  .lux-secondary-btn.home-hover-chip,
  .lux-destructive-btn.home-hover-chip,
  .lux-ghost-btn.home-hover-chip
) {
  contain: none;
  overflow: visible;
}

body.lux-unified-shell :is(
  .home-hover-chip:not(.lux-primary-btn):not(.lux-secondary-btn):not(.lux-destructive-btn):not(.lux-ghost-btn),
  .lux-module-option.lux-soft-chrome,
  .lux-subject-row.lux-program-subject-card,
  .newsx-header-bar,
  .newsx-feed-card.lux-soft-chrome,
  .student-service-zone,
  .student-service-qa-card,
  .student-service-qa-answer-card,
  .admin-library-catalog-card.lux-soft-chrome,
  .lux-empty-state
)::after,
body.lux-unified-shell .lux-card:not(.orders-inbox-workspace)::after,
body.lux-unified-shell .lux-section-card:not([data-lux-layout-only="1"])::after {
  content: '';
  position: absolute;
  inset: -1px;
  border-radius: inherit;
  pointer-events: none;
  z-index: 0;
  background: radial-gradient(circle at 50% 0%, rgba(var(--lux-accent-rgb), calc(var(--lux-panel-glow, 0.22) * 0.55)), transparent 72%);
  opacity: 0;
  transition: opacity 0.2s ease;
}

body.lux-unified-shell :is(
  .home-hover-chip:not(.lux-primary-btn):not(.lux-secondary-btn):not(.lux-destructive-btn):not(.lux-ghost-btn),
  .lux-module-option.lux-soft-chrome,
  .lux-subject-row.lux-program-subject-card,
  .newsx-header-bar,
  .newsx-feed-card.lux-soft-chrome,
  .student-service-zone,
  .student-service-qa-card,
  .student-service-qa-answer-card,
  .admin-library-catalog-card.lux-soft-chrome,
  .lux-empty-state
) > *:not(.lux-picker-panel):not(.lux-universal-picker-panel):not(.lux-droplist-panel):not(.lux-universal-native-select),
body.lux-unified-shell .lux-card:not(.orders-inbox-workspace) > *:not(.lux-picker-panel):not(.lux-universal-picker-panel):not(.lux-droplist-panel):not(.lux-universal-native-select),
body.lux-unified-shell .lux-section-card:not([data-lux-layout-only="1"]) > *:not(.lux-picker-panel):not(.lux-universal-picker-panel):not(.lux-droplist-panel):not(.lux-universal-native-select) {
  position: relative;
  z-index: 1;
}

@media (hover: hover) and (pointer: fine) {
  body.lux-unified-shell :is(
    .home-hover-chip:not(.lux-primary-btn):not(.lux-secondary-btn):not(.lux-destructive-btn):not(.lux-ghost-btn),
    .lux-module-option.lux-soft-chrome,
    .lux-subject-row.lux-program-subject-card,
    .newsx-header-bar,
    .newsx-feed-card.lux-soft-chrome,
    .student-service-zone,
    .student-service-qa-card,
    .student-service-qa-answer-card,
    .admin-library-catalog-card.lux-soft-chrome,
    .lux-empty-state
  ):hover,
  body.lux-unified-shell .lux-card:not(.orders-inbox-workspace):hover,
  body.lux-unified-shell .lux-section-card:not([data-lux-layout-only="1"]):hover {
    transform: translate3d(0, var(--home-chip-hover-lift, -3px), 0);
    border-color: color-mix(in srgb, var(--lux-focus-border, var(--lux-soft-chrome-border)) 70%, rgba(var(--lux-accent-rgb), 0.34));
  }
  body.lux-unified-shell :is(
    .home-hover-chip:not(.lux-primary-btn):not(.lux-secondary-btn):not(.lux-destructive-btn):not(.lux-ghost-btn),
    .lux-module-option.lux-soft-chrome,
    .lux-subject-row.lux-program-subject-card,
    .newsx-header-bar,
    .newsx-feed-card.lux-soft-chrome,
    .student-service-zone,
    .student-service-qa-card,
    .student-service-qa-answer-card,
    .admin-library-catalog-card.lux-soft-chrome,
    .lux-empty-state
  ):hover::after,
  body.lux-unified-shell .lux-card:not(.orders-inbox-workspace):hover::after,
  body.lux-unified-shell .lux-section-card:not([data-lux-layout-only="1"]):hover::after {
    opacity: 1;
  }

  body.lux-unified-shell .home-hover-chip :is(
    .social-neo-research-copy.home-hover-chip,
    .admin-library-schema-btn-remove.home-hover-chip,
    .admin-library-schema-btn-options.home-hover-chip,
    .admin-library-tab-btn.home-hover-chip,
    .admin-library-manage-sections-btn.home-hover-chip,
    .sch-modal-close-muted.home-hover-chip,
    .sch-preset-manage-link.home-hover-chip,
    .students-hub-profile-field.home-hover-chip,
    .staff-hub-profile-field.home-hover-chip
  ):hover {
    transform: translate3d(0, var(--home-chip-hover-lift-nested, -1px), 0);
  }
  body.lux-unified-shell .home-hover-chip :is(
    .social-neo-research-copy.home-hover-chip,
    .admin-library-schema-btn-remove.home-hover-chip,
    .admin-library-schema-btn-options.home-hover-chip,
    .sch-modal-close-muted.home-hover-chip,
    .sch-preset-manage-link.home-hover-chip,
    .students-hub-profile-field.home-hover-chip,
    .staff-hub-profile-field.home-hover-chip
  ):active {
    transform: translate3d(0, var(--home-chip-hover-lift-nested, -1px), 0);
  }
}

@media (hover: none), (pointer: coarse) {
  body.lux-unified-shell :is(
    .home-hover-chip,
    .lux-module-option.lux-soft-chrome,
    .lux-subject-row.lux-program-subject-card,
    .newsx-header-bar,
    .newsx-feed-card.lux-soft-chrome,
    .student-service-zone,
    .student-service-qa-card,
    .student-service-qa-answer-card,
    .admin-library-catalog-card.lux-soft-chrome,
    .lux-empty-state
  ):active,
  body.lux-unified-shell .lux-card:not(.orders-inbox-workspace):active,
  body.lux-unified-shell .lux-section-card:not([data-lux-layout-only="1"]):active {
    transform: translate3d(0, var(--home-chip-hover-lift, -3px), 0);
    border-color: color-mix(in srgb, var(--lux-focus-border, var(--lux-soft-chrome-border)) 70%, rgba(var(--lux-accent-rgb), 0.34));
  }
  body.lux-unified-shell :is(
    .home-hover-chip,
    .lux-module-option.lux-soft-chrome,
    .lux-subject-row.lux-program-subject-card,
    .newsx-header-bar,
    .newsx-feed-card.lux-soft-chrome,
    .student-service-zone,
    .student-service-qa-card,
    .student-service-qa-answer-card,
    .admin-library-catalog-card.lux-soft-chrome,
    .lux-empty-state
  ):active::after,
  body.lux-unified-shell .lux-card:not(.orders-inbox-workspace):active::after,
  body.lux-unified-shell .lux-section-card:not([data-lux-layout-only="1"]):active::after {
    opacity: 1;
  }
  body.lux-unified-shell .home-hover-chip :is(
    .social-neo-research-copy.home-hover-chip,
    .admin-library-schema-btn-remove.home-hover-chip,
    .admin-library-schema-btn-options.home-hover-chip,
    .sch-modal-close-muted.home-hover-chip,
    .sch-preset-manage-link.home-hover-chip
  ):active {
    transform: translate3d(0, var(--home-chip-hover-lift-nested, -1px), 0);
  }
}

body.lux-route-social .social-neo-event-feature.home-hover-chip {
  contain: layout style;
  overflow: visible;
}

body.lux-route-social .social-neo-lf-card :is(.social-neo-pill, .lux-status-pill).home-hover-chip,
body.lux-route-social .social-portfolio-mini-card :is(.social-neo-pill, .lux-status-pill).home-hover-chip {
  contain: none;
  overflow: visible;
}

body.lux-route-social .social-neo-research-copy.home-hover-chip {
  contain: none;
  overflow: visible;
}


body.lux-route-social :is(
  .social-neo-workspace-hero,
  .social-neo-events-hero,
  .social-neo-lost-found-hero,
  .social-neo-community-hero,
  .social-neo-groups-hero,
  .social-neo-surveys-hero,
  .social-neo-portfolio-hero,
  .social-neo-research-hero,
  .social-neo-pages-hero,
  .social-neo-feed-hero,
  .social-neo-workspace-hero-stats,
  .social-neo-events-hero-stats,
  .social-neo-lost-found-hero-stats,
  .social-neo-community-hero-stats,
  .social-neo-groups-hero-stats,
  .social-neo-surveys-hero-stats,
  .social-neo-portfolio-hero-stats,
  .social-neo-research-hero-stats,
  .social-neo-pages-hero-stats,
  .social-neo-feed-hero-stats
) {
  overflow: visible;
}

body.lux-route-social :is(
  [class*="-hero-stat"],
  .social-neo-research-stat,
  .social-neo-workspace-hero-stat
).home-hover-chip {
  contain: none;
  overflow: visible;
}

body.lux-route-social :is(
  .social-photo-feed-card,
  .social-photo-content-stage,
  .social-pin-section,
  .social-pin-section-list,
  .social-neo-survey-listings,
  .social-neo-lf-listings,
  .social-neo-group-card,
  .social-neo-directory-item,
  .social-neo-entity-card,
  .social-neo-pages-hero,
  .social-neo-pages-hero-grid,
  .social-neo-pages-hero-toolbar,
  .social-neo-community-hero-toolbar,
  .social-neo-page-card,
  .social-neo-page-profile,
  .social-neo-page-compose-block,
  .social-neo-page-about-card,
  .social-neo-empty-hero,
  .social-neo-events-hero,
  .social-neo-events-hero-grid,
  .social-neo-events-hero-stats,
  .social-neo-events-empty,
  .social-neo-community-hero-grid,
  .social-neo-community-hero-stats,
  .social-neo-groups-hero,
  .social-neo-groups-hero-grid,
  .social-neo-workspace-hero,
  .social-neo-workspace-hero-stats,
  .social-neo-portfolio-hero,
  .social-neo-portfolio-hero-stats,
  .social-neo-research-hero,
  .social-neo-research-hero-stats,
  .social-neo-research-catalog,
  .social-neo-research-toolbar,
  .social-neo-research-card,
  .social-neo-surveys-hero,
  .social-neo-surveys-hero-stats,
  .social-neo-surveys-hero-grid,
  .social-neo-surveys-hero-toolbar,
  .social-neo-survey-card,
  .social-neo-surveys-take-shell,
  .social-neo-survey-take-hero,
  .social-neo-survey-take-card,
  .social-neo-survey-take-choice,
  .social-neo-lost-found-hero,
  .social-neo-lost-found-hero-stats,
  .social-neo-lost-found-hero-toolbar,
  .social-neo-lf-card,
  .social-neo-feed-header-card,
  .social-neo-feed-hero-stats,
  .social-neo-feed-hero-grid,
  .social-neo-composer-cta-card,
  .social-neo-post-card:not(.social-portfolio-card),
  .social-neo-portfolio-hero-discover,
  .social-portfolio-search-row,
  .social-portfolio-tag-row,
  .social-project-hub-filterbar,
  .social-project-hub-attention,
  .social-project-hub-rail-card,
  .social-project-hub-contribution-stat,
  .social-project-hub-cta-tile,
  .social-project-card-new
).home-hover-chip {
  contain: none;
  overflow: visible;
}

body.lux-route-social :is(
  .social-neo-page-profile-tabs,
  .social-neo-page-profile-tab-strip
) {
  overflow: visible;
}

body.lux-route-social .social-neo-page-profile-tab.home-hover-chip {
  contain: none;
  overflow: visible;
  border-radius: 14px;
}


body.lux-unified-shell.lux-route-social [data-lux-glass-root="1"] :is(
  [class*="-hero-stat"],
  [class*="-hero-stats"],
  [class*="-hero-grid"],
  [class*="-hero-toolbar"],
  .social-neo-research-stat,
  .social-neo-research-hero-stats,
  .social-neo-research-toolbar,
  .social-neo-workspace-hero-stat,
  .social-neo-workspace-hero-stats,
  .social-neo-portfolio-hero-stats,
  .social-neo-events-hero-stats,
  .social-neo-surveys-hero-stats,
  .social-neo-lost-found-hero-stats,
  .social-project-hub-filterbar,
  .social-project-hub-attention,
  .social-project-hub-rail-card,
  .social-project-hub-contribution-stat,
  .social-project-hub-cta-tile
).home-hover-chip {
  background-color: var(--home-chip-fill, color-mix(in srgb, var(--home-chip-surface-fill, transparent) 140%, transparent));
  background-image: var(--lux-soft-chrome-surface);
  box-shadow: var(--lux-soft-chrome-chip-shadow, var(--lux-elev-2));
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  background-clip: padding-box;
  transition: transform 0.28s cubic-bezier(0.22, 1, 0.36, 1);
}


body.lux-unified-shell.lux-route-social [data-lux-glass-root="1"] :is(
  .social-neo-workspace-hero-stat,
  .social-neo-events-hero-stat,
  .social-neo-research-stat,
  .social-neo-feed-hero-stat,
  .social-neo-community-hero-stat,
  .social-neo-surveys-hero-stat,
  .social-neo-portfolio-hero-stat,
  .social-neo-lost-found-hero-stat,
  .social-project-hub-contribution-stat,
  [class*="-hero-stat"]:not([class*="-hero-stats"])
).home-hover-chip {
  background-color: color-mix(in srgb, var(--home-chip-fill, rgba(12, 18, 28, 0.55)) 88%, rgba(var(--lux-accent-rgb), 0.16));
  box-shadow: var(--lux-soft-chrome-chip-shadow-halo, var(--lux-soft-chrome-chip-shadow, var(--lux-elev-2)));
}

@media (prefers-reduced-motion: reduce) {
  body.lux-unified-shell :is(
    .home-hover-chip,
      .lux-module-option.lux-soft-chrome,
    .lux-subject-row.lux-program-subject-card,
    .newsx-header-bar,
    .newsx-feed-card.lux-soft-chrome,
    .student-service-zone,
    .student-service-qa-card,
    .student-service-qa-answer-card,
    .admin-library-catalog-card.lux-soft-chrome,
    .lux-empty-state
  ),
  body.lux-unified-shell .lux-card:not(.orders-inbox-workspace),
  body.lux-unified-shell .lux-section-card:not([data-lux-layout-only="1"]) {
    transition: border-color 0.15s ease;
  }
  body.lux-unified-shell :is(
    .home-hover-chip,
      .lux-module-option.lux-soft-chrome,
    .lux-subject-row.lux-program-subject-card,
    .newsx-header-bar,
    .newsx-feed-card.lux-soft-chrome,
    .student-service-zone,
    .student-service-qa-card,
    .student-service-qa-answer-card,
    .admin-library-catalog-card.lux-soft-chrome,
    .lux-empty-state
  )::after,
  body.lux-unified-shell .lux-card:not(.orders-inbox-workspace)::after,
  body.lux-unified-shell .lux-section-card:not([data-lux-layout-only="1"])::after {
    display: none;
  }
  body.lux-unified-shell :is(
    .home-hover-chip,
      .lux-module-option.lux-soft-chrome,
    .lux-subject-row.lux-program-subject-card,
    .newsx-header-bar,
    .newsx-feed-card.lux-soft-chrome,
    .student-service-zone,
    .student-service-qa-card,
    .student-service-qa-answer-card,
    .admin-library-catalog-card.lux-soft-chrome,
    .lux-empty-state
  ):hover,
  body.lux-unified-shell .lux-card:not(.orders-inbox-workspace):hover,
  body.lux-unified-shell .lux-section-card:not([data-lux-layout-only="1"]):hover {
    transform: none;
  }
}

html[data-lux-transparency="0"] body.lux-unified-shell :is(
  .home-hover-chip,
  .lux-module-option.lux-soft-chrome,
  .lux-subject-row.lux-program-subject-card,
  .newsx-header-bar,
  .newsx-feed-card.lux-soft-chrome,
  .student-service-zone,
  .student-service-qa-card,
  .student-service-qa-answer-card,
  .admin-library-catalog-card.lux-soft-chrome,
  .lux-empty-state
):hover,
html[data-lux-transparency="0"] body.lux-unified-shell .lux-card:not(.orders-inbox-workspace):hover,
html[data-lux-transparency="0"] body.lux-unified-shell .lux-section-card:not([data-lux-layout-only="1"]):hover {
  transform: none;
  box-shadow: none;
}


@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  html:not([data-lux-transparency="0"]) body.lux-unified-shell.lux-route-social :is(
    [class*="-hero-stats"],
    [class*="-hero-grid"],
    [class*="-hero-toolbar"],
    .social-neo-community-hero-stats,
    .social-neo-community-hero-grid,
    .social-neo-community-hero-toolbar
  ).home-hover-chip:hover {
    transform: none;
  }
  html:not([data-lux-transparency="0"]) body.lux-unified-shell.lux-route-social :is(
    [class*="-hero-stat"]:not([class*="-hero-stats"]),
    .social-neo-research-stat,
    .social-neo-workspace-hero-stat,
    .social-neo-community-hero-stat,
    .social-neo-events-hero-stat,
    .social-neo-survey-card,
    .social-neo-research-card,
    .social-photo-feed-card,
    .social-neo-event-feature,
    .social-portfolio-card,
    .social-neo-survey-take-card,
    .social-neo-survey-take-choice,
    .social-neo-lf-card,
    .social-neo-directory-item,
    .social-neo-community-card,
    .social-neo-group-card,
    .social-project-hub-rail-card,
    .social-project-hub-contribution-stat,
    .social-project-hub-cta-tile,
    .social-page-surface-head
  ).home-hover-chip:hover {
    transform: translate3d(0, var(--home-chip-hover-lift, -3px), 0);
    --home-chip-hover-glow: var(--home-fade-shadow-hover, var(--lux-focus-shadow));
  }
}

@media (hover: none), (pointer: coarse) {
  @media (prefers-reduced-motion: no-preference) {
    html:not([data-lux-transparency="0"]) body.lux-unified-shell.lux-route-social :is(
      [class*="-hero-stat"]:not([class*="-hero-stats"]),
      .social-neo-research-stat,
      .social-neo-workspace-hero-stat,
      .social-neo-community-hero-stat,
      .social-neo-events-hero-stat,
      .social-neo-survey-card,
      .social-neo-research-card,
      .social-photo-feed-card,
      .social-neo-event-feature,
      .social-portfolio-card,
      .social-neo-survey-take-card,
      .social-neo-survey-take-choice,
      .social-neo-lf-card,
      .social-neo-directory-item,
      .social-neo-community-card,
      .social-neo-group-card,
      .social-project-hub-rail-card,
      .social-project-hub-contribution-stat,
      .social-project-hub-cta-tile
    ).home-hover-chip:active {
      transform: translate3d(0, var(--home-chip-hover-lift, -3px), 0);
      --home-chip-hover-glow: var(--home-fade-shadow-hover, var(--lux-focus-shadow));
    }
  }
}

body.lux-light-mode .lux-mode-btn, body.lux-light-mode .lux-bg-mode-btn, body.lux-light-mode .lux-control-btn {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.74), rgba(245, 236, 225, 0.52));
  border-color: rgba(86, 62, 36, 0.12);
  color: var(--lux-text);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.78);
}
.lux-picker-panel, .lux-user-menu { z-index: var(--lux-z-shell-popover, 950) !important; }
@media (max-width: 1024px) {
  body.lux-unified-shell #lux-topbar {
    display: none !important;
  }
}
@media (max-width:900px) {
  #lux-shell {
    position: relative;
    width: 100%;
    height: auto;
    inset: auto;
  }
  #app-content { margin-left: 0; padding: calc(var(--lux-chrome-bottom, var(--lux-chrome-bottom-fallback, 88px)) + 16px) 18px 36px !important; }
}
@media (max-width:620px) {
  .lux-topbar-actions { width: 100%; flex-wrap: wrap; }
  .lux-topbar select { flex: 1; min-width: 140px; }
}
@media (max-width:980px) {
  #app-content { padding: calc(var(--lux-chrome-bottom, var(--lux-chrome-bottom-fallback, 88px)) + 16px) 18px 36px !important; }
  .lux-hero-stage { grid-template-columns: 1fr; }
}
.lux-frosted-glass-panel {
  border: 1px solid var(--lux-frosted-glass-border);
  background: var(--lux-frosted-glass-surface);
  backdrop-filter: var(--lux-frosted-glass-blur);
  -webkit-backdrop-filter: var(--lux-frosted-glass-blur);
  box-shadow: var(--lux-frosted-glass-shadow);
}

/* source: assets/css/lux-shell.css */



:root {
  --lux-sidebar-width: 220px;
  --lux-sidebar-gutter: 12px;
  --lux-sidebar-offset: calc(var(--lux-sidebar-width) + var(--lux-sidebar-gutter) * 2);

  --lux-shell-slide-duration: 0.3s;
  --lux-shell-slide-ease: cubic-bezier(0.16, 1, 0.3, 1);
  --lux-shell-slide-close-duration: 0.18s;
  --lux-shell-slide-ease-out: cubic-bezier(0.4, 0, 1, 1);
  --lux-shell-scale-closed: 0.92;
  --lux-shell-stagger-base: 0.04s;

  --lux-shell-sidebar-alpha: 0.25;
  --lux-shell-sidebar-radius: 22px;
  --lux-shell-sidebar-blur: blur(20px) saturate(160%);
  --lux-shell-sidebar-border: color-mix(
    in srgb,
    rgba(var(--lux-accent-rgb, 8, 12, 21), calc(var(--lux-panel-glow, 0.22) * 0.95)) 55%,
    rgba(255, 255, 255, 0.10)
  );
  --lux-shell-sidebar-fill: rgba(8, 12, 21, var(--lux-shell-sidebar-alpha));
  --lux-shell-sidebar-image:
    linear-gradient(180deg, rgba(255, 255, 255, 0.06), transparent 42%),
    linear-gradient(165deg,
      rgba(10, 15, 24, calc(var(--lux-shell-sidebar-alpha) * 0.55)),
      rgba(8, 12, 21, var(--lux-shell-sidebar-alpha)) 55%,
      rgba(6, 9, 16, calc(var(--lux-shell-sidebar-alpha) * 0.92)) 100%);
  --lux-shell-sidebar-shadow:
    0 0 0 1px rgba(var(--lux-accent-rgb, 8, 12, 21), calc(var(--lux-panel-glow, 0.22) * 0.70)),
    inset 0 1px 0 rgba(255, 255, 255, 0.08);
}
body.lux-light-mode {
  --lux-shell-sidebar-alpha: 0.28;
  --lux-shell-sidebar-border: color-mix(
    in srgb,
    rgba(var(--lux-accent-rgb, 8, 12, 21), calc(var(--lux-panel-glow, 0.22) * 0.85)) 48%,
    rgba(48, 34, 22, 0.10)
  );
  --lux-shell-sidebar-fill: rgba(255, 255, 255, var(--lux-shell-sidebar-alpha));
  --lux-shell-sidebar-image:
    linear-gradient(180deg, rgba(255, 255, 255, 0.35), transparent 45%),
    linear-gradient(165deg,
      rgba(255, 255, 255, calc(var(--lux-shell-sidebar-alpha) * 0.85)),
      rgba(255, 255, 255, var(--lux-shell-sidebar-alpha)) 55%,
      rgba(247, 241, 232, calc(var(--lux-shell-sidebar-alpha) * 0.9)) 100%);
  --lux-shell-sidebar-shadow:
    0 0 0 1px rgba(var(--lux-accent-rgb, 8, 12, 21), calc(var(--lux-panel-glow, 0.22) * 0.60)),
    inset 0 1px 0 rgba(255, 255, 255, 0.7);
}
body.lux-sidebar-collapsed { --lux-sidebar-offset: 0px; }


#lux-shell:has(#lux-nav:not([data-render-signature])) {
  background-color: rgba(8, 12, 21, 0.94) !important;
  background-image:
    linear-gradient(180deg, rgba(255, 255, 255, 0.08), transparent 28%),
    linear-gradient(165deg, rgba(10, 15, 24, 0.96), rgba(8, 12, 21, 0.94) 58%, rgba(6, 9, 16, 0.96)) !important;
}
#lux-shell:has(#lux-nav:not([data-render-signature])) .lux-nav {
  min-height: 300px;
  border-radius: 14px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.07), transparent 18%),
    repeating-linear-gradient(180deg,
      rgba(255, 255, 255, 0.10) 0 12px,
      transparent 12px 38px);
  opacity: 0.82;
}
#lux-shell:has(#lux-nav:not([data-render-signature])) .lux-nav::before {
  content: '';
  display: block;
  width: 54%;
  height: 10px;
  margin: 12px 12px 22px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.16);
}
body.lux-light-mode #lux-shell:has(#lux-nav:not([data-render-signature])) {
  background-color: rgba(248, 244, 237, 0.96) !important;
  background-image:
    linear-gradient(180deg, rgba(255, 255, 255, 0.68), transparent 30%),
    linear-gradient(165deg, rgba(255, 255, 255, 0.96), rgba(247, 241, 232, 0.95)) !important;
}
body.lux-light-mode #lux-shell:has(#lux-nav:not([data-render-signature])) .lux-nav {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.56), transparent 18%),
    repeating-linear-gradient(180deg,
      rgba(26, 36, 51, 0.10) 0 12px,
      transparent 12px 38px);
}
#lux-shell {
  position: fixed;
  top: var(--lux-sidebar-gutter, 12px);
  bottom: var(--lux-sidebar-gutter, 12px);
  left: var(--lux-sidebar-gutter, 12px);
  width: var(--lux-sidebar-width, 220px);
  height: auto;
  z-index: var(--lux-z-shell-global, 2147483646) !important;
  display: flex;
  flex-direction: column;
  color: var(--lux-text, #f8fafc);
  border-radius: var(--lux-shell-sidebar-radius, 22px);
  border: 1px solid var(--lux-shell-sidebar-border);
  background-color: var(--lux-shell-sidebar-fill) !important;
  background-image: var(--lux-shell-sidebar-image) !important;
  box-shadow: var(--lux-shell-sidebar-shadow);
  backdrop-filter: var(--lux-shell-sidebar-blur) !important;
  -webkit-backdrop-filter: var(--lux-shell-sidebar-blur) !important;
  background-clip: padding-box;
  transform-origin: left center;
  transition: opacity 0.12s linear;
  transform: none;
  opacity: 1;
  pointer-events: auto;
  contain: layout paint;
  overflow: hidden;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}

html.lux-shell-chrome-motion #lux-shell {
  will-change: transform, opacity;
}

html.lux-sidebar-transitioning #lux-shell {
  will-change: opacity;
}
body.lux-sidebar-collapsed {
  #lux-shell {
    transform: none;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.12s linear, visibility 0s linear 0.12s;
    pointer-events: none;
  }
}
.lux-nav {
  flex: 1;
  overflow-y: auto;
  padding: 8px 10px 14px;
  min-height: 0;
}
.lux-nav::-webkit-scrollbar { width: 0; }
.lux-nav-group {
  padding: 14px 12px 6px;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--lux-text-soft, rgba(248, 250, 252, 0.55));
}
.lux-nav-item {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 11px;
  margin: 0 0 6px;
  padding: 10px 14px;
  border-radius: 14px;
  color: color-mix(in srgb, var(--lux-text, #fff) 72%, transparent);
  background: transparent;
  border: 1px solid transparent;
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
  text-align: left;
  text-decoration: none;
  box-sizing: border-box;
  position: relative;
  isolation: isolate;
  overflow: hidden;
  transition: none;
}
.lux-nav-item::before {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  z-index: 0;
  opacity: 0;
  box-sizing: border-box;
  background: color-mix(in srgb, var(--lux-panel-control-soft, rgba(255, 255, 255, 0.08)) 80%, transparent);
  border: 1px solid color-mix(in srgb, var(--lux-panel-border-soft, rgba(255, 255, 255, 0.1)) 70%, transparent);
  transition: opacity 0.18s ease;
}
.lux-nav-item > * { position: relative; z-index: 1; }
.lux-nav-item:hover:not(.is-active) {
  color: var(--lux-text, #fff);
}
.lux-nav-item:hover:not(.is-active)::before {
  opacity: 1;
}
.lux-nav-item.is-active {
  color: #fff;
  background: color-mix(in srgb, var(--lux-accent) 34%, rgba(255, 255, 255, 0.06));
  border-color: color-mix(in srgb, var(--lux-accent) 42%, var(--lux-panel-border, transparent));
  box-shadow: var(--lux-elev-2, var(--lux-panel-shadow-soft));
}
.lux-nav-item i { width: 16px; text-align: center; flex-shrink: 0; }
body.lux-light-mode #lux-shell {
  color: var(--lux-text, #1a2433);

}
body.lux-light-mode #lux-shell .lux-nav-item { color: color-mix(in srgb, var(--lux-text, #1a2433) 78%, transparent); }
body.lux-light-mode #lux-shell .lux-nav-group { color: var(--lux-text-muted, rgba(26, 36, 51, 0.55)); }
body.lux-light-mode #lux-shell .lux-nav-item::before {
  background: rgba(26, 36, 51, 0.05);
  border-color: rgba(26, 36, 51, 0.08);
}
body.lux-light-mode #lux-shell .lux-nav-item:hover:not(.is-active) {
  color: var(--lux-text, #1a2433);
}
body.lux-light-mode #lux-shell .lux-nav-item.is-active {
  color: #fff8ef;
  background: color-mix(in srgb, var(--lux-accent) 78%, #fff 8%);
  border-color: color-mix(in srgb, var(--lux-accent) 55%, transparent);
}
#lux-topbar {
  position: fixed;
  top: 0;
  left: var(--lux-sidebar-offset, var(--lux-sidebar-width, 220px));
  right: 0;
  z-index: var(--lux-z-shell, 100);
  isolation: isolate;
  display: block;
  height: auto;
  padding: 0;
  background: transparent;
  border: none;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  pointer-events: none;
}
body.lux-sidebar-collapsed {
  #lux-topbar { left: 0 !important; }
}
#lux-topbar .lux-topbar-shell {
  pointer-events: auto;
  position: relative;
  z-index: var(--lux-z-shell-control, 110);
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  gap: 12px;
  width: 100%;
  box-sizing: border-box;
  min-height: 56px;
  padding: 8px 12px;
  border-radius: 0;
  overflow: visible;
}
#lux-topbar {
  .lux-topbar-main {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    gap: 10px;
    min-width: 0;
    flex: 1 1 auto;
  }
  .lux-topbar-spacer {
    flex: 1 1 auto;
    min-width: 8px;
    height: 1px;
    background: transparent;
    border: 0;
    box-shadow: none;
  }
  .lux-topbar-actions {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    gap: 8px;
    flex: 0 0 auto;
    margin-left: auto;
  }
  .lux-utility-wrap, .lux-picker-wrap {
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    position: relative;
    flex: 0 0 auto;
    background: transparent;
    border: 0;
    box-shadow: none;
    padding: 0;
  }
  .lux-breadcrumb {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    flex: 0 0 auto;
    white-space: nowrap;
    font-size: 12px;
    background: transparent;
    border: 0;
    box-shadow: none;
    padding: 0 4px;
  }
  .lux-breadcrumb strong { font-weight: 700; }
  .lux-picker-btn {
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 2px;
    min-width: 132px;
    min-height: 44px;
    padding: 6px 12px;
    border-radius: var(--lux-btn-pill-radius, 0 22px 0 22px);
    cursor: pointer;
    text-align: left;
  }
  .lux-picker-caption {
    display: block;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
  }
  .lux-picker-btn strong { display: block; font-size: 12px; font-weight: 700; }
  .lux-icon-btn {
    display: inline-grid;
    place-items: center !important;
    width: 40px;
    height: 40px;
    padding: 0;
    border-radius: var(--lux-btn-pill-radius, 0 22px 0 22px);
    cursor: pointer;
    flex: 0 0 auto;
  }
  .lux-sidebar-toggle-btn, .lux-topbar-editor-btn, .lux-secondary-btn {
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 40px;
    padding: 0 12px;
    border-radius: var(--lux-btn-pill-radius, 0 22px 0 22px);
    cursor: pointer;
    white-space: nowrap;
    flex: 0 0 auto;
  }
  .lux-user-chip {
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
    min-height: 40px;
    padding: 4px 10px 4px 4px;
    border-radius: 999px;
    cursor: pointer;
    flex: 0 0 auto;
  }
  .lux-user-chip-copy {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0;
    min-width: 0;
    line-height: 1.2;
  }
  .lux-user-chip-copy small { font-size: 10px; }
  .lux-avatar {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: inline-grid;
    place-items: center;
    flex: 0 0 auto;
    font-size: 11px;
    font-weight: 800;
    background: var(--lux-accent, #7c5cff);
    color: #fff;
    border: 1.5px solid color-mix(in srgb, var(--lux-accent, #7c5cff) 40%, transparent);
  }
}
.lux-sidebar-toggle-btn, .lux-sidebar-close-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  transition: transform var(--lux-shell-slide-close-duration, 0.18s) var(--lux-shell-slide-ease, cubic-bezier(0.16, 1, 0.3, 1));
}
.lux-sidebar-toggle-btn:active, .lux-sidebar-close-btn:active {
  transform: scale(0.97);
}
.lux-sidebar-toggle-btn i, .lux-sidebar-close-btn i {
  display: inline-block;
  transition: transform var(--lux-shell-slide-duration, 0.3s) var(--lux-shell-slide-ease, cubic-bezier(0.16, 1, 0.3, 1));
}
@media (prefers-reduced-motion: reduce) {
  #lux-shell,
  body.lux-sidebar-collapsed #lux-shell,
  .lux-sidebar-toggle-btn,
  .lux-sidebar-close-btn,
  .lux-sidebar-toggle-btn i,
  .lux-sidebar-close-btn i {
    transition: none;
  }
}
@media (max-width: 1100px) {
  #lux-topbar .lux-picker-btn { min-width: 110px; }
}
@media (max-width: 820px) {
  #lux-topbar .lux-topbar-shell { flex-wrap: wrap; align-items: flex-start; }
  #lux-topbar {
    .lux-topbar-main, .lux-topbar-actions { flex-wrap: wrap; }
    .lux-topbar-spacer { display: none; }
  }
}
#app-content { margin-left: var(--lux-sidebar-offset, calc(var(--lux-sidebar-width, 220px) + 24px)); min-width: 0; box-sizing: border-box; }
body.lux-sidebar-collapsed {
  #app-content { margin-left: 0; padding-left: 16px; padding-right: 16px; }
}

.lux-shell-head {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 12px 12px 8px;
  flex-shrink: 0;
}
.lux-shell-head .lux-sidebar-close-btn {
  width: 100%;
  min-height: 50px;
  justify-content: center;
  border-radius: 14px;
}
body.lux-sidebar-collapsed {
  #lux-sidebar-close { display: none; }
}

body:not(.lux-sidebar-collapsed) #lux-topbar .lux-sidebar-toggle-btn {
  visibility: hidden;
  pointer-events: none;
}
body.lux-sidebar-collapsed {
  #lux-topbar { z-index: var(--lux-z-shell, 100); }
}
body:not(.lux-unified-shell) #lux-topbar { z-index: var(--lux-z-shell, 100); }
@media (min-width: 1181px) {
  body.lux-unified-shell #app-content { margin-left: 0; width: 100%; }
  body.lux-unified-shell #lux-shell { z-index: var(--lux-z-shell-global, 2147483646) !important; }
  body.lux-unified-shell:not(.lux-sidebar-collapsed) #lux-shell { z-index: var(--lux-z-shell-global, 2147483646) !important; }
  body.lux-unified-shell:not(.lux-sidebar-collapsed) #lux-topbar { z-index: var(--lux-z-shell, 100); }
}
#lux-topbar .lux-utility-wrap,
#lux-topbar .lux-picker-wrap {
  position: relative;
  z-index: var(--lux-z-shell-control, 110);
}
#lux-topbar .lux-utility-wrap > .lux-icon-btn {
  position: relative;
  z-index: var(--lux-z-shell-control, 110);
  pointer-events: auto;
}
:is(body, html) #lux-topbar:has(.lux-utility-panel:is(.is-open, .is-closing)),
:is(body, html) #lux-topbar:has(.lux-utility-wrap > .lux-icon-btn.is-active),
:is(body, html) #lux-topbar.has-open-utility,
:is(body, html) body:has(.lux-utility-panel:is(.is-open, .is-closing)) #lux-topbar,
:is(body, html) body.lux-has-open-utility #lux-topbar {
  z-index: var(--lux-z-shell, 100);
}
.lux-utility-wrap:has(.lux-utility-panel:is(.is-open, .is-closing)),
.lux-utility-wrap:has(> .lux-icon-btn.is-active),
.lux-utility-wrap.is-active,
.lux-utility-wrap:focus-within {
  z-index: var(--lux-z-shell-control, 110);
}
.lux-utility-panel:is(.is-open, .is-closing) {
  z-index: var(--lux-z-shell-popover, 950);
}
.only-admin { display: none; }
.role-admin .only-admin { display: block; }
.role-admin .only-student { display: none; }
.role-professor .only-student, .role-ta .only-student, .role-student_service .only-student { display: none; }

body.lux-full-paint.lux-unified-shell #lux-topbar .lux-topbar-shell {
  display: flex;
  align-items: center;
  gap: 16px;
  width: 100%;
  box-sizing: border-box;
  min-height: var(--lux-topbar-shell-min-height, 76px);
  padding: var(--lux-topbar-shell-padding, 12px 16px);
  border-radius: 0;
  border: 1px solid var(--lux-soft-chrome-border, var(--lux-focus-border, var(--lux-panel-border)));
  background-color: var(--home-glass-fill, rgba(8, 12, 21, var(--lux-transparency-alpha, 0.70)));
  background-image: var(--lux-soft-chrome-surface, var(--lux-focus-fill, var(--lux-panel-surface-soft)));
  box-shadow: var(--lux-soft-chrome-shadow, var(--lux-focus-shadow, var(--lux-elev-2)));

  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  background-clip: padding-box;
  color: var(--lux-text);
}
body.lux-full-paint.lux-unified-shell #lux-topbar {
  .lux-topbar-main {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
  }
  .lux-topbar-actions {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
  }
  .lux-breadcrumb {
    padding: 0 6px;
    font-size: 12px;
    color: var(--lux-text-muted);
    background: transparent;
    border: 0;
    box-shadow: none;
  }
  .lux-breadcrumb strong { color: var(--lux-text); font-weight: 700; }
  .lux-breadcrumb i { font-size: 9px; opacity: 0.55; margin: 0 6px; }
  .lux-sidebar-toggle-btn, .lux-topbar-editor-btn {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    contain: paint;
    border-radius: var(--lux-btn-pill-radius, 0 22px 0 22px);
    border-width: var(--lux-btn-frame-width, 3.5px);
    border-style: solid;
    border-color: var(--lux-btn-border-solid, var(--lux-accent));
    min-height: 42px;
    padding: 0 16px;
    gap: 8px;
    color: var(--lux-btn-ghost-label, var(--lux-btn-label, #f7fbff));
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.35);
    background: var(--lux-btn-ghost-well, var(--lux-btn-well));
    background-origin: padding-box;
    background-clip: padding-box;
    box-shadow: var(--lux-btn-ghost-shadow, var(--lux-btn-frame-shadow));
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    transition: transform 0.18s ease;
  }
  .lux-sidebar-toggle-btn::before, .lux-topbar-editor-btn::before {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: inherit;
    pointer-events: none;
    z-index: 1;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.16) 0%, rgba(255, 255, 255, 0.04) 28%, transparent 48%);
    opacity: 1;
  }
  .lux-sidebar-toggle-btn::after, .lux-topbar-editor-btn::after {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: inherit;
    pointer-events: none;
    z-index: 2;
    background: var(--lux-btn-sheen);
    transform: translateX(-130%) skewX(-14deg);
    opacity: 0;
    transition: transform 0.55s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.2s ease;
  }
  .lux-sidebar-toggle-btn > *, .lux-topbar-editor-btn > * { position: relative; z-index: 1; }
  .lux-sidebar-toggle-btn:hover, .lux-sidebar-toggle-btn:focus-visible, .lux-topbar-editor-btn:hover, .lux-topbar-editor-btn:focus-visible {
    transform: translateY(-1px);
    color: var(--lux-btn-ghost-label, var(--lux-btn-label, #f7fbff));
    box-shadow: var(--lux-btn-ghost-shadow-hover, var(--lux-btn-frame-shadow-hover));
    background: var(--lux-btn-ghost-well-hover, var(--lux-btn-well-hover, var(--lux-btn-ghost-well, var(--lux-btn-well))));
  }
  .lux-sidebar-toggle-btn:hover::before, .lux-sidebar-toggle-btn:focus-visible::before, .lux-topbar-editor-btn:hover::before, .lux-topbar-editor-btn:focus-visible::before {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.20) 0%, rgba(255, 255, 255, 0.07) 28%, transparent 48%);
  }
  .lux-sidebar-toggle-btn:hover::after, .lux-sidebar-toggle-btn:focus-visible::after, .lux-topbar-editor-btn:hover::after, .lux-topbar-editor-btn:focus-visible::after {
    will-change: transform;
    transform: translateX(130%) skewX(-14deg);
    opacity: 1;
  }
  .lux-sidebar-toggle-btn.is-active { box-shadow: var(--lux-btn-ghost-shadow, var(--lux-btn-frame-shadow)), 0 0 0 1px color-mix(in srgb, var(--lux-accent) 35%, transparent); }

  .lux-picker-btn, .lux-icon-btn {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    contain: paint;
    transition: transform 0.18s ease;
  }
  .lux-picker-btn > *, .lux-icon-btn > * { position: relative; z-index: 1; }
  .lux-picker-btn {
    min-width: 168px;
    min-height: 48px;
    padding: 8px 14px;
    border-radius: var(--lux-btn-pill-radius, 0 22px 0 22px);
    border-width: var(--lux-btn-frame-width, 3.5px);
    border-style: solid;
    border-color: var(--lux-btn-border-solid, var(--lux-accent));
    background: var(--lux-btn-ghost-well, var(--lux-btn-well));
    background-origin: padding-box;
    background-clip: padding-box;
    box-shadow: var(--lux-btn-ghost-shadow, var(--lux-btn-frame-shadow));
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    color: var(--lux-btn-ghost-label, var(--lux-text));
  }
  .lux-picker-btn::before, .lux-icon-btn::before {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: inherit;
    pointer-events: none;
    z-index: 1;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.16) 0%, rgba(255, 255, 255, 0.04) 28%, transparent 48%);
    opacity: 1;
  }
  .lux-picker-btn::after, .lux-icon-btn::after {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: inherit;
    pointer-events: none;
    z-index: 2;
    background: var(--lux-btn-sheen);
    transform: translateX(-130%) skewX(-14deg);
    opacity: 0;
    transition: transform 0.55s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.2s ease;
  }
  .lux-picker-btn:hover, .lux-picker-btn.is-active, .lux-picker-btn[aria-expanded="true"], .lux-picker-btn:focus-visible {
    transform: translateY(-1px);
    border-color: var(--lux-btn-border-solid, var(--lux-accent));
    box-shadow: var(--lux-btn-ghost-shadow-hover, var(--lux-btn-frame-shadow-hover));
    background: var(--lux-btn-ghost-well-hover, var(--lux-btn-well-hover, var(--lux-btn-ghost-well, var(--lux-btn-well))));
  }
  .lux-picker-btn:hover::before, .lux-picker-btn.is-active::before, .lux-picker-btn[aria-expanded="true"]::before, .lux-picker-btn:focus-visible::before,
  .lux-icon-btn:hover::before, .lux-icon-btn:focus-visible::before, .lux-icon-btn.is-active::before {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.20) 0%, rgba(255, 255, 255, 0.07) 28%, transparent 48%);
  }
  .lux-picker-btn:hover::after, .lux-picker-btn.is-active::after, .lux-picker-btn[aria-expanded="true"]::after, .lux-picker-btn:focus-visible::after,
  .lux-icon-btn:hover::after, .lux-icon-btn:focus-visible::after, .lux-icon-btn.is-active::after {
    will-change: transform;
    transform: translateX(130%) skewX(-14deg);
    opacity: 1;
  }
  .lux-picker-caption { color: var(--lux-text-soft, var(--lux-text-muted)); }
  .lux-picker-btn strong { color: var(--lux-btn-ghost-label, var(--lux-text)); }
  .lux-picker-btn i { color: var(--lux-text-muted); }
  .lux-icon-btn {
    width: 44px;
    height: 44px;
    border-radius: var(--lux-btn-pill-radius, 0 22px 0 22px);
    border-width: var(--lux-btn-frame-width, 3.5px);
    border-style: solid;
    border-color: var(--lux-btn-border-solid, var(--lux-accent));
    background: var(--lux-btn-ghost-well, var(--lux-btn-well));
    background-origin: padding-box;
    background-clip: padding-box;
    color: var(--lux-btn-ghost-label, var(--lux-text-muted));
    box-shadow: var(--lux-btn-ghost-shadow, var(--lux-btn-frame-shadow));
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }
  .lux-icon-btn:hover, .lux-icon-btn:focus-visible, .lux-icon-btn.is-active {
    color: var(--lux-btn-ghost-label, var(--lux-text));
    border-color: var(--lux-btn-border-solid, var(--lux-accent));
    transform: translateY(-1px);
    box-shadow: var(--lux-btn-ghost-shadow-hover, var(--lux-btn-frame-shadow-hover));
    background: var(--lux-btn-ghost-well-hover, var(--lux-btn-well-hover, var(--lux-btn-ghost-well, var(--lux-btn-well))));
  }
  .lux-icon-badge:not(.is-zero) {
    background: linear-gradient(135deg, var(--lux-accent), var(--lux-accent-2, var(--lux-accent)));
    color: #fff;
  }
  .lux-user-chip {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    border-radius: 999px;
    border: 1px solid color-mix(
      in srgb,
      rgba(var(--lux-accent-rgb), calc(var(--lux-panel-glow, 0.22) * 0.90)) 48%,
      var(--lux-soft-chrome-border, var(--lux-panel-border-soft))
    );
    background-color: color-mix(in srgb, var(--home-glass-fill, rgba(8, 12, 21, 0.55)) 72%, transparent);
    background-image: var(--lux-soft-chrome-surface, var(--lux-panel-surface-soft));
    box-shadow: var(--lux-soft-chrome-chip-shadow);
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    color: var(--lux-text);
    padding: 5px 12px 5px 6px;
    min-height: 44px;
    transition: transform 0.18s ease;
  }
  .lux-user-chip::after {
    content: '';
    position: absolute;
    inset: -1px;
    border-radius: inherit;
    pointer-events: none;
    z-index: 0;
    background: radial-gradient(circle at 50% 0%, rgba(var(--lux-accent-rgb), calc(var(--lux-panel-glow, 0.22) * 0.65)), transparent 72%);
    opacity: 0;
    transition: opacity 0.18s ease;
  }
  .lux-user-chip > * { position: relative; z-index: 1; }
  .lux-user-chip:hover, .lux-user-chip[aria-expanded="true"] {
    border-color: color-mix(in srgb, var(--lux-accent) 48%, var(--lux-soft-chrome-border, transparent));
    transform: translateY(-1px);
  }
  .lux-user-chip:hover::after, .lux-user-chip[aria-expanded="true"]::after {
    opacity: 1;
  }
  .lux-avatar {
    border: 1.5px solid color-mix(in srgb, var(--lux-accent) 45%, transparent);
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--lux-soft-chrome-surface, transparent) 80%, transparent);
  }
}
body.lux-full-paint.lux-unified-shell.lux-light-mode #lux-topbar :is(.lux-picker-btn, .lux-icon-btn, .lux-sidebar-toggle-btn, .lux-topbar-editor-btn)::before,
html.lux-light-mode body.lux-full-paint.lux-unified-shell #lux-topbar :is(.lux-picker-btn, .lux-icon-btn, .lux-sidebar-toggle-btn, .lux-topbar-editor-btn)::before {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.55) 0%, rgba(255, 255, 255, 0.18) 30%, transparent 52%);
}
body.lux-full-paint.lux-unified-shell.lux-light-mode #lux-topbar :is(.lux-picker-btn, .lux-icon-btn, .lux-sidebar-toggle-btn, .lux-topbar-editor-btn):is(:hover, .is-active, [aria-expanded="true"], :focus-visible)::before,
html.lux-light-mode body.lux-full-paint.lux-unified-shell #lux-topbar :is(.lux-picker-btn, .lux-icon-btn, .lux-sidebar-toggle-btn, .lux-topbar-editor-btn):is(:hover, .is-active, [aria-expanded="true"], :focus-visible)::before {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.72) 0%, rgba(255, 255, 255, 0.28) 30%, transparent 52%);
}
@media (prefers-reduced-motion: reduce) {
  body.lux-full-paint.lux-unified-shell #lux-topbar :is(.lux-picker-btn, .lux-icon-btn, .lux-sidebar-toggle-btn, .lux-topbar-editor-btn)::after {
    display: none;
  }
  body.lux-full-paint.lux-unified-shell #lux-topbar :is(.lux-picker-btn, .lux-icon-btn, .lux-sidebar-toggle-btn, .lux-topbar-editor-btn):is(:hover, .is-active, [aria-expanded="true"], :focus-visible) {
    transform: none;
  }
}
body.lux-full-paint.lux-unified-shell.lux-light-mode #lux-topbar .lux-topbar-shell,
html.lux-light-mode body.lux-full-paint.lux-unified-shell #lux-topbar .lux-topbar-shell {
  background-color: var(--home-glass-fill, rgba(250, 246, 240, calc(var(--lux-transparency-alpha, 0.70) * 0.82)));
  background-image: var(--lux-soft-chrome-surface, var(--lux-focus-fill, var(--lux-panel-surface-soft)));
  border-color: var(--lux-soft-chrome-border, var(--lux-focus-border, var(--lux-panel-border)));
  box-shadow: var(--lux-soft-chrome-shadow, var(--lux-focus-shadow, var(--lux-elev-2)));
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
body.lux-full-paint.lux-unified-shell {
  #lux-topbar .lux-user-chip,
    &:not(.lux-light-mode) #lux-topbar .lux-user-chip {
    background: var(--lux-soft-chrome-surface, var(--lux-panel-surface-soft));
    border-color: var(--lux-soft-chrome-border, var(--lux-panel-border-soft));
    box-shadow: var(--lux-soft-chrome-shadow, var(--lux-elev-2));
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    color: var(--lux-text);
  }
  #lux-topbar .lux-picker-btn,
  #lux-topbar .lux-icon-btn {
    border-radius: var(--lux-btn-pill-radius, 0 22px 0 22px);
    border-width: var(--lux-btn-frame-width, 3.5px);
    border-style: solid;
    border-color: var(--lux-btn-border-solid, var(--lux-accent));
    background: var(--lux-btn-ghost-well, var(--lux-btn-well));
    background-origin: padding-box;
    background-clip: padding-box;
    box-shadow: var(--lux-btn-ghost-shadow, var(--lux-btn-frame-shadow));
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }
  #lux-topbar .lux-picker-btn {
    min-height: 48px;
    color: var(--lux-btn-ghost-label, var(--lux-text));
  }
  #lux-topbar .lux-picker-btn:hover, #lux-topbar .lux-picker-btn.is-active, #lux-topbar .lux-picker-btn[aria-expanded="true"] {
    border-color: var(--lux-btn-border-solid, var(--lux-accent));
    box-shadow: var(--lux-btn-ghost-shadow-hover, var(--lux-btn-frame-shadow-hover));
    background: var(--lux-btn-ghost-well-hover, var(--lux-btn-well-hover, var(--lux-btn-ghost-well, var(--lux-btn-well))));
  }
  #lux-topbar .lux-picker-btn strong { color: var(--lux-btn-ghost-label, var(--lux-text)); }
  #lux-topbar .lux-picker-caption { color: var(--lux-text-muted); }
  #lux-topbar .lux-icon-btn {
    width: 44px;
    height: 44px;
    color: var(--lux-btn-ghost-label, var(--lux-text-muted));
  }
  #lux-topbar .lux-icon-btn:hover, #lux-topbar .lux-icon-btn.is-active {
    color: var(--lux-btn-ghost-label, var(--lux-text));
    border-color: var(--lux-btn-border-solid, var(--lux-accent));
    box-shadow: var(--lux-btn-ghost-shadow-hover, var(--lux-btn-frame-shadow-hover));
    background: var(--lux-btn-ghost-well-hover, var(--lux-btn-well-hover, var(--lux-btn-ghost-well, var(--lux-btn-well))));
  }
  #lux-topbar .lux-user-chip,
  #lux-user-chip {
    display: none !important;
  }
  #lux-topbar .lux-user-chip:hover, #lux-topbar .lux-user-chip[aria-expanded="true"] { border-color: color-mix(in srgb, var(--lux-accent) 40%, var(--lux-soft-chrome-border, transparent)); }
  #lux-topbar .lux-avatar { border: 1.5px solid color-mix(in srgb, var(--lux-accent) 45%, transparent); }
  #lux-topbar .lux-sidebar-toggle-btn, #lux-topbar .lux-topbar-editor-btn, &:not(.lux-light-mode) #lux-topbar .lux-topbar-editor-btn, &:not(.lux-light-mode) #lux-topbar .lux-sidebar-toggle-btn {
    border-radius: var(--lux-btn-pill-radius, 0 22px 0 22px);
    border-width: var(--lux-btn-frame-width, 3.5px);
    border-style: solid;
    border-color: var(--lux-btn-border-solid, var(--lux-accent));
    min-height: 42px;
    padding: 0 16px;
    color: var(--lux-btn-ghost-label, var(--lux-btn-label, #f7fbff));
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.35);
    background: var(--lux-btn-ghost-well, var(--lux-btn-well));
    background-image: var(--lux-btn-ghost-well, var(--lux-btn-well));
    background-origin: padding-box;
    background-clip: padding-box;
    box-shadow: var(--lux-btn-ghost-shadow, var(--lux-btn-frame-shadow));
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }
  #lux-topbar .lux-sidebar-toggle-btn:hover, #lux-topbar .lux-topbar-editor-btn:hover {
    color: var(--lux-btn-ghost-label, var(--lux-btn-label, #f7fbff));
  }
  #lux-topbar .lux-breadcrumb {
    background: transparent;
    border: 0;
    box-shadow: none;
    color: var(--lux-text-muted);
  }
  #lux-topbar .lux-breadcrumb strong { color: var(--lux-text); }
}
body.lux-full-paint.lux-unified-shell.lux-light-mode #lux-topbar :is(.lux-sidebar-toggle-btn, .lux-topbar-editor-btn),
html.lux-light-mode body.lux-full-paint.lux-unified-shell #lux-topbar :is(.lux-sidebar-toggle-btn, .lux-topbar-editor-btn) {
  text-shadow: none;
}
body.lux-full-paint {

  #lux-shell { contain: layout paint; }
  .lux-card, .lux-quick-btn, .lux-stat, .lux-alert, .lux-nav-item, .lux-pill, .lux-picker-panel, .lux-utility-panel { isolation: auto; }
  &.lux-light-mode #lux-shell .lux-nav-group, &.lux-light-mode #lux-shell .lux-user-role { color: var(--lux-text-muted); }
  :is(&.lux-light-mode #lux-shell .lux-nav-item, &.lux-light-mode #lux-shell .lux-nav-item:hover) { color: var(--lux-text); }
  &.lux-light-mode #lux-shell .lux-nav-item i { color: currentColor; }
  &.lux-light-mode #lux-shell .lux-nav-item.is-active { color: #fff8ef; }
  .lux-nav-badge {
    margin-left: auto;
    min-width: 18px;
    height: 18px;
    border-radius: 999px;
    background: var(--lux-accent);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 6px;
    font-size: 9px;
    font-weight: 700;
  }
}
.lux-shell-footer {
  padding: 14px 12px;
  border-top: 1px solid var(--lux-panel-border-soft, var(--lux-border));
  display: flex;
  align-items: center;
  gap: 10px;
  background: transparent;
  flex-shrink: 0;
}
.lux-user-name { font-size: 12px; font-weight: 600; color: var(--lux-text); }
.lux-user-role {
  font-size: 10px;
  color: var(--lux-text-soft);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
body.lux-full-paint {

  --lux-topbar-shift: 0;
  #lux-topbar {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: var(--lux-topbar-height);
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 0 26px;
    background: linear-gradient(180deg, rgba(var(--lux-topbar-tint-rgb), 0.88), rgba(var(--lux-topbar-tint-rgb), 0.74));
    border-bottom: 1px solid var(--lux-border);
    -webkit-backdrop-filter: blur(14px) saturate(140%);
    backdrop-filter: blur(14px) saturate(140%);
    z-index: 45;
    contain: layout style;
    transform: translate3d(var(--lux-topbar-shift, 0), 0, 0);
  }

  &.lux-unified-shell #lux-topbar {
    height: auto;
    min-height: 0;
    display: block;
    align-items: stretch;
    gap: 0;
    padding: 0;
    background: transparent;
    border: none;
    border-bottom: none;
    box-shadow: none;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    pointer-events: none;
  }
  .lux-topbar select {
    background: rgba(var(--lux-glass-tint-rgb), 0.34);
    border: 1px solid var(--lux-border);
    border-radius: 12px;
    color: var(--lux-text);
    font-size: 12px;
    font-family: inherit;
    outline: none;
  }
  .lux-topbar select { height: 38px; padding: 0 12px; }
  .lux-topbar select:focus {
    border-color: rgba(var(--lux-accent-rgb), 0.28);
    background: rgba(var(--lux-glass-tint-rgb), 0.44);
  }
  .lux-topbar-spacer { flex: 1; }
  .lux-topbar-actions { display: flex; align-items: center; gap: 8px; }
  &.lux-sidebar-collapsed #lux-shell {
    transform: none;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 0.12s linear, visibility 0s linear 0.12s;
  }
  &:not(.lux-sidebar-collapsed) #lux-shell {
    transform: none;
    opacity: 1;
    visibility: visible;
    transition: opacity 0.12s linear;
  }
  &.lux-sidebar-collapsed #app-content {
    margin-left: 0;
    padding-left: 18px;
    padding-right: 18px;
    transition: none;
  }
  &:not(.lux-sidebar-collapsed) #app-content { transition: none; }
  &.lux-sidebar-collapsed .page-section { max-width: none; width: 100%; margin: 0; }
  &.lux-sidebar-collapsed { --lux-sidebar-offset: 0px; }
  #lux-shell, .lux-picker-panel {
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
  }
  .lux-nav-item, .lux-quick-btn, .lux-stat, .lux-alert, .lux-pill, .lux-user-menu, .lux-breadcrumb {
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }
  #lux-shell {
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
  }
  #lux-topbar { z-index: var(--lux-z-shell, 100); }
  #lux-topbar, .lux-card-head, .lux-nav-item { overflow: visible; }
  &.lux-studio-open #lux-topbar {
    opacity: 0;
    visibility: hidden;
    pointer-events: none !important;
    transform: translateY(-14px);
  }
  &.lux-studio-open #lux-topbar .lux-topbar-shell { pointer-events: none !important; }
}
@media (prefers-reduced-motion: reduce) {
  .lux-nav-item::before { display: none; }
}

@media (min-width: 1181px) {
  body.lux-unified-shell #lux-shell .lux-nav-item {
    opacity: 1;
    animation: none;
  }
  body.lux-unified-shell.lux-sidebar-collapsed #lux-shell .lux-nav-item {
    opacity: 1;
    animation: none;
  }
}

body.lux-page-bare .lux-page-shell {
  background-color: var(--lux-panel-fill);
  background-image: var(--lux-panel-surface);
  border: 1px solid var(--lux-panel-host-border);
  border-radius: var(--lux-panel-radius, 22px);
  box-shadow: var(--lux-panel-host-shadow);
  backdrop-filter: var(--lux-panel-blur-filter);
  -webkit-backdrop-filter: var(--lux-panel-blur-filter);
  background-clip: padding-box;
}
body.lux-page-bare .page-hero { display: grid; gap: 12px; padding: 12px 0; }
body.lux-page-bare .page-hero p { color: var(--lux-text-muted, rgba(248, 250, 252, 0.65)); line-height: 1.5; margin: 0; }

@media (hover: none), (pointer: coarse) {
  #lux-shell .lux-nav-item:hover:not(.is-active)::before {
    opacity: 0 !important;
  }
  #lux-topbar :is(.lux-sidebar-toggle-btn, .lux-topbar-editor-btn, .lux-picker-btn, .lux-icon-btn):hover::after,
  #lux-topbar :is(.lux-sidebar-toggle-btn, .lux-topbar-editor-btn, .lux-picker-btn, .lux-icon-btn):focus-visible::after {
    will-change: auto;
    transform: translateX(-130%) skewX(-14deg) !important;
    opacity: 0 !important;
  }
}
body.lux-page-bare .lux-empty-state {
  display: grid;
  gap: 8px;
  place-items: center;
  padding: 24px 16px;
  text-align: center;
  color: var(--lux-text-muted, rgba(248, 250, 252, 0.65));
}
body.lux-page-bare #lux-topbar .lux-topbar-shell, body.lux-page-bare #lux-topbar .lux-topbar-main, body.lux-page-bare #lux-topbar .lux-topbar-actions {
  display: flex;
  flex-direction: row;
  align-items: center;
}
body.lux-page-bare #lux-topbar .lux-topbar-shell { flex-wrap: nowrap; }
body.lux-page-bare #lux-topbar :is( .lux-picker-btn,
  .lux-icon-btn,
  .lux-user-chip,
  .lux-sidebar-toggle-btn,
  .lux-topbar-editor-btn,
  .lux-secondary-btn,
  .lux-utility-wrap,
  .lux-picker-wrap,
  .lux-breadcrumb ) {
  width: auto;
  max-width: none;
}
body.lux-page-bare #lux-topbar .lux-icon-btn { width: 40px; height: 40px; }

body.lux-full-paint {
  :is(.lux-card, .lux-panel, .lux-subcard, .lux-section-card, .lux-hero, .lux-timetable-stage, .page-section, .lux-page-shell):focus-within, :is(.lux-card, .lux-panel, .lux-subcard, .lux-section-card):has(.is-open) {
    overflow: visible;
    contain: layout style;
    z-index: 900;
  }
}


@media (min-width: 1025px) {
  html.kiu-shell-loading #lux-shell,
  body.kiu-shell-loading #lux-shell {
    z-index: var(--lux-z-shell-global, 2147483646) !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
  }
  html.kiu-shell-loading #lux-topbar { z-index: var(--lux-z-shell, 100) !important; }
}

@media (min-width: 1025px) {
  body.lux-full-paint.lux-sidebar-transitioning #lux-shell {
    transform: translateZ(0);
  }


  html.lux-sidebar-transitioning #lux-shell {
    transition: none !important;
    transform: none !important;
    will-change: auto !important;
  }


  html.lux-sidebar-transitioning body.lux-sidebar-collapsed #lux-shell {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }
}


body .portal-live-alert-region {
  position: fixed !important;
  right: max(16px, env(safe-area-inset-right)) !important;
  bottom: max(16px, env(safe-area-inset-bottom)) !important;
  z-index: var(--lux-z-toast, 3000) !important;
  width: min(380px, calc(100vw - 32px));
  pointer-events: none;
  isolation: isolate;
}
body .portal-live-alert-stack {
  display: grid;
  gap: 12px;
  width: 100%;
}
body .portal-live-alert {
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr) auto;
  align-items: start;
  gap: 12px;
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
  padding: 14px 14px 14px 12px;
  border: 1px solid color-mix(in srgb, var(--lux-accent, #50d6b0) 46%, rgba(255, 255, 255, 0.16));
  border-radius: 18px;
  color: var(--lux-text, #f7fbff);
  background:
    radial-gradient(circle at 12% 0%, rgba(255, 255, 255, 0.16), transparent 34%),
    linear-gradient(145deg, rgba(var(--lux-accent-rgb, 80, 214, 176), 0.30), rgba(8, 12, 21, 0.94) 58%);
  box-shadow:
    0 0 0 1px rgba(var(--lux-accent-rgb, 80, 214, 176), 0.12),
    0 18px 46px rgba(0, 0, 0, 0.34),
    inset 0 1px 0 rgba(255, 255, 255, 0.12);
  backdrop-filter: blur(18px) saturate(150%);
  -webkit-backdrop-filter: blur(18px) saturate(150%);
  pointer-events: auto;
  overflow: hidden;
  animation: kiu-live-alert-enter 220ms cubic-bezier(0.16, 1, 0.3, 1) both;
}
body .portal-live-alert.is-dismissing {
  opacity: 0;
  transform: translateY(10px) scale(0.98);
  transition: opacity 220ms ease, transform 220ms ease;
}
body .portal-live-alert__icon {
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  border-radius: 13px;
  color: #06131a;
  background: linear-gradient(145deg, var(--lux-accent-2, #8ef3d1), var(--lux-accent, #50d6b0));
  box-shadow: 0 8px 22px rgba(var(--lux-accent-rgb, 80, 214, 176), 0.28);
}
body .portal-live-alert__content {
  display: grid;
  gap: 4px;
  min-width: 0;
}
body .portal-live-alert__title {
  color: inherit;
  font-size: 13px;
  font-weight: 800;
  line-height: 1.25;
}
body .portal-live-alert__text {
  color: color-mix(in srgb, var(--lux-text, #f7fbff) 74%, transparent);
  font-size: 12px;
  line-height: 1.4;
}
body .portal-live-alert__close {
  display: grid;
  place-items: center;
  width: 28px;
  height: 28px;
  padding: 0;
  border: 0;
  border-radius: 10px;
  color: color-mix(in srgb, var(--lux-text, #f7fbff) 70%, transparent);
  background: rgba(255, 255, 255, 0.08);
  cursor: pointer;
}
body .portal-live-alert__close:hover,
body .portal-live-alert__close:focus-visible {
  color: var(--lux-text, #f7fbff);
  background: rgba(255, 255, 255, 0.16);
}
@keyframes kiu-live-alert-enter {
  from { opacity: 0; transform: translateY(12px) scale(0.96); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}
@media (max-width: 560px) {
  body .portal-live-alert-region {
    right: max(12px, env(safe-area-inset-right)) !important;
    bottom: max(12px, env(safe-area-inset-bottom)) !important;
    width: min(380px, calc(100vw - 24px));
  }
}
@media (prefers-reduced-motion: reduce) {
  body .portal-live-alert { animation: none; }
  body .portal-live-alert.is-dismissing { transition: none; }
}

/* source: assets/css/lux-controls.css */


.lux-control {
  box-sizing: border-box;
  width: 100%;
  min-height: var(--lux-primary-btn-min-height, 46px);
  padding: 0 18px;
  border-width: var(--lux-btn-frame-width, 3.5px);
  border-style: solid;
  border-color: var(--lux-btn-border-solid, var(--lux-accent));
  border-radius: var(--lux-btn-pill-radius, 0 22px 0 22px);
  background: var(--lux-btn-well);
  background-clip: padding-box;
  background-origin: padding-box;
  box-shadow: var(--lux-btn-frame-shadow);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  color: var(--lux-btn-label, var(--lux-text));
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.03em;
  line-height: 1.2;
  font-family: inherit;
  outline: none;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.35);
  transition: border-color 0.2s ease, background 0.2s ease, box-shadow 0.2s ease;
}
input.lux-control,
select.lux-control,
textarea.lux-control {
  appearance: none;
  -webkit-appearance: none;
}
input[type="search"].lux-control::-webkit-search-decoration,
input[type="search"].lux-control::-webkit-search-cancel-button {
  -webkit-appearance: none;
}
.lux-control::placeholder { color: var(--lux-text-muted); opacity: 0.72; }
.lux-control:focus,
.lux-control:focus-visible {
  border-color: var(--lux-btn-border-solid, var(--lux-accent));
  background: var(--lux-btn-well-hover, var(--lux-btn-well));
  box-shadow: var(--lux-btn-frame-shadow-hover);
  outline: none;
}
.lux-control:read-only,
.lux-control[readonly] {
  background: var(--lux-btn-well-soft);
  cursor: default;
}
.lux-control:disabled,
.lux-control.is-muted {
  opacity: 0.72;
}
.lux-control select { cursor: pointer; }


.lux-checkbox-row {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
}
:is(.lux-checkbox, .social-neo-checkbox) {
  display: inline-grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  column-gap: 10px;
  min-height: 36px;
  cursor: pointer;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.3;
  color: var(--lux-text);
  position: relative;
  user-select: none;
}
:is(.lux-checkbox, .social-neo-checkbox) input[type="checkbox"] {
  position: absolute;
  opacity: 0;
  width: 18px;
  height: 18px;
  margin: 0;
  grid-column: 1;
  grid-row: 1;
  cursor: pointer;
  z-index: 1;
}
:is(.lux-checkbox, .social-neo-checkbox)::before {
  content: "";
  grid-column: 1;
  grid-row: 1;
  width: 18px;
  height: 18px;
  border-radius: 6px;
  border: var(--lux-field-border-width, 3.5px) solid var(--lux-field-border, var(--lux-btn-border-solid));
  background: var(--lux-panel-control, var(--lux-field-fill));
  box-shadow: var(--lux-field-shadow);
  box-sizing: border-box;
  transition: border-color 0.18s ease, background 0.18s ease, box-shadow 0.18s ease;
  pointer-events: none;
}
:is(.lux-checkbox, .social-neo-checkbox) > span {
  grid-column: 2;
  grid-row: 1;
}
:is(.lux-checkbox, .social-neo-checkbox):has(input[type="checkbox"]:checked)::before {
  border-color: color-mix(in srgb, var(--lux-accent) 72%, transparent);
  background-color: color-mix(in srgb, var(--lux-accent) 78%, #fff);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23fff' d='M6.2 11.6 2.8 8.2l1.4-1.4 2 2 6-6 1.4 1.4z'/%3E%3C/svg%3E");
  background-size: 12px 12px;
  background-position: center;
  background-repeat: no-repeat;
}
:is(.lux-checkbox, .social-neo-checkbox):has(input[type="checkbox"]:focus-visible) {
  outline: none;
  border-radius: 8px;
  box-shadow: var(--lux-field-focus-ring);
}
:is(.lux-checkbox, .social-neo-checkbox):has(input[type="checkbox"]:disabled) {
  opacity: 0.55;
  pointer-events: none;
  cursor: not-allowed;
}
.lux-checkbox--chip {
  padding: 10px 14px;
  border-radius: 12px;
  border: 1px solid var(--lux-modal-glass-border, var(--lux-border));
  background: var(--lux-panel-control);
  transition: border-color 0.18s ease, background 0.18s ease;
}
.lux-checkbox--chip:hover:not(:has(input[type="checkbox"]:disabled)) {
  border-color: color-mix(in srgb, var(--lux-text) 18%, var(--lux-border));
}
.lux-checkbox--chip:has(input[type="checkbox"]:checked) {
  border-color: rgba(var(--lux-accent-rgb), 0.38);
  background: color-mix(in srgb, var(--lux-accent) 14%, var(--lux-panel-control));
}
.lux-checkbox--chip:has(input[type="checkbox"]:focus-visible) {
  border-radius: 12px;
}
@media (prefers-reduced-motion: reduce) {
  :is(.lux-checkbox, .social-neo-checkbox)::before,
  .lux-checkbox--chip {
    transition: none;
  }
}

.lux-icon-btn, .lux-control-btn, .lux-mode-btn, .lux-bg-mode-btn { position: relative; overflow: hidden; }
.lux-icon-btn:active, .lux-primary-btn:active, .lux-secondary-btn:active, .lux-destructive-btn:active, .lux-ghost-btn:active, .lux-quick-btn:active {
  transform: translateY(1px) scale(0.99);
}
.lux-user-chip-chevron {
  flex-shrink: 0;
  font-size: 10px;
  line-height: 1;
  color: var(--lux-text-soft);
  transition: transform .18s ease, color .18s ease;
}
.lux-user-chip[aria-expanded="true"] .lux-user-chip-chevron { transform: rotate(180deg); color: var(--lux-text-muted); }
.modal-programs-option {
  width: 100%;
  padding: 12px;
  text-align: center;
  background: #f8f9fa;
}
.lux-picker-wrap { position: relative; }
.lux-universal-native-select, .lux-filter-hidden-select { display: none !important; }
.lux-picker-field {
  position: relative;
  width: 100%;
  min-width: 0;
  display: grid;
  gap: 8px;
}
.lux-universal-picker-field { width: 100%; }
.lux-picker-label {
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--lux-text-soft);
  padding-left: 4px;
}
.lux-picker-field > .lux-picker-btn:not(.lux-picker-btn--compact) {
  width: 100%;
  min-width: 0;
  justify-content: space-between;
  align-items: center;
  padding: 12px 14px 12px 16px;
  border-radius: 18px;
}
.lux-picker-field > .lux-picker-btn.lux-picker-btn--compact,
.lux-picker-btn--compact {
  min-width: 0;
  min-height: var(--lux-primary-btn-min-height, 46px);
  padding: 0 18px;
  border-radius: var(--lux-btn-pill-radius, 0 22px 0 22px);
  border-width: var(--lux-btn-frame-width, 3.5px);
  border-style: solid;
  border-color: var(--lux-btn-border-solid, var(--lux-accent));
  background: var(--lux-btn-well);
  background-clip: padding-box;
  background-origin: padding-box;
  box-shadow: var(--lux-btn-frame-shadow);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  color: var(--lux-btn-label, #f7fbff);
  font-weight: 700;
  font-size: 13px;
  letter-spacing: 0.03em;
  line-height: 1.2;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.35);
  transition: transform 0.38s cubic-bezier(0.22, 1, 0.36, 1);
}
.lux-picker-field > .lux-picker-panel {
  left: 0;
  right: auto;
  width: 100%;
  min-width: 0;
  top: calc(100% + 8px);
}
.lux-picker-copy {
  display: grid;
  gap: 4px;
  min-width: 0;
  text-align: left;
}
.lux-tab-strip {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  padding: 10px;
  border-radius: 24px;
  border: 1px solid var(--lux-panel-border-soft, rgba(255, 255, 255, 0.12));
  background: color-mix(in srgb, var(--lux-text) 4%, var(--lux-panel-control, var(--lux-panel-fill)));
  min-width: 0;
}
.lux-tab-strip--segmented {
  gap: 3px;
  padding: 3px;
  border-radius: 999px;
}
.lux-tab-fill { flex: 1; }
.lux-tab-btn {
  flex: 1 1 0;
  min-width: 0;
  min-height: 48px;
  padding: 12px 18px;
  border-radius: 18px;
  border: 1px solid transparent;
  background: transparent;
  color: var(--lux-text-muted);
  font-size: 13px;
  font-weight: 600;
  line-height: 1.35;
  text-align: center;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
  font-family: inherit;
  margin: 0;
  box-shadow: none;
  transition: background-color 0.16s ease, border-color 0.16s ease, color 0.16s ease, box-shadow 0.16s ease;
}
.lux-tab-strip--segmented .lux-tab-btn {
  min-height: 40px;
  padding: 7px 12px;
  border-radius: 999px;
  font-size: 12.5px;
}
.lux-tab-btn:hover:not(:disabled) {
  background: color-mix(in srgb, var(--lux-accent) 8%, var(--lux-panel-control));
  color: var(--lux-text);
}
.lux-tab-btn:is(.is-active, .active, [aria-pressed="true"], [aria-selected="true"]) {
  background: color-mix(in srgb, var(--lux-accent) 18%, var(--lux-panel-control));
  border-color: color-mix(in srgb, var(--lux-accent) 24%, var(--lux-border));
  color: var(--lux-accent);
  font-weight: 700;
  box-shadow: inset 0 1px 0 color-mix(in srgb, var(--lux-text) 6%, transparent);
}
.lux-tab-btn:focus-visible {
  outline: none;
  box-shadow: var(--lux-field-focus-ring);
}
.lux-tab-btn:is(.is-active, .active, [aria-pressed="true"], [aria-selected="true"]):focus-visible {
  box-shadow: var(--lux-field-focus-ring), inset 0 1px 0 color-mix(in srgb, var(--lux-text) 6%, transparent);
}
.lux-tab-btn--rich {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 8px;
  text-align: left;
}
.lux-tab-btn--rich > i {
  font-size: 11px;
  opacity: 0.85;
}
.lux-tab-btn--icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  white-space: nowrap;
}
.lux-tab-btn--icon > i {
  font-size: 12px;
  opacity: 0.85;
  flex-shrink: 0;
}
.lux-tab-btn:is(.is-active, .active, [aria-pressed="true"], [aria-selected="true"]).lux-tab-btn--icon > i {
  opacity: 1;
}
.lux-tab-btn__copy {
  display: grid;
  gap: 1px;
  min-width: 0;
}
.lux-tab-btn__label {
  font-size: inherit;
  font-weight: inherit;
  line-height: 1.2;
  color: inherit;
}
.lux-tab-btn__helper {
  font-size: 10px;
  line-height: 1.3;
  font-weight: 500;
  color: var(--lux-text-muted);
}
.lux-tab-btn:is(.is-active, .active, [aria-pressed="true"], [aria-selected="true"]) .lux-tab-btn__helper {
  color: var(--lux-text-secondary, var(--lux-text-muted));
}
:is(.lux-tab-badge, .social-neo-tab-badge) {
  display: inline-grid;
  place-items: center;
  min-width: 18px;
  height: 18px;
  margin-left: 6px;
  padding: 0 5px;
  border-radius: 999px;
  background: color-mix(in srgb, var(--lux-accent) 22%, transparent);
  color: var(--lux-accent);
  font-size: 10px;
  font-weight: 700;
  line-height: 1;
}
.lux-tab-strip--segmented .lux-tab-btn:not(.is-active):not(.active):not([aria-pressed="true"]):not([aria-selected="true"]) {
  background: transparent;
  border-color: transparent;
  box-shadow: none;
}
:is(html.lux-light-mode, body.lux-light-mode) .lux-tab-strip--segmented .lux-tab-btn:not(.is-active):not(.active):not([aria-pressed="true"]):not([aria-selected="true"]) {
  background: transparent;
  border-color: transparent;
  box-shadow: none;
}
@media (prefers-reduced-motion: reduce) {
  .lux-tab-btn { transition: none; }
}
.wave2-action-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 46px;
  padding: 0 16px;
  font-size: 12px;
  font-weight: 700;
}
.lux-picker-btn {
  min-width: 192px;
  min-height: 50px;
  padding: 10px 16px;
  border-radius: 18px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  color: var(--lux-text);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  cursor: pointer;
  text-align: left;
  background: rgba(255, 255, 255, 0.04);
}
.lux-picker-btn:not(.lux-picker-btn--compact):hover,
.lux-picker-btn:not(.lux-picker-btn--compact).is-active { border-color: rgba(var(--lux-accent-rgb), 0.38); }
.lux-picker-caption {
  display: block;
  font-size: 10px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--lux-text-soft);
}
.lux-picker-btn strong {
  display: block;
  margin-top: 4px;
  font-size: 14px;
  line-height: 1.2;
  color: var(--lux-text);
  font-weight: 600;
}
.lux-picker-btn:not(.lux-picker-btn--compact) {
  transition: transform var(--lux-droplist-anim-close-duration, 180ms) var(--lux-droplist-anim-ease, cubic-bezier(0.16, 1, 0.3, 1));
}
.lux-picker-btn:not(.lux-picker-btn--compact):active {
  transform: scale(0.97);
}
.lux-picker-btn:not(.lux-picker-btn--compact).is-active,
.lux-picker-btn:not(.lux-picker-btn--compact)[aria-expanded="true"] {
  transform: translateY(-1px);
}
.lux-picker-btn i {
  color: var(--lux-text-soft);
  font-size: 11px;
  display: inline-block;
  transition: transform var(--lux-droplist-anim-duration, 300ms) var(--lux-droplist-anim-ease, cubic-bezier(0.16, 1, 0.3, 1));
}
.lux-picker-btn.is-active i,
.lux-picker-btn[aria-expanded="true"] i {
  transform: rotate(180deg);
}
.lux-picker-btn--compact .lux-picker-value,
.lux-picker-btn--compact strong {
  margin-top: 0;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  color: inherit;
}
.lux-picker-btn--compact i {
  color: inherit;
  opacity: 0.85;
}
.lux-picker-btn--compact:focus-visible {
  border-color: var(--lux-btn-border-solid, var(--lux-accent));
  background: var(--lux-btn-well-hover, var(--lux-btn-well));
  box-shadow: var(--lux-btn-frame-shadow-hover);
  outline: none;
  transform: translateY(-2px);
}
.lux-picker-btn--compact:active {
  transform: translateY(0) scale(0.985);
}
.lux-picker-btn--compact:active::after {
  opacity: 0;
  transition: none;
  will-change: auto;
}
:root {
  --lux-picker-visible-options: 5;
  --lux-picker-option-height: 44px;
  --lux-picker-panel-gap: 8px;
  --lux-picker-panel-pad: 20px;
  --lux-picker-anim-duration: 300ms;
  --lux-picker-anim-ease: cubic-bezier(0.16, 1, 0.3, 1);
  --lux-picker-slide-offset: 14px;
  --lux-picker-scale-closed: 0.88;
  --lux-picker-panel-max-height: calc( var(--lux-picker-option-height) * var(--lux-picker-visible-options) + var(--lux-picker-panel-gap) * (var(--lux-picker-visible-options) - 1) + var(--lux-picker-panel-pad) );
  --lux-droplist-visible-options: 5;
  --lux-droplist-option-height: 44px;
  --lux-droplist-anim-duration: 300ms;
  --lux-droplist-anim-ease: cubic-bezier(0.16, 1, 0.3, 1);
  --lux-droplist-anim-ease-out: cubic-bezier(0.4, 0, 1, 1);
  --lux-droplist-anim-close-duration: 180ms;
  --lux-droplist-slide-offset: 14px;
  --lux-droplist-scale-closed: 0.88;
  --lux-droplist-shell-gap: 6px;
  --lux-droplist-shell-pad: 12px;
  --lux-droplist-panel-max-height: calc(
    var(--lux-droplist-option-height) * var(--lux-droplist-visible-options)
    + var(--lux-droplist-shell-gap) * (var(--lux-droplist-visible-options) - 1)
    + (var(--lux-droplist-shell-pad) * 2)
  );
}
.lux-picker-panel {
  position: absolute;
  top: calc(100% + 10px);
  right: 0;
  width: min(320px, calc(100vw - 32px));
  padding: 10px;
  border-radius: 22px;
  display: grid;
  gap: 8px;
  max-height: var(--lux-picker-panel-max-height);

  overflow: hidden;
  opacity: 0;
  pointer-events: none;
  background: var(--lux-surface, rgba(15, 23, 42, 0.98));
  border: 1px solid rgba(255, 255, 255, 0.12);
  z-index: var(--lux-z-shell-popover, 950);
}
.lux-picker-panel.is-open { opacity: 1; pointer-events: auto; }
.lux-picker-panel.is-closing:not(.is-open) { opacity: 0; pointer-events: none; }
.lux-picker-panel-scrollport,
.lux-picker-panel--searchable .lux-picker-options,
.lux-picker-panel > .lux-scrollbar {
  display: grid;
  gap: 8px;
  min-height: 0;
  max-height: calc(
    var(--lux-picker-option-height) * var(--lux-picker-visible-options)
    + var(--lux-picker-panel-gap) * (var(--lux-picker-visible-options) - 1)
  );
  overflow-y: auto;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
  contain: layout paint;
}
.lux-picker-panel--searchable {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) auto;
  gap: 8px;
  overflow: hidden;
  max-height: calc(var(--lux-picker-panel-max-height) + 52px);
}
.lux-picker-search-wrap { position: sticky; top: 0; z-index: 1; }
.lux-picker-search-input {
  width: 100%;
  min-height: 40px;
  padding: 8px 12px;
  border-radius: 14px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: rgba(255, 255, 255, 0.06);
  color: var(--lux-text);
  font: inherit;
  font-size: 13px;
  outline: none;
}
.lux-picker-search-input::placeholder { color: var(--lux-text-muted); opacity: 0.7; }
.lux-picker-search-input:focus { border-color: rgba(var(--lux-accent-rgb), 0.4); }
.lux-picker-panel--searchable .lux-picker-empty {
  padding: 10px 8px;
  text-align: center;
  font-size: 12px;
  font-weight: 600;
  color: var(--lux-text-muted);
}
.lux-picker-panel-scrollport,
.lux-picker-panel--searchable .lux-picker-options,
.lux-picker-panel > .lux-scrollbar {
  scrollbar-width: thin;
  scrollbar-color: var(--lux-scrollbar-thumb, rgba(255, 255, 255, 0.14)) var(--lux-scrollbar-track, transparent);
}
.lux-picker-panel-scrollport::-webkit-scrollbar,
.lux-picker-panel--searchable .lux-picker-options::-webkit-scrollbar,
.lux-picker-panel > .lux-scrollbar::-webkit-scrollbar {
  width: var(--lux-scrollbar-size, 7px);
  height: var(--lux-scrollbar-size, 7px);
}
.lux-picker-panel-scrollport::-webkit-scrollbar-thumb,
.lux-picker-panel--searchable .lux-picker-options::-webkit-scrollbar-thumb,
.lux-picker-panel > .lux-scrollbar::-webkit-scrollbar-thumb {
  background: var(--lux-scrollbar-thumb, rgba(255, 255, 255, 0.14));
  border-radius: 999px;
  border: 1px solid rgba(var(--lux-accent-rgb), calc(var(--lux-panel-glow, 0.22) * 0.22));
  background-clip: padding-box;
}
.lux-picker-panel-scrollport::-webkit-scrollbar-thumb:hover,
.lux-picker-panel--searchable .lux-picker-options::-webkit-scrollbar-thumb:hover,
.lux-picker-panel > .lux-scrollbar::-webkit-scrollbar-thumb:hover,
.lux-picker-panel-scrollport::-webkit-scrollbar-thumb:active,
.lux-picker-panel--searchable .lux-picker-options::-webkit-scrollbar-thumb:active,
.lux-picker-panel > .lux-scrollbar::-webkit-scrollbar-thumb:active {
  background: var(--lux-scrollbar-thumb-hover, var(--lux-scrollbar-thumb));
}
.lux-picker-panel-scrollport::-webkit-scrollbar-track,
.lux-picker-panel--searchable .lux-picker-options::-webkit-scrollbar-track,
.lux-picker-panel > .lux-scrollbar::-webkit-scrollbar-track {
  background: var(--lux-scrollbar-track, transparent);
  border-radius: 999px;
}
.lux-picker-option {
  width: 100%;
  padding: 12px 14px;
  border-radius: 16px;
  border: 1px solid rgba(255, 255, 255, 0.18);
  background: transparent;
  color: var(--lux-text);
  display: flex;
  align-items: center;
  text-align: left;
  cursor: pointer;
}
.lux-picker-option strong { font-size: 13px; font-weight: 600; }
.lux-picker-option span { font-size: 11px; color: var(--lux-text-muted); line-height: 1.45; }
.lux-picker-option:hover, .lux-picker-option.is-active {
  border-color: rgba(var(--lux-accent-rgb), 0.34);
  background: rgba(var(--lux-accent-rgb), 0.08);
}

.lux-icon-btn {
  width: var(--lux-icon-btn-size);
  height: var(--lux-icon-btn-size);
  border-radius: var(--lux-icon-btn-radius);
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.03)), rgba(255, 255, 255, 0.02);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.07), 0 16px 34px rgba(0, 0, 0, 0.18);

  transition: transform .18s ease;
}
.lux-icon-btn:hover {
  transform: translateY(-2px);
  color: var(--lux-text);
  border-color: rgba(var(--lux-accent-rgb), 0.24);
}
.lux-icon-btn:hover::after, .lux-icon-btn:focus-visible::after, .lux-icon-btn.is-active::after {
  transform: translateX(130%) skewX(-14deg);
  opacity: 1;
}

.lux-status-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 28px;
  padding: 4px 12px;
  border-radius: 999px;
  border: 1px solid var(--lux-soft-chrome-border-accent, var(--lux-panel-border));
  background: var(--lux-soft-chrome-control, color-mix(in srgb, var(--lux-panel-fill, rgba(255, 255, 255, 0.08)) 72%, transparent));
  box-shadow: var(--lux-soft-chrome-chip-shadow, var(--lux-elev-2));
  color: var(--lux-text);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.04em;
  line-height: 1.2;
  white-space: nowrap;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
button.lux-status-pill {
  cursor: pointer;
  transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease, background 180ms ease;
}
.lux-status-pill.is-info {
  border-color: rgba(var(--lux-accent-rgb), 0.24);
  color: color-mix(in srgb, var(--lux-accent) 78%, #fff 22%);
  background:
    radial-gradient(circle at 84% 0%, rgba(var(--lux-accent-rgb), 0.14), transparent 34%),
    var(--lux-soft-chrome-control, color-mix(in srgb, var(--lux-panel-fill, rgba(255, 255, 255, 0.08)) 72%, transparent));
}
.lux-status-pill.is-success {
  border-color: rgba(32, 197, 124, 0.28);
  color: #9bf3c8;
  background:
    linear-gradient(180deg, rgba(32, 197, 124, 0.14), rgba(32, 197, 124, 0.06)),
    var(--lux-soft-chrome-control, color-mix(in srgb, var(--lux-panel-fill, rgba(255, 255, 255, 0.08)) 72%, transparent));
}
.lux-status-pill.is-warning {
  border-color: rgba(251, 191, 36, 0.28);
  color: #fde68a;
  background:
    linear-gradient(180deg, rgba(251, 191, 36, 0.14), rgba(251, 191, 36, 0.06)),
    var(--lux-soft-chrome-control, color-mix(in srgb, var(--lux-panel-fill, rgba(255, 255, 255, 0.08)) 72%, transparent));
}
.lux-status-pill.is-muted {
  border-color: var(--lux-soft-chrome-border-accent, var(--lux-panel-border));
  color: var(--lux-text-muted);
}
:is(body.lux-light-mode, html.lux-light-mode body) .lux-status-pill.is-info {
  color: color-mix(in srgb, var(--lux-accent) 72%, #1a1a1a 28%);
}
:is(body.lux-light-mode, html.lux-light-mode body) .lux-status-pill.is-success {
  color: #0f7a4d;
}
:is(body.lux-light-mode, html.lux-light-mode body) .lux-status-pill.is-warning {
  color: #8a5a12;
}
:is(body.lux-light-mode, html.lux-light-mode body) .lux-status-pill.is-muted {
  color: var(--lux-text-muted);
}

body.lux-full-paint.lux-unified-shell.lux-page-bare :is(
  [data-lux-glass-root="1"],
  #admin-orders-root,
  .admin-orders-create-modal,
  .admin-orders-thread-modal
) .lux-status-pill.is-info {
  border-color: rgba(var(--lux-accent-rgb), 0.24);
  color: color-mix(in srgb, var(--lux-accent) 78%, #fff 22%);
  background:
    radial-gradient(circle at 84% 0%, rgba(var(--lux-accent-rgb), 0.14), transparent 34%),
    var(--lux-soft-chrome-control, color-mix(in srgb, var(--lux-panel-fill, rgba(255, 255, 255, 0.08)) 72%, transparent));
}
body.lux-full-paint.lux-unified-shell.lux-page-bare :is(
  [data-lux-glass-root="1"],
  #admin-orders-root,
  .admin-orders-create-modal,
  .admin-orders-thread-modal
) .lux-status-pill.is-success {
  border-color: rgba(32, 197, 124, 0.28);
  color: #9bf3c8;
  background:
    linear-gradient(180deg, rgba(32, 197, 124, 0.14), rgba(32, 197, 124, 0.06)),
    var(--lux-soft-chrome-control, color-mix(in srgb, var(--lux-panel-fill, rgba(255, 255, 255, 0.08)) 72%, transparent));
}
body.lux-full-paint.lux-unified-shell.lux-page-bare :is(
  [data-lux-glass-root="1"],
  #admin-orders-root,
  .admin-orders-create-modal,
  .admin-orders-thread-modal
) .lux-status-pill.is-warning {
  border-color: rgba(251, 191, 36, 0.28);
  color: #fde68a;
  background:
    linear-gradient(180deg, rgba(251, 191, 36, 0.14), rgba(251, 191, 36, 0.06)),
    var(--lux-soft-chrome-control, color-mix(in srgb, var(--lux-panel-fill, rgba(255, 255, 255, 0.08)) 72%, transparent));
}
body.lux-full-paint.lux-unified-shell.lux-page-bare :is(
  [data-lux-glass-root="1"],
  #admin-orders-root,
  .admin-orders-create-modal,
  .admin-orders-thread-modal
) .lux-status-pill.is-muted {
  border-color: var(--lux-soft-chrome-border-accent, var(--lux-panel-border));
  color: var(--lux-text-muted);
  background: var(--lux-soft-chrome-control, color-mix(in srgb, var(--lux-panel-fill, rgba(255, 255, 255, 0.08)) 72%, transparent));
}
:is(body.lux-light-mode, html.lux-light-mode body).lux-full-paint.lux-unified-shell.lux-page-bare :is(
  [data-lux-glass-root="1"],
  #admin-orders-root,
  .admin-orders-create-modal,
  .admin-orders-thread-modal
) .lux-status-pill.is-info {
  color: color-mix(in srgb, var(--lux-accent) 72%, #1a1a1a 28%);
}
:is(body.lux-light-mode, html.lux-light-mode body).lux-full-paint.lux-unified-shell.lux-page-bare :is(
  [data-lux-glass-root="1"],
  #admin-orders-root,
  .admin-orders-create-modal,
  .admin-orders-thread-modal
) .lux-status-pill.is-success {
  color: #0f7a4d;
}
:is(body.lux-light-mode, html.lux-light-mode body).lux-full-paint.lux-unified-shell.lux-page-bare :is(
  [data-lux-glass-root="1"],
  #admin-orders-root,
  .admin-orders-create-modal,
  .admin-orders-thread-modal
) .lux-status-pill.is-warning {
  color: #8a5a12;
}
button.lux-status-pill:is(:hover, :focus-visible) {
  transform: translateY(-1px);
  box-shadow: var(--lux-soft-chrome-chip-shadow, var(--lux-elev-2));
}
button.lux-status-pill:active {
  transform: translateY(0);
}

.schedule-chip,
.lux-status-pill.lux-timetable-chip {
  border-radius: 999px;
  border: 1px solid var(--lux-panel-border-soft, var(--lux-border));
  background: var(--lux-panel-surface-soft, var(--lux-panel-surface));
  color: var(--lux-text);
}
.schedule-chip-soft,
.lux-status-pill.lux-timetable-chip.schedule-chip-soft {
  background: rgba(var(--lux-accent-rgb), 0.14);
  color: var(--lux-accent, var(--lux-text));
}

.lux-primary-btn, .lux-secondary-btn, .lux-destructive-btn, .lux-ghost-btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: var(--lux-primary-btn-min-height, 46px);
  padding: 0 26px;
  border-radius: var(--lux-btn-pill-radius, 0 22px 0 22px);
  font-weight: 700;
  font-size: 13px;
  letter-spacing: 0.03em;
  line-height: 1.2;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;

  transition: transform 0.38s cubic-bezier(0.22, 1, 0.36, 1);
  overflow: hidden;
  isolation: isolate;
  contain: paint;
  border-style: solid;
  border-color: transparent;
  background-origin: padding-box;
  background-clip: padding-box;

  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}
.lux-primary-btn::before, .lux-secondary-btn::before, .lux-destructive-btn::before, .lux-ghost-btn::before, .lux-picker-btn--compact::before {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  z-index: 1;

  background: linear-gradient( 180deg, rgba(255, 255, 255, 0.16) 0%, rgba(255, 255, 255, 0.04) 28%, transparent 48% );
  opacity: 1;
}

.lux-primary-btn::after, .lux-secondary-btn::after, .lux-destructive-btn::after, .lux-ghost-btn::after, .lux-picker-btn--compact::after {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  z-index: 2;
  background: var(--lux-btn-sheen);
  transform: translateX(-130%) skewX(-14deg);
  opacity: 0;
  transition: transform 0.55s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.2s ease;
}
.lux-primary-btn:is(:hover, :focus-visible)::after,
.lux-secondary-btn:is(:hover, :focus-visible)::after,
.lux-destructive-btn:is(:hover, :focus-visible)::after,
.lux-ghost-btn:is(:hover, :focus-visible)::after,
.lux-picker-btn--compact:is(:hover, :focus-visible, .is-active, [aria-expanded="true"])::after {
  will-change: transform;
  transform: translateX(130%) skewX(-14deg);
  opacity: 1;
}
.lux-primary-btn {
  color: var(--lux-btn-label, #f7fbff);
  border-width: var(--lux-btn-frame-width, 3.5px);
  border-style: solid;
  border-color: var(--lux-btn-border-solid, var(--lux-accent));
  background: var(--lux-btn-well);
  background-clip: padding-box;
  background-origin: padding-box;
  box-shadow: var(--lux-btn-frame-shadow);
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.35);
}
.lux-primary-btn:hover, .lux-primary-btn:focus-visible {
  transform: translateY(-2px);
  box-shadow: var(--lux-btn-frame-shadow-hover);
  border-color: var(--lux-btn-border-solid, var(--lux-accent));
  background: var(--lux-btn-well-hover, var(--lux-btn-well));
  background-clip: padding-box;
  background-origin: padding-box;
}
.lux-primary-btn:hover::before, .lux-primary-btn:focus-visible::before,
.lux-picker-btn--compact:hover::before, .lux-picker-btn--compact:focus-visible::before, .lux-picker-btn--compact.is-active::before, .lux-picker-btn--compact[aria-expanded="true"]::before {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.22) 0%, rgba(255, 255, 255, 0.08) 28%, transparent 48%);
}
.lux-primary-btn:active { transform: translateY(0) scale(0.985); }
.lux-primary-btn:active::after { opacity: 0; transition: none; will-change: auto; }
.lux-primary-btn.lux-btn-danger {
  border-color: var(--lux-btn-danger-border, #dc2626);
  background: var(--lux-panel-cta-danger);
  box-shadow: var(--lux-btn-frame-shadow);
}
.lux-primary-btn.lux-btn-danger:hover,
.lux-primary-btn.lux-btn-danger:focus-visible {
  border-color: var(--lux-btn-danger-border, #dc2626);
  background: var(--lux-panel-cta-danger-hover, var(--lux-panel-cta-danger));
}
.lux-secondary-btn {
  min-height: var(--lux-secondary-btn-min-height, 44px);
  color: var(--lux-btn-label, #f7fbff);
  border-width: var(--lux-btn-frame-width, 3.5px);
  border-style: solid;
  border-color: var(--lux-btn-border-solid, var(--lux-accent));
  background: var(--lux-btn-well-soft);
  background-clip: padding-box;
  background-origin: padding-box;
  box-shadow: var(--lux-btn-frame-shadow);
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.32);
}
.lux-secondary-btn:hover, .lux-secondary-btn:focus-visible {
  transform: translateY(-2px);
  box-shadow: var(--lux-btn-frame-shadow-hover);
  border-color: var(--lux-btn-border-solid, var(--lux-accent));
  background: var(--lux-btn-well-soft-hover, var(--lux-btn-well-soft));
  background-clip: padding-box;
  background-origin: padding-box;
}
.lux-secondary-btn:is(.active, .is-active, .is-focused, [aria-selected="true"], [aria-pressed="true"]) {
  color: var(--lux-btn-label, #f7fbff);
  border-color: var(--lux-btn-border-solid, var(--lux-accent));
  background: var(--lux-btn-well-hover, var(--lux-btn-well));
  box-shadow: var(--lux-btn-frame-shadow-hover);
}
.lux-secondary-btn:hover::before, .lux-secondary-btn:focus-visible::before {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.20) 0%, rgba(255, 255, 255, 0.07) 28%, transparent 48%);
}
.lux-secondary-btn:active { transform: translateY(0) scale(0.985); }
.lux-secondary-btn-sm {
  min-height: 34px;
  padding: 6px 12px;
  font-size: 12px;
  gap: 6px;
}
.lux-destructive-btn {
  min-height: var(--lux-secondary-btn-min-height, 44px);
  color: #fecaca;
  border-width: var(--lux-btn-frame-width, 3.5px);
  border-style: solid;
  border-color: var(--lux-btn-danger-border, #dc2626);
  background: var(--lux-panel-cta-danger);
  background-clip: padding-box;
  background-origin: padding-box;
  box-shadow: var(--lux-btn-frame-shadow);
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.32);
}
.lux-destructive-btn:hover, .lux-destructive-btn:focus-visible {
  transform: translateY(-2px);
  color: #fff1f2;
  border-color: var(--lux-btn-danger-border, #dc2626);
  background: var(--lux-panel-cta-danger-hover, var(--lux-panel-cta-danger));
  box-shadow: var(--lux-btn-frame-shadow-hover);
}
.lux-destructive-btn:hover::before, .lux-destructive-btn:focus-visible::before {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.16) 0%, rgba(255, 255, 255, 0.05) 28%, transparent 48%);
}
.lux-destructive-btn:active { transform: translateY(0) scale(0.985); }
:is(html.lux-light-mode, body.lux-light-mode) .lux-destructive-btn {
  color: #991b1b;
  text-shadow: none;
}
:is(html.lux-light-mode, body.lux-light-mode) .lux-destructive-btn:hover,
:is(html.lux-light-mode, body.lux-light-mode) .lux-destructive-btn:focus-visible {
  color: #7f1d1d;
}
.lux-ghost-btn {
  min-height: var(--lux-secondary-btn-min-height, 44px);
  color: var(--lux-btn-ghost-label, var(--lux-btn-label, #f7fbff));
  border-width: var(--lux-btn-frame-width, 3.5px);
  border-style: solid;
  border-color: var(--lux-btn-border-solid, var(--lux-accent));
  background: var(--lux-btn-ghost-well, var(--lux-btn-well));
  background-clip: padding-box;
  background-origin: padding-box;
  box-shadow: var(--lux-btn-ghost-shadow, var(--lux-btn-frame-shadow));
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
}
.lux-ghost-btn:hover, .lux-ghost-btn:focus-visible {
  transform: translateY(-2px);
  color: var(--lux-btn-ghost-label, var(--lux-btn-label, #f7fbff));
  background: var(--lux-btn-ghost-well-hover, var(--lux-btn-well-hover, var(--lux-btn-ghost-well, var(--lux-btn-well))));
  background-clip: padding-box;
  background-origin: padding-box;
  border-color: var(--lux-btn-border-solid, var(--lux-accent));
  box-shadow: var(--lux-btn-ghost-shadow-hover, var(--lux-btn-frame-shadow-hover));
}
.lux-ghost-btn:hover::before, .lux-ghost-btn:focus-visible::before {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.18) 0%, rgba(255, 255, 255, 0.06) 28%, transparent 48%);
}
.lux-ghost-btn:active { transform: translateY(0) scale(0.985); }
.lux-primary-btn, .lux-secondary-btn, .lux-destructive-btn, .lux-ghost-btn, .lux-picker-btn--compact { z-index: 0; }
:is(html.lux-light-mode, body.lux-light-mode) :is(.lux-primary-btn, .lux-secondary-btn, .lux-destructive-btn, .lux-ghost-btn, .lux-picker-btn--compact, .lux-control) {
  text-shadow: none;
}
:is(html.lux-light-mode, body.lux-light-mode) .lux-ghost-btn,
:is(html.lux-light-mode, body.lux-light-mode) .lux-ghost-btn:hover,
:is(html.lux-light-mode, body.lux-light-mode) .lux-ghost-btn:focus-visible {
  color: var(--lux-btn-ghost-label, var(--lux-text, #1d2633));
}
:is(html.lux-light-mode, body.lux-light-mode) :is(.lux-primary-btn, .lux-secondary-btn, .lux-destructive-btn, .lux-ghost-btn, .lux-picker-btn--compact)::before {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.55) 0%, rgba(255, 255, 255, 0.18) 30%, transparent 52%);
}
:is(html.lux-light-mode, body.lux-light-mode) :is(.lux-primary-btn, .lux-secondary-btn, .lux-destructive-btn, .lux-ghost-btn, .lux-picker-btn--compact):is(:hover, :focus-visible, .is-active, [aria-expanded="true"])::before {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.72) 0%, rgba(255, 255, 255, 0.28) 30%, transparent 52%);
}
html[data-lux-transparency="0"] .lux-primary-btn, html[data-lux-transparency="0"] .lux-secondary-btn, html[data-lux-transparency="0"] .lux-destructive-btn, html[data-lux-transparency="0"] .lux-ghost-btn {
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}
@media (prefers-reduced-motion: reduce) {
  .lux-primary-btn, .lux-secondary-btn, .lux-ghost-btn, .lux-picker-btn--compact {
    transition: none;
  }
  .lux-primary-btn::after, .lux-secondary-btn::after, .lux-destructive-btn::after, .lux-ghost-btn::after, .lux-picker-btn--compact::after { display: none; }
  .lux-primary-btn:hover, .lux-primary-btn:focus-visible, .lux-primary-btn:active, .lux-secondary-btn:hover, .lux-secondary-btn:focus-visible, .lux-secondary-btn:active, .lux-ghost-btn:hover, .lux-ghost-btn:focus-visible, .lux-ghost-btn:active, .lux-picker-btn--compact:hover, .lux-picker-btn--compact:focus-visible, .lux-picker-btn--compact:active, .lux-picker-btn--compact.is-active, .lux-picker-btn--compact[aria-expanded="true"] {
    transform: none;
    filter: none;
  }
}
.lux-picker-btn:not(.lux-picker-btn--compact) {
  background: linear-gradient(180deg, rgba(var(--lux-glass-tint-rgb), calc(var(--lux-raised-fill-alpha) + var(--lux-glass-highlight-alpha))), rgba(var(--lux-glass-tint-rgb), var(--lux-raised-fill-alpha)));
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
.lux-picker-btn--compact:hover,
.lux-picker-btn--compact:focus-visible,
.lux-picker-btn--compact.is-active,
.lux-picker-btn--compact[aria-expanded="true"] {
  transform: translateY(-2px);
  box-shadow: var(--lux-btn-frame-shadow-hover);
  border-color: var(--lux-btn-border-solid, var(--lux-accent));
  background: var(--lux-btn-well-hover, var(--lux-btn-well));
}
#lux-topbar .lux-topbar-shell :is(.lux-picker-btn, .lux-icon-btn),
#page-home #lux-home-shell .lux-home-merged :is(.lux-picker-btn, .lux-icon-btn, .lux-quick-btn, .home-hover-chip) {
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
.lux-picker-btn, .lux-icon-btn {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  contain: paint;
}
.lux-picker-btn:not(.lux-picker-btn--compact)::before, .lux-icon-btn::before {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  z-index: 1;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.16) 0%, rgba(255, 255, 255, 0.04) 28%, transparent 48%);
  opacity: 1;
}
.lux-picker-btn:not(.lux-picker-btn--compact)::after, .lux-icon-btn::after {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  z-index: 2;
  background: var(--lux-btn-sheen);
  transform: translateX(-130%) skewX(-14deg);
  opacity: 0;
  transition: transform 0.55s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.2s ease;
}
.lux-picker-btn:not(.lux-picker-btn--compact):hover::before, .lux-picker-btn:not(.lux-picker-btn--compact).is-active::before, .lux-picker-btn:not(.lux-picker-btn--compact)[aria-expanded="true"]::before, .lux-picker-btn:not(.lux-picker-btn--compact):focus-visible::before,
.lux-icon-btn:hover::before, .lux-icon-btn:focus-visible::before, .lux-icon-btn.is-active::before {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.20) 0%, rgba(255, 255, 255, 0.07) 28%, transparent 48%);
}
.lux-picker-btn:not(.lux-picker-btn--compact):hover::after, .lux-picker-btn:not(.lux-picker-btn--compact).is-active::after, .lux-picker-btn:not(.lux-picker-btn--compact)[aria-expanded="true"]::after, .lux-picker-btn:not(.lux-picker-btn--compact):focus-visible::after,
.lux-icon-btn:hover::after, .lux-icon-btn:focus-visible::after, .lux-icon-btn.is-active::after {
  will-change: transform;
  transform: translateX(130%) skewX(-14deg);
  opacity: 1;
}
.lux-picker-btn > *, .lux-icon-btn > * { position: relative; z-index: 1; }
.lux-picker-panel {
  background: linear-gradient(180deg, rgba(var(--lux-topbar-tint-rgb), calc(var(--lux-topbar-fill-alpha) + 0.05)), rgba(var(--lux-topbar-tint-rgb), var(--lux-topbar-fill-alpha))), radial-gradient(circle at top right, rgba(var(--lux-bg-glow-rgb), 0.12), transparent 32%);
  border: 1px solid rgba(255, 255, 255, 0.12);
  backdrop-filter: blur(calc(var(--lux-glass-blur) + 4px)) saturate(152%);
  -webkit-backdrop-filter: blur(calc(var(--lux-glass-blur) + 4px)) saturate(152%);
}
.lux-toast {
  position: fixed;
  right: 24px;
  bottom: 24px;
  z-index: var(--lux-z-toast, 3000);
  max-width: min(360px, calc(100vw - 32px));
  padding: 12px 16px;
  border-radius: 14px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: rgba(11, 15, 27, 0.92);
  color: #f5f1e8;
  font-size: 12px;
  box-shadow: 0 18px 45px rgba(0, 0, 0, 0.36);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  opacity: 0;
  transform: translateY(8px);
  transition: opacity .18s ease, transform .18s ease;
  pointer-events: none;
}
.lux-toast.is-visible { opacity: 1; transform: translateY(0); }
.lux-icon-badge {
  position: absolute;
  top: 6px;
  right: 6px;
  min-width: 18px;
  height: 18px;
  padding: 0 5px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, var(--lux-accent), var(--lux-accent-2));
  color: #fff;
  font-size: 10px;
  font-weight: 700;
  box-shadow: 0 10px 22px rgba(var(--lux-accent-rgb), 0.28);
}
.lux-icon-badge.is-zero { opacity: 0; transform: scale(0.8); pointer-events: none; }

.lux-social-system-message {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  min-height: 34px;
  padding: 7px 12px;
  color: var(--lux-text-muted, rgba(255, 255, 255, 0.62));
  font-size: 11px;
  line-height: 1.35;
  text-align: center;
}
.lux-social-system-message__icon {
  display: inline-grid;
  place-items: center;
  width: 20px;
  height: 20px;
  flex: 0 0 20px;
  border: 1px solid color-mix(in srgb, var(--lux-accent) 32%, transparent);
  border-radius: 999px;
  color: var(--lux-accent);
  font-size: 9px;
}
.lux-social-system-message__copy {
  display: inline-flex;
  align-items: baseline;
  justify-content: center;
  gap: 4px;
  min-width: 0;
  flex-wrap: wrap;
}
.lux-social-system-message__copy strong { color: var(--lux-text, #fff); font-weight: 750; }
.lux-social-system-message__copy span { overflow-wrap: anywhere; }
.lux-social-system-message time { flex: 0 0 auto; color: var(--lux-text-soft, rgba(255, 255, 255, 0.46)); font-size: 10px; }
body.lux-light-mode .lux-social-system-message { color: var(--lux-text-muted, rgba(44, 33, 24, 0.62)); }
body.lux-light-mode .lux-social-system-message__copy strong { color: var(--lux-text, #30251d); }
@media (prefers-reduced-motion: reduce) {
  .lux-social-system-message { transition: none; }
}

.lux-picker-btn:not(.lux-picker-btn--compact):hover,
.lux-picker-btn:not(.lux-picker-btn--compact).is-active {
  transform: translateY(-1px);
}
.lux-picker-btn:hover::after, .lux-picker-btn.is-active::after { opacity: 1; }
.lux-picker-panel {
  transform: var(--lux-picker-anchor-transform, translateY(0)) translateY(var(--lux-picker-slide-offset)) scale(var(--lux-picker-scale-closed, 0.94));
  transform-origin: top center;
  transition: opacity var(--lux-picker-anim-duration) var(--lux-picker-anim-ease), transform var(--lux-picker-anim-duration) var(--lux-picker-anim-ease);
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.24);
}
.lux-picker-panel.is-open-above { --lux-picker-slide-offset: -8px; transform-origin: bottom center; }
.lux-picker-panel.is-open { transform: var(--lux-picker-anchor-transform, translateY(0)) translateY(0) scale(1); }
@media (prefers-reduced-motion: reduce) {
  .lux-picker-panel, .lux-droplist-panel, .lux-picker-btn, .lux-picker-btn i { transition: none; }
  .lux-picker-panel.lux-universal-picker-panel.lux-droplist-panel:not(.is-open):not(.is-closing),
  .lux-picker-panel.lux-universal-picker-panel.lux-droplist-panel.is-closing:not(.is-open) {
    filter: none;
  }
}
body.lux-light-mode .lux-picker-search-input, html.lux-light-mode body .lux-picker-search-input {
  border-color: rgba(48, 34, 22, 0.12);
  background: rgba(255, 255, 255, 0.78);
}

body.lux-full-paint.lux-unified-shell .lux-primary-btn, body.lux-full-paint.lux-unified-shell .lux-secondary-btn, body.lux-full-paint.lux-unified-shell .lux-picker-btn--compact, body.lux-full-paint.lux-unified-shell .lux-control {
  border-radius: var(--lux-btn-pill-radius, 0 22px 0 22px);
  border-width: var(--lux-btn-frame-width, 3.5px);
  border-style: solid;
  border-color: var(--lux-btn-border-solid, var(--lux-accent));
  background: var(--lux-btn-well);
  background-origin: padding-box;
  background-clip: padding-box;
  color: var(--lux-btn-label, #f7fbff);
  box-shadow: var(--lux-btn-frame-shadow);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}
body.lux-full-paint.lux-unified-shell .lux-secondary-btn {
  background: var(--lux-btn-well-soft);
}
body.lux-full-paint.lux-unified-shell .lux-ghost-btn {
  border-radius: var(--lux-btn-pill-radius, 0 22px 0 22px);
  border-width: var(--lux-btn-frame-width, 3.5px);
  border-style: solid;
  border-color: var(--lux-btn-border-solid, var(--lux-accent));
  background: var(--lux-btn-ghost-well, var(--lux-btn-well));
  background-origin: padding-box;
  background-clip: padding-box;
  color: var(--lux-btn-ghost-label, var(--lux-btn-label, #f7fbff));
  box-shadow: var(--lux-btn-ghost-shadow, var(--lux-btn-frame-shadow));
  text-shadow: none;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}


body.lux-full-paint.lux-unified-shell [data-lux-btn-density="dense"] :is(.lux-primary-btn, .lux-secondary-btn, .lux-destructive-btn, .lux-ghost-btn) {
  min-height: 40px;
  padding-inline: 16px;
  border-radius: 12px;
  border-width: 1px;
  box-shadow: none;
  text-shadow: none;
}
body.lux-full-paint.lux-unified-shell [data-lux-btn-density="dense"] :is(.lux-primary-btn, .lux-secondary-btn, .lux-destructive-btn, .lux-ghost-btn)::before,
body.lux-full-paint.lux-unified-shell [data-lux-btn-density="dense"] :is(.lux-primary-btn, .lux-secondary-btn, .lux-destructive-btn, .lux-ghost-btn)::after {
  display: none;
}
body.lux-full-paint.lux-unified-shell [data-lux-btn-density="dense"] :is(.lux-primary-btn, .lux-secondary-btn, .lux-destructive-btn, .lux-ghost-btn):is(:hover, :focus-visible) {
  box-shadow: var(--lux-elev-1, 0 8px 20px rgba(0, 0, 0, 0.14));
}


.lux-btn-row-stack {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}
.lux-btn-row-stack .lux-primary-btn,
.lux-btn-row-stack .lux-secondary-btn {
  flex: 1 1 auto;
  justify-content: center;
  min-width: 120px;
}
@media (max-width: 900px) {
  .lux-btn-row-stack .lux-primary-btn,
  .lux-btn-row-stack .lux-secondary-btn {
    width: 100%;
  }
}


.lux-select-card.lux-secondary-btn,
button.lux-select-card.lux-secondary-btn,
label.lux-select-card.lux-secondary-btn {
  width: 100%;
  justify-content: flex-start;
  text-align: left;
  gap: 10px;
}


.lux-toolbar-btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: var(--lux-primary-btn-min-height, 46px);
  padding: 0 18px;
  border-radius: var(--lux-btn-pill-radius, 0 22px 0 22px);
  border-width: var(--lux-btn-frame-width, 3.5px);
  border-style: solid;
  border-color: var(--lux-btn-border-solid, var(--lux-accent));
  background: var(--lux-btn-well);
  background-origin: padding-box;
  background-clip: padding-box;
  color: var(--lux-btn-label, #f7fbff);
  font-weight: 700;
  font-size: 13px;
  letter-spacing: 0.03em;
  line-height: 1.2;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.35);
  transition: transform 0.38s cubic-bezier(0.22, 1, 0.36, 1);
  overflow: hidden;
  isolation: isolate;
  contain: paint;
  box-shadow: var(--lux-btn-frame-shadow);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}
.lux-toolbar-btn::before,
.lux-toolbar-btn::after {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
}
.lux-toolbar-btn::before {
  z-index: 1;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.16) 0%, rgba(255, 255, 255, 0.04) 28%, transparent 48%);
}
.lux-toolbar-btn::after {
  z-index: 2;
  background: var(--lux-btn-sheen);
  transform: translateX(-130%) skewX(-14deg);
  opacity: 0;
  transition: transform 0.55s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.2s ease;
}
.lux-toolbar-btn:is(:hover, :focus-visible) {
  transform: translateY(-2px);
  border-color: var(--lux-btn-border-solid, var(--lux-accent));
  background: var(--lux-btn-well-hover, var(--lux-btn-well));
  box-shadow: var(--lux-btn-frame-shadow-hover);
  outline: none;
}
.lux-toolbar-btn:is(:hover, :focus-visible)::before {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.22) 0%, rgba(255, 255, 255, 0.08) 28%, transparent 48%);
}
.lux-toolbar-btn:is(:hover, :focus-visible)::after,
.lux-toolbar-btn:is(.is-active, [aria-pressed="true"], [aria-selected="true"])::after {
  will-change: transform;
  transform: translateX(130%) skewX(-14deg);
  opacity: 1;
}
.lux-toolbar-btn:is(.is-active, [aria-pressed="true"], [aria-selected="true"]) {
  background: var(--lux-btn-well-hover, var(--lux-btn-well));
  box-shadow: var(--lux-btn-frame-shadow-hover);
}
.lux-toolbar-btn:active {
  transform: translateY(0) scale(0.985);
}
.lux-toolbar-btn:active::after {
  opacity: 0;
  transition: none;
  will-change: auto;
}
.lux-toolbar-btn:disabled,
.lux-toolbar-btn[aria-disabled="true"] {
  opacity: 0.72;
  cursor: not-allowed;
  transform: none;
}
:is(html.lux-light-mode, body.lux-light-mode) .lux-toolbar-btn {
  text-shadow: none;
}
:is(html.lux-light-mode, body.lux-light-mode) .lux-toolbar-btn::before {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.55) 0%, rgba(255, 255, 255, 0.18) 30%, transparent 52%);
}
:is(html.lux-light-mode, body.lux-light-mode) .lux-toolbar-btn:is(:hover, :focus-visible, .is-active, [aria-pressed="true"], [aria-selected="true"])::before {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.72) 0%, rgba(255, 255, 255, 0.28) 30%, transparent 52%);
}
@media (prefers-reduced-motion: reduce) {
  .lux-toolbar-btn,
  .lux-toolbar-btn::after {
    transition: none;
  }
  .lux-toolbar-btn::after {
    display: none;
  }
  .lux-toolbar-btn:is(:hover, :focus-visible, :active) {
    transform: none;
  }
}


body.lux-full-paint.lux-unified-shell .lux-toolbar-btn {
  border-radius: var(--lux-btn-pill-radius, 0 22px 0 22px);
  border-width: var(--lux-btn-frame-width, 3.5px);
  border-style: solid;
  border-color: var(--lux-btn-border-solid, var(--lux-accent));
  background: var(--lux-btn-well);
  background-origin: padding-box;
  background-clip: padding-box;
  color: var(--lux-btn-label, #f7fbff);
  box-shadow: var(--lux-btn-frame-shadow);
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.35);
}
body.lux-full-paint.lux-unified-shell .lux-toolbar-btn::before {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.16) 0%, rgba(255, 255, 255, 0.04) 28%, transparent 48%);
}
body.lux-full-paint.lux-unified-shell .lux-toolbar-btn::after {
  background: var(--lux-btn-sheen);
}
body.lux-full-paint.lux-unified-shell .lux-toolbar-btn:is(:hover, :focus-visible)::before {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.22) 0%, rgba(255, 255, 255, 0.08) 28%, transparent 48%);
}
html.lux-light-mode body.lux-full-paint.lux-unified-shell .lux-toolbar-btn::before,
body.lux-light-mode.lux-full-paint.lux-unified-shell .lux-toolbar-btn::before {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.55) 0%, rgba(255, 255, 255, 0.18) 30%, transparent 52%);
}
html.lux-light-mode body.lux-full-paint.lux-unified-shell .lux-toolbar-btn:is(:hover, :focus-visible, .is-active, [aria-pressed="true"], [aria-selected="true"])::before,
body.lux-light-mode.lux-full-paint.lux-unified-shell .lux-toolbar-btn:is(:hover, :focus-visible, .is-active, [aria-pressed="true"], [aria-selected="true"])::before {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.72) 0%, rgba(255, 255, 255, 0.28) 30%, transparent 52%);
}

/* source: assets/css/lux-focus-panel.css */


.lux-soft-chrome, .lux-focus-panel, .lux-timetable-hero-focus, .lms-hero-focus.lux-hero-side {
  background: var(--lux-focus-fill, var(--lux-soft-chrome-surface));
  border: 1px solid var(--lux-focus-border, var(--lux-soft-chrome-border));
  box-shadow: var(--lux-focus-shadow, var(--lux-soft-chrome-shadow));
  color: var(--lux-text);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
.lux-soft-chrome { border-radius: var(--lux-radius, 18px); }
.lux-focus-panel, .lux-timetable-hero-focus, .lms-hero-focus.lux-hero-side {
  position: relative;
  display: grid;
  gap: 16px;
  align-content: start;
  min-height: 0;
  min-width: 0;
  padding: 22px 24px 20px 26px;
  border-radius: 18px;
  overflow: hidden;
}
.lux-focus-panel::before, .lux-timetable-hero-focus::before, .lms-hero-focus.lux-hero-side::before {
  content: '';
  position: absolute;
  inset: 0 auto 0 0;
  width: 3px;
  border-radius: 16px 0 0 16px;
  pointer-events: none;
  background: var(--lux-panel-cta-bar);
}
.lux-focus-panel__head, .lux-timetable-focus-head, .lms-hero-focus-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  min-width: 0;
}
.lux-focus-panel__kicker, .lux-timetable-focus-kicker, .lms-hero-focus-kicker {
  margin: 0;
  min-width: 0;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--lux-accent-2, var(--lux-accent));
  opacity: 0.9;
}
.lux-focus-panel__chip, .lms-hero-focus-chip, .lux-timetable-focus-time {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  padding: 7px 14px;
  border-radius: 12px;
  font-size: 12px;
  font-weight: 700;
  color: var(--lux-text);
  background: rgba(var(--lux-accent-rgb), 0.12);
  border: 1px solid rgba(var(--lux-accent-rgb), 0.28);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
.lux-timetable-focus-time {
  min-height: 38px;
  font-size: 14px;
  font-weight: 800;
  font-variant-numeric: tabular-nums;
  letter-spacing: 0.02em;
  border-color: rgba(var(--lux-accent-rgb), 0.32);
}
.lux-focus-panel__body, .lux-timetable-focus-body, .lms-hero-focus-body { display: grid; gap: 8px; min-width: 0; }
.lux-focus-panel__title, .lux-timetable-focus-title, .lms-hero-focus-title {
  margin: 0;
  font-family: 'Playfair Display', Georgia, serif;
  font-size: clamp(22px, 2.4vw, 28px);
  font-weight: 700;
  line-height: 1.15;
  letter-spacing: -0.02em;
  color: var(--lux-text);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.lux-focus-panel__copy, .lux-timetable-focus-copy, .lux-timetable-focus-subline, .lms-hero-focus-copy {
  margin: 0;
  font-size: 13px;
  line-height: 1.55;
  color: var(--lux-text-muted);
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.lux-focus-panel__copy[hidden], .lux-timetable-focus-copy[hidden] { display: none; }
.lux-timetable-focus-facts {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 8px;
}
.lux-timetable-focus-facts:empty { display: none; }
.lux-timetable-focus-facts li {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
  font-size: 13px;
  line-height: 1.45;
  color: var(--lux-text-muted);
}
.lux-timetable-focus-facts li i {
  flex-shrink: 0;
  width: 14px;
  text-align: center;
  font-size: 11px;
  color: rgba(var(--lux-accent-rgb), 0.9);
}
.lux-timetable-focus-facts li span { min-width: 0; overflow: hidden; text-overflow: ellipsis; }
.lux-focus-panel__meta, .lux-timetable-focus-meta, .lms-hero-focus-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0;
  margin-top: 2px;
  min-width: 0;
}
.lux-focus-panel__meta:empty, .lux-timetable-focus-meta:empty { display: none; }
.lux-focus-panel__meta > span, .lux-timetable-focus-meta span, .lms-hero-focus-meta > span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 44px;
  padding: 10px 14px;
  border-radius: 14px;
  font-size: 12px;
  font-weight: 650;
  line-height: 1.2;
  color: var(--lux-text-muted);
  background: rgba(var(--lux-accent-rgb), 0.07);
  border: 1px solid var(--lux-focus-border, var(--lux-soft-chrome-border));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
.lux-focus-panel__meta > span i, .lux-timetable-focus-meta span i, .lms-hero-focus-meta i {
  flex-shrink: 0;
  font-size: 11px;
  color: var(--lux-accent-2, var(--lux-accent));
  opacity: 0.9;
}
:is(html.lux-light-mode, body.lux-light-mode) .lux-focus-panel__chip, :is(html.lux-light-mode, body.lux-light-mode) .lms-hero-focus-chip, :is(html.lux-light-mode, body.lux-light-mode) .lux-timetable-focus-time, :is(html.lux-light-mode, body.lux-light-mode) .lux-focus-panel__meta > span, :is(html.lux-light-mode, body.lux-light-mode) .lms-hero-focus-meta > span, :is(html.lux-light-mode, body.lux-light-mode) .lux-timetable-focus-meta span {
  background: rgba(255, 255, 255, 0.72);
  color: rgba(48, 34, 22, 0.9);
}
:is(html.lux-light-mode, body.lux-light-mode) .lux-focus-panel, :is(html.lux-light-mode, body.lux-light-mode) .lux-timetable-hero-focus, :is(html.lux-light-mode, body.lux-light-mode) .lms-hero-focus.lux-hero-side {
  box-shadow: var(--lux-focus-shadow, var(--lux-soft-chrome-shadow));
}
.lux-focus-panel :is(.lux-pill, .lux-status-pill, .page-hero-badge, .lux-chip), .lux-soft-chrome :is(.lux-pill, .lux-status-pill, .page-hero-badge, .lux-chip), .lux-timetable-hero-focus :is(.lux-pill, .lux-status-pill), .lms-hero-focus :is(.lux-pill, .lux-status-pill) {
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
@media (max-width: 768px) {
  .lux-focus-panel, .lux-timetable-hero-focus, .lms-hero-focus.lux-hero-side {
    display: grid;
    padding: 14px 16px 14px 20px;
    gap: 12px;
    overflow: hidden;
  }
  .lux-focus-panel__head, .lux-timetable-focus-head, .lms-hero-focus-head { flex-wrap: wrap; }
}
@media (max-width: 480px) {
  .lux-focus-panel, .lux-timetable-hero-focus, .lms-hero-focus.lux-hero-side { padding: 12px; }
}

/* source: assets/css/lux-layout-primitives.css */


.lux-kicker {
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--lux-accent-2, var(--lux-accent));
}

.lux-pill-row,
.lux-hero-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin-top: 14px;
}

.lux-pill.lux-soft-chrome {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.02em;
  line-height: 1.2;
}

.lux-check-row-wrap {
  display: grid;
  gap: 8px;
  min-width: 0;
}

.lux-check-row {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  cursor: pointer;
}

.lux-check-row input {
  flex: 0 0 auto;
}

.lux-stat-row {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin-top: 16px;
  overflow: visible;
}

.lux-strip-grid--adaptive {
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
}

.lux-stat {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
  min-height: 0;
  overflow: visible;
  font-family: 'Noto Sans Georgian', sans-serif;
}

.lux-stat strong {
  display: block;
  font-size: 1.35rem;
  font-weight: 800;
  line-height: 1.1;
  color: var(--lux-text);
}

.lux-stat span {
  display: block;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--lux-text-muted);
}

.lux-stat em {
  display: block;
  font-size: 11px;
  font-style: normal;
  font-weight: 600;
  line-height: 1.35;
  color: var(--lux-text-muted);
}

.lux-stat.lux-soft-chrome {
  padding: 12px 14px 14px;
  border-radius: 16px;
  overflow: visible;
}


.lux-section-kicker,
.lux-page-kicker {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--lux-accent-2, var(--lux-accent));
}

.lux-section-title {
  margin: 0;
  font-family: "Noto Sans Georgian", system-ui, sans-serif;
  font-size: clamp(22px, 2.4vw, 28px);
  font-weight: 800;
  line-height: 1.15;
  letter-spacing: -0.01em;
  color: var(--lux-text);
}


.lux-page-title {
  margin: 0;
  font-family: "Noto Sans Georgian", system-ui, sans-serif;
  font-size: clamp(24px, 2.8vw, 32px);
  font-weight: 800;
  line-height: 1.12;
  letter-spacing: -0.02em;
  color: var(--lux-text);
}

.lux-page-copy {
  margin: 0;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.5;
  color: var(--lux-text-muted);
}

.lux-card-title {
  margin: 0;
  font-family: "Noto Sans Georgian", system-ui, sans-serif;
  font-size: clamp(18px, 2vw, 22px);
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: -0.015em;
  color: var(--lux-text);
}

.lux-card-copy {
  margin: 4px 0 0;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.45;
  color: var(--lux-text-muted);
}

.lux-card-meta {
  margin: 0;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.4;
  color: var(--lux-text-muted);
}

.lux-module-option__title {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.25;
  color: var(--lux-text);
}

.lux-module-option__meta {
  display: block;
  margin-top: 3px;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.35;
  color: var(--lux-text-muted);
}

.lux-subject-row__code {
  font-size: 14px;
  font-weight: 800;
  line-height: 1.2;
  color: var(--lux-accent-2, var(--lux-accent));
  overflow-wrap: anywhere;
}

.lux-subject-row__title {
  font-size: 15px;
  font-weight: 800;
  line-height: 1.3;
  color: var(--lux-text);
}

.lux-subject-row__meta {
  font-size: 12px;
  font-weight: 600;
  line-height: 1.35;
  color: var(--lux-text-muted);
}

.lux-subject-row__detail {
  font-size: 12px;
  font-weight: 600;
  line-height: 1.45;
  color: var(--lux-text-muted);
}

.lux-subject-row__detail strong {
  color: var(--lux-text);
  font-weight: 800;
}

.lux-subject-row__detail.is-soft {
  opacity: 0.88;
}

.lux-subject-row__stats strong {
  font-size: 16px;
  font-weight: 800;
  line-height: 1.1;
  color: var(--lux-text);
}

.lux-empty-state__title,
.lms-route-empty-title,
.schedule-empty-title {
  display: block;
  font-size: 15px;
  font-weight: 800;
  line-height: 1.25;
  color: var(--lux-text);
}

.lux-empty-state__copy,
.lms-route-empty-copy,
.schedule-empty-copy {
  display: block;
  max-width: 42ch;
  margin: 0 auto;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.45;
  color: var(--lux-text-muted);
}

.lux-program-detail-columns {
  color: var(--lux-text-muted);
}


.schedule-chip,
.lux-status-pill.lux-timetable-chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.2;
  color: var(--lux-text);
}

.schedule-chip i,
.lux-timetable-chip i {
  opacity: 0.85;
  font-size: 11px;
}

.schedule-chip-soft,
.lux-status-pill.lux-timetable-chip.schedule-chip-soft {
  color: var(--lux-accent, var(--lux-text));
}


.page-hero-badge.lux-pill {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.02em;
  line-height: 1.2;
  color: var(--lux-text);
  white-space: nowrap;
}

.page-hero-badge.lux-pill i {
  flex: 0 0 auto;
  font-size: 11px;
  opacity: 0.85;
}


.registration-insight-label,
.registration-summary-label {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.registration-insight-value,
.registration-summary-value {
  font-family: 'DM Mono', ui-monospace, monospace;
  font-size: clamp(22px, 2vw, 28px);
  font-weight: 900;
  letter-spacing: -0.02em;
  line-height: 1.1;
  color: var(--lux-accent-2, var(--lux-accent));
}

.registration-insight-copy,
.registration-summary-copy {
  margin: 0;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.6;
}

.registration-workspace-kicker {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--lux-accent-2, var(--lux-accent));
}

.registration-workspace-title {
  margin-top: 8px;
  font-family: 'Playfair Display', Georgia, serif;
  font-size: clamp(24px, 2.3vw, 30px);
  line-height: 1.08;
  font-weight: 600;
}

.registration-workspace-note {
  max-width: 360px;
  text-align: right;
  font-size: 12px;
  line-height: 1.55;
}

.registration-state-summary,
.registration-history-meta {
  margin: 0;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.6;
  color: var(--lux-text-muted);
}

.registration-focus-value {
  font-family: 'DM Mono', ui-monospace, monospace;
  font-size: clamp(24px, 2.2vw, 30px);
  letter-spacing: -0.02em;
  color: var(--lux-accent-2, var(--lux-accent));
}

.registration-module-list-title,
.registration-module-pane-title {
  font-family: "Noto Sans Georgian", system-ui, sans-serif;
  font-size: clamp(18px, 2vw, 22px);
  font-weight: 800;
  line-height: 1.2;
  color: var(--lux-text);
}

.registration-module-pane-copy,
.registration-module-list-count {
  font-size: 12px;
  font-weight: 600;
  line-height: 1.5;
  color: var(--lux-text-muted);
}

.registration-module-choice-title {
  font-size: 12px;
  font-weight: 700;
  line-height: 1.4;
  color: var(--lux-text);
}

.registration-module-choice-ects,
.registration-module-pane-chip {
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.02em;
}


.personal-data-card-kicker {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--lux-accent-2, var(--lux-accent));
}

.personal-data-hero-title,
.personal-data-name,
.personal-data-level-heading {
  color: var(--lux-text);
}

.personal-data-name {
  font-family: 'Playfair Display', Georgia, serif;
  font-size: clamp(24px, 2.8vw, 34px);
  line-height: 1.05;
  letter-spacing: -0.02em;
}

.personal-data-level-heading {
  margin-top: 8px;
  font-size: clamp(20px, 2.2vw, 26px);
  font-weight: 700;
  line-height: 1.15;
}

.personal-data-kpi-label {
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.personal-data-kpi-value {
  font-family: 'DM Mono', ui-monospace, monospace;
  font-size: clamp(20px, 1.8vw, 26px);
  font-weight: 800;
  letter-spacing: -0.02em;
  line-height: 1.1;
}

.pd-contact-row span {
  font-size: 11px;
  font-weight: 600;
  color: var(--lux-text-muted);
}

.pd-contact-row strong {
  font-size: 13px;
  font-weight: 700;
  color: var(--lux-text);
}


.lux-chancellery-card-title.lux-page-title,
.lux-chancellery-section-title.lux-section-kicker {
  color: var(--lux-text);
}

.lux-chancellery-card-copy .lux-chancellery-inline-meta.lux-panel-copy,
.lux-chancellery-inline-meta .lux-panel-copy,
.lux-chancellery-subcard-copy.lux-panel-copy,
.lux-chancellery-card-copy.lux-panel-copy,
.lux-thread-meta.lux-panel-copy,
.lux-thread-time.lux-panel-copy,
.lux-thread-message.lux-panel-copy,
.lux-chancellery-thread-status.lux-panel-copy {
  color: var(--lux-text-muted);
}

.lux-thread-author.lux-card-copy {
  color: var(--lux-text);
  font-weight: 800;
}

.lux-chancellery-subcard-kicker.lux-section-kicker {
  color: var(--lux-text-muted);
}

.lux-chancellery-card-title,
.lux-chancellery-section-title {
  color: var(--lux-text);
}

.lux-chancellery-stat-label {
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.lux-chancellery-stat-value {
  font-family: 'DM Mono', ui-monospace, monospace;
  font-size: clamp(20px, 1.8vw, 26px);
  font-weight: 800;
  letter-spacing: -0.02em;
  line-height: 1.1;
}

.lux-chancellery-queue-id,
.lux-chancellery-inline-meta,
.lux-chancellery-queue-meta {
  font-size: 11px;
  font-weight: 600;
  color: var(--lux-text-muted);
}

.lux-chancellery-queue-subject {
  font-size: 15px;
  font-weight: 700;
  line-height: 1.35;
  color: var(--lux-text);
}

.lux-chancellery-finance-note {
  font-size: 13px;
  line-height: 1.5;
  color: var(--lux-text-muted);
}


.admin-library-modal-title.lux-glass-dialog-title,
.admin-library-modal-title.lux-page-title {
  color: var(--lux-text);
}

.admin-library-modal-copy.lux-panel-copy,
.admin-library-sections-panel-kicker.lux-section-kicker,
.admin-library-section-row-count.lux-panel-copy,
.admin-library-section-remove-confirm-copy.lux-panel-copy {
  color: var(--lux-text-muted);
}

.admin-library-section-row-title.lux-card-copy {
  color: var(--lux-text);
  font-weight: 800;
}

.admin-library-sections-empty.lux-empty-state {
  color: var(--lux-text-muted);
}


.orders-admin-section-title.lux-card-title {
  color: var(--lux-text);
}

.orders-admin-section-copy.lux-panel-copy,
.orders-admin-command-draft.lux-panel-copy,
.orders-admin-sent-item__meta.lux-panel-copy,
.orders-admin-sent-empty.lux-empty-state {
  color: var(--lux-text-muted);
}

.orders-admin-sent-item__title.lux-card-copy {
  color: var(--lux-text);
  font-weight: 800;
}


.social-neo-research-title.lux-card-title,
.social-neo-research-reader-title.lux-page-title,
.social-neo-research-card-title.lux-card-copy {
  color: var(--lux-text);
}

.social-neo-research-copy.lux-panel-copy,
.social-neo-research-card-meta.lux-panel-copy,
.social-neo-research-card-abstract.lux-panel-copy,
.social-neo-research-card-foot.lux-panel-copy,
.social-neo-research-card-file.lux-panel-copy,
.social-neo-research-article-p.lux-panel-copy {
  color: var(--lux-text-muted);
}

body.lux-route-social .social-pin-section-title.lux-section-kicker {
  color: var(--lux-text);
}


.staff-hub-overline.lux-section-kicker,
.students-hub-overline.lux-section-kicker,
.staff-hub-studio-quick-label.lux-section-kicker,
.students-hub-studio-quick-label.lux-section-kicker {
  color: rgba(var(--lux-accent-rgb), 0.88);
}

.staff-hub-section-title.lux-card-title,
.students-hub-section-title.lux-card-title,
.staff-hub-workspace-head-context.lux-card-copy,
.students-hub-workspace-head-context.lux-card-copy,
.staff-hub-builder-type-label.lux-card-copy,
.students-hub-builder-type-label.lux-card-copy {
  color: var(--lux-text);
}

.staff-hub-section-copy.lux-panel-copy,
.students-hub-section-copy.lux-panel-copy,
.staff-hub-builder-type-status.lux-panel-copy,
.students-hub-builder-type-status.lux-panel-copy,
.staff-hub-copy-bar-helper.lux-panel-copy,
.students-hub-copy-bar-helper.lux-panel-copy,
.staff-hub-studio-step-nav-add-hint.lux-panel-copy,
.students-hub-studio-step-nav-add-hint.lux-panel-copy,
.staff-hub-studio-preview-meta.lux-panel-copy,
.students-hub-studio-preview-meta.lux-panel-copy,
.staff-hub-studio-save-status.lux-panel-copy,
.students-hub-studio-save-status.lux-panel-copy,
.staff-hub-builder-empty.lux-panel-copy,
.students-hub-builder-empty.lux-panel-copy {
  color: var(--lux-text-muted);
}

.staff-hub-workspace-head-context.lux-card-copy,
.students-hub-workspace-head-context.lux-card-copy {
  font-weight: 700;
}


.student-service-command-bar-title {
  font-family: 'Playfair Display', 'Georgia', serif;
  font-size: clamp(22px, 2.4vw, 30px);
  line-height: 1.05;
  letter-spacing: -0.03em;
  color: var(--lux-text);
}

.student-service-command-bar-metrics,
.student-service-lane-choice-copy {
  font-size: 14px;
  line-height: 1.6;
  color: var(--lux-text-muted);
}

.student-service-lane-choice-title {
  font-family: 'Playfair Display', 'Georgia', serif;
  font-size: clamp(28px, 3vw, 40px);
  line-height: 0.95;
  letter-spacing: -0.04em;
  color: var(--lux-text);
}

.student-service-lane-choice-cta {
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.03em;
  color: rgba(var(--lux-accent-rgb), 0.98);
}

.lux-panel-title {
  margin: 0;
  font-family: "Noto Sans Georgian", system-ui, sans-serif;
  font-size: clamp(24px, 2.8vw, 32px);
  font-weight: 800;
  line-height: 1.12;
  letter-spacing: -0.02em;
  color: var(--lux-text);
}

.lux-panel-copy {
  margin: 0;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.5;
  color: var(--lux-text-muted);
}

.student-service-kicker {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--lux-accent-2, var(--lux-accent));
}

.student-service-attachment-hint,
.student-service-student-hub-track-compact-count {
  font-size: 12px;
  line-height: 1.5;
  color: var(--lux-text-muted);
}

.student-service-command-bar-stat {
  font-size: 11px;
  font-weight: 700;
  line-height: 1.2;
  color: var(--lux-text-muted);
}

.student-service-command-bar-stat strong {
  color: var(--lux-text);
  font-weight: 800;
}

.student-service-panel-chip {
  font-size: 11px;
  font-weight: 700;
  color: var(--lux-text);
}

.student-service-empty-state {
  font-size: 13px;
  line-height: 1.6;
  color: var(--lux-text-muted);
}

.student-service-find-search i {
  color: rgba(var(--lux-accent-rgb), 0.9);
}

.student-service-qa-card-title {
  font-family: 'Playfair Display', 'Georgia', serif;
  font-size: clamp(22px, 2.4vw, 30px);
  line-height: 1.02;
  letter-spacing: -0.03em;
  color: var(--lux-text);
}

.student-service-qa-card-preview,
.student-service-qa-detail-body,
.student-service-qa-answer-copy {
  font-size: 13px;
  line-height: 1.7;
  color: var(--lux-text-muted);
}

.student-service-qa-card-author-date,
.student-service-qa-answer-time {
  font-size: 12px;
  color: var(--lux-text-muted);
}

.student-service-qa-card-author-name,
.student-service-qa-answer-author-name {
  font-size: 14px;
  font-weight: 800;
  line-height: 1.35;
  color: var(--lux-text);
}

.student-service-qa-answer-author-role {
  font-size: 11px;
  font-weight: 700;
  color: var(--lux-text-muted);
}

.student-service-qa-card-stat {
  font-size: 12px;
  font-weight: 700;
  line-height: 1.45;
  color: var(--lux-text-muted);
}

.student-service-qa-thread-modal-title-wrap strong,
#student-service-question-thread-modal-title,
#student-service-guidance-modal-title,
.student-service-guidance-modal-title .lux-page-title {
  color: var(--lux-text);
}

.student-service-find-guidance-count {
  font-size: 12px;
  font-weight: 700;
  line-height: 1.45;
  color: var(--lux-text-muted);
}

.student-service-article-preview-copy,
.student-service-article-preview-body,
.student-service-ticket-detail-copy {
  font-size: 13px;
  line-height: 1.7;
  color: var(--lux-text-muted);
}

.student-service-track-compact-inline-counts,
.student-service-student-hub-track-compact-count strong {
  font-size: 12px;
  color: var(--lux-text-muted);
}

.student-service-track-compact-inline-counts strong,
.student-service-student-hub-track-compact-count strong {
  color: var(--lux-text);
  font-weight: 800;
}

.student-service-ticket-inbox-title,
.student-service-ticket-card-title {
  font-size: 15px;
  font-weight: 700;
  line-height: 1.35;
  color: var(--lux-text);
}

.student-service-ticket-card-copy,
.student-service-ticket-card-meta,
.student-service-ticket-card-meta-item {
  font-size: 12px;
  line-height: 1.6;
  color: var(--lux-text-muted);
}

.student-service-status {
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.03em;
}

.student-service-mini-action {
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.03em;
  color: var(--lux-text);
}

.student-service-ticket-inbox-preview,
.student-service-ticket-inbox-time,
.student-service-ticket-msg-meta {
  font-size: 12px;
  line-height: 1.5;
  color: var(--lux-text-muted);
}

.student-service-ticket-msg-text {
  font-size: 13px;
  line-height: 1.55;
  color: var(--lux-text);
  white-space: pre-wrap;
}

.student-service-pill {
  font-size: 11px;
  font-weight: 700;
  color: var(--lux-text);
}


.orders-inbox-hero .lux-page-kicker {
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: rgba(var(--lux-accent-rgb), 0.92);
}

.orders-hero-title,
.orders-inbox-hero .page-hero-title {
  font-size: clamp(34px, 4vw, 52px);
  font-weight: 900;
  letter-spacing: -0.03em;
  line-height: 1.05;
  color: var(--lux-text);
}

.orders-item__title {
  font-size: 15px;
  font-weight: 800;
  line-height: 1.25;
  color: var(--lux-text);
}

.orders-item__meta {
  margin-top: 6px;
  font-size: 12px;
  line-height: 1.45;
  color: var(--lux-text-muted);
}

.orders-item__state {
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.05em;
}

.orders-list-empty,
.orders-detail-empty {
  font-size: 13px;
  line-height: 1.6;
  color: var(--lux-text-muted);
}

.orders-detail-empty__icon {
  color: rgba(var(--lux-accent-rgb), 0.55);
}

.orders-detail-title--hero {
  font-size: clamp(28px, 2.6vw, 40px);
  line-height: 1.05;
  letter-spacing: -0.02em;
  color: var(--lux-text);
}

.orders-detail-submeta {
  font-size: 13px;
  color: var(--lux-text-muted);
}

.orders-detail-section-label {
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: rgba(var(--lux-accent-rgb), 0.82);
}

.orders-metric-label,
.orders-inbox-hero .lux-hero-signal > span {
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: rgba(var(--lux-accent-rgb), 0.88);
}

.orders-metric-value,
.orders-inbox-hero .lux-hero-signal > strong {
  font-size: clamp(26px, 3vw, 34px);
  font-weight: 900;
  font-variant-numeric: tabular-nums;
  letter-spacing: -0.03em;
  line-height: 1;
  color: var(--lux-text);
}

.orders-metric-value--context {
  font-size: clamp(18px, 2.2vw, 22px);
  line-height: 1.2;
}

.orders-attachment-title,
.orders-recipient-title {
  font-weight: 800;
  color: var(--lux-text);
}

.orders-attachment-meta,
.orders-recipient-meta {
  font-size: 12px;
  color: var(--lux-text-muted);
}

.orders-recipient-submeta {
  font-size: 11px;
  color: var(--lux-text-soft);
}

.orders-status-filter {
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.03em;
  color: var(--lux-text-muted);
}


.lux-section-kicker,
.lms-clean-kicker,
.lms-route-eyebrow,
.lms-clean-card-kicker {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--lux-accent-2, var(--lux-accent));
}

.lms-route-title {
  margin: 0;
  font-family: "Noto Sans Georgian", system-ui, sans-serif;
  font-size: clamp(24px, 2.8vw, 32px);
  font-weight: 800;
  line-height: 1.12;
  letter-spacing: -0.01em;
  color: var(--lux-text);
}

.lms-route-title-26 {
  font-size: clamp(22px, 2.4vw, 26px);
}

.lms-route-copy {
  margin: 0;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.5;
  color: var(--lux-text-muted);
}

.lms-route-meta-12 {
  font-size: 12px;
}

#study-card-assessment-window .study-card-assessment-window__title {
  color: var(--lux-text);
}

.study-card-assessment-window__meta,
.study-card-assessment-panel-copy,
.study-card-assessment-hint,
.study-card-activity-item-meta {
  font-size: 13px;
  line-height: 1.6;
  color: var(--lux-text-muted);
}

.study-card-assessment-window__chip,
.study-card-activity-item-meta.lms-route-meta-12 {
  font-size: 12px;
}

.lms-quiz-studio-title.lux-page-title,
.lms-quiz-studio-main-title.lux-page-title {
  color: var(--lux-text);
}

.lms-quiz-studio-copy.lux-panel-copy,
.lms-quiz-studio-main-copy.lux-panel-copy,
.lms-quiz-studio-stat-copy {
  margin-top: 6px;
}

.lms-quiz-studio-stat-value {
  color: var(--lux-text);
}

#lms-personal-dashboard-overlay #lms-personal-dashboard-share-title.lux-page-title,
#lms-personal-dashboard-overlay #lms-personal-dashboard-history-title.lux-page-title,
#lms-personal-dashboard-overlay #lms-personal-dashboard-save-name-title.lux-page-title {
  color: var(--lux-text);
}

.lms-personal-dashboard-share-panel-copy.lux-panel-copy,
.lms-personal-dashboard-share-section-copy.lux-panel-copy,
.lms-personal-dashboard-share-callout.lux-panel-copy,
.lms-personal-dashboard-history-panel-copy.lux-panel-copy,
.lms-personal-dashboard-history-copy,
.lms-personal-dashboard-history-badge,
.lms-personal-dashboard-autosave-status.lux-panel-copy {
  color: var(--lux-text-muted);
}

.lms-personal-dashboard-history-copy strong {
  color: var(--lux-text);
}

#dynamic-gb-title.lux-page-title,
.gb-modern-hero h2.lux-page-title,
.gb-modern-card-head .lux-page-title.lms-route-card-title {
  color: var(--lux-text);
}

.gb-modern-hero .lux-panel-copy,
.gb-modern-card-head .lux-panel-copy.lms-route-copy,
.gb-student-context-bar .lux-panel-copy,
.gb-weight-row-meta,
.gb-weight-row-meta.lux-panel-copy,
.gb-weight-stat.lux-panel-copy,
.gb-student-context-copy-line.lux-panel-copy,
.gb-composition-legend-stat.lux-panel-copy,
.gb-modern-study-card-pointer.lux-panel-copy {
  color: var(--lux-text-muted);
}

.gb-weight-row-title.lux-card-copy {
  color: var(--lux-text);
  font-weight: 800;
}

.gb-student-context-title.lux-card-copy {
  color: var(--lux-text);
  font-weight: 800;
}

.gb-weight-row-history-hint.lux-panel-copy {
  color: rgb(var(--lux-accent-rgb));
}

.gb-weight-stat.is-earned.lux-panel-copy,
.gb-composition-legend-stat.is-earned.lux-panel-copy {
  color: rgb(var(--lux-accent-rgb));
}

.gb-category-history-title.lux-card-copy,
.gb-category-history-score-value.lux-page-title {
  color: var(--lux-text);
}

.gb-category-history-kind.lux-panel-copy,
.gb-category-history-meta.lux-panel-copy,
.gb-category-history-comment .lux-panel-copy,
.gb-category-history-comment-kicker.lux-section-kicker {
  color: var(--lux-text-muted);
}

.gb-weight-stat.is-pending.lux-panel-copy,
.gb-composition-legend-stat.is-pending.lux-panel-copy {
  color: color-mix(in srgb, rgb(245, 158, 11) 82%, var(--lux-text));
}

:is(html.lux-light-mode, body.lux-light-mode) .gb-weight-stat.is-pending.lux-panel-copy,
:is(html.lux-light-mode, body.lux-light-mode) .gb-composition-legend-stat.is-pending.lux-panel-copy,
:is(html.lux-light-mode, body.lux-light-mode) .gb-weight-row-history-hint.lux-panel-copy {
  color: color-mix(in srgb, rgb(180, 83, 9) 88%, var(--lux-text));
}

.gb-modern-study-card-pointer.lux-panel-copy a {
  color: rgb(var(--lux-accent-rgb));
}

.lms-route-field-label,
.lms-student-semester-label {
  display: block;
  margin-bottom: 6px;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--lux-text-muted);
}

.lms-next-session-date {
  margin-top: 2px;
}

.lms-next-session-detail,
.lms-next-session-instructor,
.lms-next-session-empty {
  margin: 0;
}

.lux-subject-row__title,
.lms-clean-card-title {
  margin-top: 6px;
  font-size: 16px;
  font-weight: 800;
  line-height: 1.25;
  color: var(--lux-text);
}

.lms-clean-card-meta,
.lms-clean-subject-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 10px;
}

.lms-role-context {
  margin-top: 6px;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.4;
  color: var(--lux-text-muted);
}

.lux-list {
  display: grid;
  gap: 8px;
  min-width: 0;
}

.lux-list-row {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  min-width: 0;
}

.lux-list-row > div {
  display: grid;
  flex: 1 1 auto;
  gap: 3px;
  min-width: 0;
}

.lux-list-row strong {
  display: block;
  font-size: 13px;
  font-weight: 700;
  color: var(--lux-text);
}

.lux-list-row span {
  display: block;
  margin-top: 3px;
  font-size: 12px;
  line-height: 1.45;
  color: var(--lux-text-muted);
}

.lux-list-row.lux-soft-chrome {
  padding: 12px 14px;
  margin-bottom: 8px;
  border-radius: 16px;
}

.lux-list-row.lux-soft-chrome:last-child { margin-bottom: 0; }

.lux-list-row.is-active {
  outline: 2px solid rgba(var(--lux-accent-rgb), 0.45);
  outline-offset: 1px;
}

.lux-list-row.lux-soft-chrome i {
  display: grid;
  place-items: center;
  width: 36px;
  height: 36px;
  flex: 0 0 auto;
  border: 1px solid color-mix(in srgb, var(--lux-accent) 28%, transparent);
  border-radius: 12px;
  background: color-mix(in srgb, var(--lux-accent) 16%, transparent);
  color: var(--lux-accent);
}

.lux-quick-grid { display: grid; gap: 12px; }

.lux-quick-btn {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 10px;
  min-width: 0;
  padding: 16px;
  text-align: left;
  cursor: pointer;
}

.lux-quick-btn.lux-soft-chrome { border-radius: 20px; }

.lux-quick-top,
.lux-quick-bottom {
  display: flex;
  align-items: center;
  gap: 10px;
}

.lux-quick-top { justify-content: space-between; }
.lux-quick-bottom { margin-top: auto; }

.lux-quick-btn .icon {
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  flex: 0 0 auto;
  border: 1px solid color-mix(in srgb, var(--lux-accent) 28%, transparent);
  border-radius: 14px;
  background: color-mix(in srgb, var(--lux-accent) 16%, transparent);
  color: var(--lux-accent);
}

.lux-quick-meter {
  flex: 1 1 auto;
  height: 6px;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
}

.lux-quick-meter > span {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: var(--lux-accent);
}

.lux-quick-meta-badge {
  color: var(--lux-text-muted);
  font-size: 11px;
  font-weight: 700;
  white-space: nowrap;
}

.lux-alert {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 16px 18px;
  border-radius: var(--lux-radius, 18px);
  color: var(--lux-text);
}

.lux-alert:is(.is-green, .is-royal, .is-support, .is-warm) {
  border-color: var(--lux-soft-chrome-border, var(--lux-panel-border-soft));
  background: var(--lux-soft-chrome-surface, var(--lux-panel-surface-soft));
  background-image: none;
  box-shadow: var(--lux-soft-chrome-shadow, var(--lux-panel-shadow-soft)), inset 3px 0 0 var(--_rail);
}

.lux-alert.is-green { --_rail: color-mix(in srgb, var(--lux-green) 70%, transparent); --_icon: var(--lux-green); --_icon-mix: 35%; }
.lux-alert.is-warm { --_rail: color-mix(in srgb, var(--lux-accent) 65%, transparent); --_icon: var(--lux-accent); --_icon-mix: 35%; }
.lux-alert.is-royal { --_rail: color-mix(in srgb, var(--lux-accent) 60%, transparent); --_icon: var(--lux-accent-2, var(--lux-accent)); --_icon-mix: 35%; }
.lux-alert.is-support { --_rail: color-mix(in srgb, var(--lux-green) 55%, transparent); --_icon: var(--lux-green); --_icon-mix: 30%; }

.lux-alert-icon {
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  flex: 0 0 auto;
  border: 1px solid var(--lux-soft-chrome-border, transparent);
  border-radius: 14px;
  background: color-mix(in srgb, var(--lux-soft-chrome-surface, transparent) 70%, transparent);
}

.lux-alert:is(.is-green, .is-warm, .is-royal, .is-support) .lux-alert-icon {
  border-color: color-mix(in srgb, var(--_icon) var(--_icon-mix), var(--lux-soft-chrome-border, transparent));
  background: color-mix(in srgb, var(--_icon) 12%, transparent);
  color: var(--_icon);
}

.lux-alert-copy { min-width: 0; flex: 1 1 auto; }
.lux-alert-copy strong { display: block; font-size: 14px; font-weight: 700; }
.lux-alert-copy span { display: block; margin-top: 4px; font-size: 12px; line-height: 1.45; color: var(--lux-text-muted); }
.lux-alert .lux-primary-btn { flex: 0 0 auto; margin-left: auto; }

@media (max-width: 980px) {
  .lux-stat-row { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 560px) {
  .lux-stat-row { grid-template-columns: 1fr; }
  .lux-alert { flex-wrap: wrap; }
  .lux-alert .lux-primary-btn { width: 100%; margin-left: 0; }
}

/* source: assets/css/mobile-shell-core.css */

html, body { max-width: 100%; overflow-x: hidden; -webkit-text-size-adjust: 100%; }
*, *::before, *::after { -webkit-tap-highlight-color: transparent; box-sizing: border-box; }
.lux-nav, .modal-body, .kiu-table { -webkit-overflow-scrolling: touch; }

@media (max-width: 1024px) {
  #mobile-bottom-nav {
    display: flex;
    flex-direction: column;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: var(--lux-z-shell-control, 110);
    background: rgba(8, 12, 21, 0.97);
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    box-shadow: 0 -2px 20px rgba(0, 0, 0, 0.3);
    padding: 0;
  }
  body.lux-light-mode #mobile-bottom-nav {
    background: rgba(247, 243, 236, 0.96);
    border-top-color: rgba(0, 0, 0, 0.06);
    box-shadow: 0 -2px 16px rgba(0, 0, 0, 0.05);
  }
  .mobile-nav-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 64px;
    gap: 2px;
    padding: 4px 8px env(safe-area-inset-bottom, 4px);
  }
  .mobile-nav-btn {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 3px;
    padding: 2px 0;
    flex: 1 1 0;
    min-width: 0;
    min-height: 48px;
    border: none;
    background: transparent;
    color: rgba(255, 255, 255, 0.45);
    cursor: pointer;
    border-radius: 12px;
    transition: color 0.18s ease, background 0.18s ease;
    position: relative;
    -webkit-tap-highlight-color: transparent;
  }
  body.lux-light-mode .mobile-nav-btn { color: rgba(0, 0, 0, 0.4); }
  .mobile-nav-btn i { font-size: 18px; line-height: 1; }
  .mobile-nav-btn span {
    font-size: 8px;
    font-weight: 600;
    letter-spacing: 0.02em;
    white-space: nowrap;
  }
  .mobile-nav-btn:active { transform: scale(0.92); }
  .mobile-nav-btn.is-active { color: var(--lux-accent, #f0a050); }
  body.lux-light-mode .mobile-nav-btn.is-active { color: var(--lux-accent, #c87830); }
  body.mob-sheet-open { overflow: hidden; }
  #mobile-bottom-nav[hidden],
  #mobile-bottom-nav[data-mob-visible='false'],
  .mob-sheet[hidden],
  .mob-sheet[data-mob-visible='false'],
  .mob-badge[hidden],
  .mob-sheet-btn[hidden],
  .mob-sheet-nav-btn[hidden] {
    display: none;
  }
  #mobile-bottom-nav[data-mob-visible='true'] { display: flex; }
  .mob-sheet[data-mob-visible='true'] { display: block; }
  .mob-badge {
    position: absolute;
    top: 0;
    right: calc(50% - 20px);
    min-width: 18px;
    height: 18px;
    border-radius: 999px;
    background: #ef4444;
    color: #fff;
    font-size: 9px;
    font-weight: 800;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 5px;
  }
  #lux-topbar,
  #lux-topbar .lux-topbar-shell {
    display: none !important;
  }
  #lux-shell {
    transform: translateX(-100%);
    position: fixed;
    z-index: var(--lux-z-shell-global, 2147483646) !important;
    top: 0;
    bottom: 0;
    left: 0;
    height: 100vh;
    height: 100dvh;
    border-radius: 0 18px 18px 0;
  }
  body:not(.lux-sidebar-collapsed) #lux-shell { transform: translateX(0); }
  body.lux-sidebar-collapsed #lux-shell { transform: translateX(-100%); }
  body:not(.lux-sidebar-collapsed)::after {
    content: '' !important;
    position: fixed;
    inset: 0;
    background: transparent;
    z-index: var(--lux-z-shell-scrim, 90) !important;
    pointer-events: auto !important;
  }
  body.lux-sidebar-collapsed::after { display: none; }
  body:not(.lux-sidebar-collapsed) #mobile-bottom-nav {
    z-index: var(--lux-z-shell-scrim, 90) !important;
    pointer-events: none !important;
  }
  #app-content {
    padding-top: 16px;
    margin-left: 0;
    padding-left: 16px;
    padding-right: 16px;
    padding-bottom: 80px;
  }
  body.lux-sidebar-collapsed #app-content { margin-left: 0; padding-left: 16px; padding-right: 16px; }
  .page-section { max-width: none; width: 100%; margin: 0; }
}

@media (max-width: 768px) {
  #lux-shell {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    width: 280px;
    max-width: 82vw;
    height: 100vh;
    height: 100dvh;
    z-index: var(--lux-z-shell-global, 2147483646) !important;
    transform: translateX(0);
    opacity: 1;
    pointer-events: auto !important;
    transition: transform var(--lux-popup-anim-duration, 240ms) cubic-bezier(0.4, 0, 0.2, 1);

    border-radius: 0 18px 18px 0;
    border: 1px solid var(--lux-shell-sidebar-border, rgba(255, 255, 255, 0.12));
    border-left: none;
    margin: 0;
    box-shadow: var(--lux-shell-sidebar-shadow, var(--lux-elev-3));
    background-color: var(--lux-shell-sidebar-fill) !important;
    background-image: var(--lux-shell-sidebar-image) !important;
    backdrop-filter: var(--lux-shell-sidebar-blur, blur(20px) saturate(160%)) !important;
    -webkit-backdrop-filter: var(--lux-shell-sidebar-blur, blur(20px) saturate(160%)) !important;
    overflow-y: auto;
  }
  html.lux-sidebar-transitioning #lux-shell {
    will-change: transform, opacity;
  }
  body.lux-sidebar-collapsed #lux-shell {
    transform: translateX(-100%);
    transition-duration: var(--lux-popup-anim-close-duration, 180ms);
    opacity: 0;
    pointer-events: none !important;
    box-shadow: none;
  }
  body:not(.lux-sidebar-collapsed)::after {
    content: '' !important;
    position: fixed;
    inset: 0;
    background: transparent;
    z-index: var(--lux-z-shell-scrim, 90) !important;
    pointer-events: auto !important;
    opacity: 1;
    transition: opacity var(--lux-popup-anim-duration, 240ms) ease;
  }
  body.lux-sidebar-collapsed::after {
    opacity: 0;
    pointer-events: none !important;
    display: block;
    transition-duration: var(--lux-popup-anim-close-duration, 180ms);
  }
  .lux-nav { padding: 8px 8px 16px; }
  .lux-nav-item {
    min-height: 44px;
    padding: 10px 14px;
    margin: 0 0 4px;
    border-radius: 14px;
    font-size: 13px;
    gap: 12px;
  }
  .lux-nav-item i { width: 20px; font-size: 14px; text-align: center; }
  .lux-nav-group { padding: 14px 14px 6px; font-size: 9px; }
  #app-content {
    margin-left: 0;
    margin-top: 0;
    padding-top: calc(var(--lux-chrome-bottom, var(--lux-chrome-bottom-fallback, 88px)) + 16px);
    padding-left: 12px;
    padding-right: 12px;
    padding-bottom: 80px;
    width: 100%;
    max-width: 100%;
    position: relative;
    z-index: 1 !important;
    overflow-x: hidden;
    overflow-y: visible;
  }
  .lux-page-shell, .page-section {
    overflow: visible;
    min-width: 0;
    max-width: none;
    width: 100%;
    margin: 0;
  }
  body.lux-sidebar-collapsed #app-content { padding-left: 12px; padding-right: 12px; }
  body.lux-nonhome-page #app-content, body.lux-nonhome-page .page-section {
    width: 100%;
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
  input, select, textarea { font-size: 16px; min-height: 44px; border-radius: 12px; }
  #lux-bg-canvas { opacity: 0.5; }
}
@media (max-width: 400px) {
  #lux-shell { width: 260px; }
  #app-content { padding-top: calc(var(--lux-chrome-bottom, var(--lux-chrome-bottom-fallback, 88px)) + 12px); padding-left: 8px; padding-right: 8px; }
  #mobile-bottom-nav { height: 58px; padding: 2px 4px env(safe-area-inset-bottom, 2px); }
  .mobile-nav-btn { min-width: 48px; }
  .mobile-nav-btn i { font-size: 16px; }
  .mobile-nav-btn span { font-size: 8px; }
}
@media (prefers-reduced-motion: reduce) {
  #lux-bg-canvas { display: none; }
}
@supports (-webkit-touch-callout: none) {
  @media (max-width: 768px) {
    #lux-shell { padding-top: env(safe-area-inset-top); padding-left: env(safe-area-inset-left); padding-bottom: env(safe-area-inset-bottom); }
    #app-content { padding-top: calc(var(--lux-chrome-bottom, var(--lux-chrome-bottom-fallback, 88px)) + 16px + env(safe-area-inset-top)); }
    #mobile-bottom-nav { padding-bottom: max(4px, env(safe-area-inset-bottom)); height: calc(64px + env(safe-area-inset-bottom)); }
  }
}
@media (min-width: 1025px) {
  #mobile-bottom-nav { display: none; }
}

/* source: assets/css/route-bare/core/lux-page-bare-lite.css */

body.lux-page-bare main, body.lux-page-bare .lux-page-shell, body.lux-page-bare #page-content {
  min-width: 0;
}

body.lux-page-bare .lux-page-shell { display: grid; gap: 12px; padding: 12px 0; }
body.lux-page-bare .lux-page-title, body.lux-page-bare h1 {
  color: var(--lux-text, #f8fafc);
  font-weight: 800;
  letter-spacing: -0.02em;
  line-height: 1.15;
  margin: 0;
}
body.lux-page-bare .lux-page-copy, body.lux-page-bare .lux-page-kicker {
  color: var(--lux-text-muted, rgba(248, 250, 252, 0.65));
  line-height: 1.5;
  margin: 0;
}
body.lux-page-bare .lux-field-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
body.lux-page-bare .lux-field { display: grid; gap: 6px; min-width: 0; }
body.lux-page-bare .lux-field label, body.lux-page-bare .lux-overline {
  color: var(--lux-text-muted, rgba(248, 250, 252, 0.65));
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
body.lux-page-bare .lux-subcards, body.lux-page-bare .lux-strip-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  gap: 10px;
}
body.lux-page-bare .lux-pill-row, body.lux-page-bare .lux-card-actions, body.lux-page-bare .lux-actions-between {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}
body.lux-page-bare table { width: 100%; border-collapse: collapse; }
body.lux-page-bare table th, body.lux-page-bare table td {
  padding: 8px 10px;
  border-bottom: 1px solid var(--lux-border, rgba(255, 255, 255, 0.08));
  text-align: left;
  vertical-align: top;
}
body.lux-page-bare table thead th {
  color: var(--lux-text-muted, rgba(248, 250, 252, 0.65));
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
body.lux-page-bare .lux-queue-list, body.lux-page-bare .lux-thread { display: grid; gap: 8px; }
@media (max-width: 920px) {
  body.lux-page-bare .lux-field-grid { grid-template-columns: 1fr; }
}



body.lux-unified-shell.lux-page-bare {
  font-family: 'Manrope', 'Inter', system-ui, -apple-system, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}


body.lux-page-bare .lux-page-shell[data-lux-layout-only="1"] {
  background: transparent;
  border: 0;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}