/* READABILITY: FOUC/HT + atmosphere for lux-full-paint portals (dashboard + bare).
 * Panel glass→lux-tokens §3 paint. §1 pending/HT · §2 light HT · §3 dashboard atmosphere */
/* ── §1 pending/HT overrides ── */
/* lux-fouc-ht.css — shared FOUC/HT + atmosphere on full-paint portals (performance glass knobs → lux-tokens.css) */
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;
}
/* NOTE: #lux-shell intentionally excluded — sidebar paint is isolated in lux-shell.css */
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: 0 500px; }
.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, /* ── §2 light HT ── */
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,
  .lux-picker-btn,
  .lux-icon-btn,
  .lux-user-chip,
  .lux-sidebar-toggle-btn,
  .lux-sidebar-close-btn,
  .lux-topbar-editor-btn
) {
  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%);
}

/* Animations off (non-gallery): drop WebGL mounts from compositor — CSS static fill remains. */
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;
}
#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));
}
/* Animation presentation — shared on all full-paint portals (was home-only). */
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;
  filter: blur(7px);
  transform: translateY(var(--lux-droplist-slide-offset, 14px)) scale(var(--lux-droplist-scale-closed, 0.88));
  transition:
    opacity calc(var(--lux-droplist-anim-duration, 300ms) * 0.72) var(--lux-droplist-anim-ease, cubic-bezier(0.16, 1, 0.3, 1)),
    transform var(--lux-droplist-anim-duration, 300ms) var(--lux-droplist-anim-ease, cubic-bezier(0.16, 1, 0.3, 1)),
    filter var(--lux-droplist-anim-duration, 300ms) var(--lux-droplist-anim-ease, cubic-bezier(0.16, 1, 0.3, 1));
}
.lux-user-menu.is-open {
  opacity: 1;
  filter: blur(0);
  transform: translateY(0) scale(1);
  pointer-events: auto;
}
.lux-user-menu.is-closing:not(.is-open) {
  opacity: 0;
  filter: blur(5px);
  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),
    filter 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, filter;
}
.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 style;
  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)));
}
/* Topbar CTAs match lux-ghost-btn color-fade wells (not FOUC chip wash / secondary soft) */
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-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;
  opacity: 0;
  pointer-events: none;
  filter: blur(7px);
  transform: translateY(var(--lux-droplist-slide-offset, 14px)) scale(var(--lux-droplist-scale-closed, 0.88));
  transition:
    opacity calc(var(--lux-droplist-anim-duration, 300ms) * 0.72) var(--lux-droplist-anim-ease, cubic-bezier(0.16, 1, 0.3, 1)),
    transform var(--lux-droplist-anim-duration, 300ms) var(--lux-droplist-anim-ease, cubic-bezier(0.16, 1, 0.3, 1)),
    filter var(--lux-droplist-anim-duration, 300ms) var(--lux-droplist-anim-ease, cubic-bezier(0.16, 1, 0.3, 1));
}
.lux-utility-panel.is-open {
  opacity: 1;
  filter: blur(0);
  transform: translateY(0) scale(1);
  pointer-events: auto;
}
.lux-utility-panel.is-closing:not(.is-open) {
  opacity: 0;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  filter: blur(5px);
  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),
    filter 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, filter;
}
@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-chip-shadow, var(--lux-elev-2));
  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; }
/* Outer glass host SSOT — denser desk panel tokens (redesign via lux-tokens). */
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"]) {
  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;
}

/* Registration merged shell: inner zones are layout-only — one frosted host paints the stack. */
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;
}

/* Home desk inners: accent chips on glass host — no nested frost blur */
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-wrap: wrap;
  align-items: center;
  gap: 4px 12px;
  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-item {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  gap: 5px;
  min-width: 0;
  color: var(--lux-text);
  font-size: 13px;
  font-weight: 800;
  line-height: 1.4;
}
:is(body.lux-route-admin-scheduler #page-admin-scheduler, body.lux-route-timetable #page-timetable) .lms-session-details--timetable .lms-session-summary-item strong {
  color: var(--lux-text-muted);
  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-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, 180ms) var(--lux-droplist-anim-ease, ease);
}
body.lux-route-admin-scheduler #schPresetManagerOverlay .lux-picker-btn.is-active i {
  transform: rotate(180deg);
}

/* Bare portal: nested soft-chrome inside one glass host (matte chips, no second blur). */
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-summary-main.lux-soft-chrome,
  .study-card-summary-focus.lux-soft-chrome,
  .study-card-assessment-panel.lux-soft-chrome,
  .study-card-control-band.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;
}

/* Social project workspace: metric tone accent + detail hero ambient (paint SSOT). */
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;
}

/* LMS catalog: matte semester/subject stage inside page-hero glass host. */
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;
}

/* LMS course workspace: matte tab surfaces inside one glass stage. */
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-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-rules-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;
}

/* LMS workspace: motion → global .home-hover-chip SSOT; messenger stays static. */
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));
}

/* LMS whiteboard: body-mounted fullscreen leaves glass host — matte HUD surfaces here. */
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;
}

/* Exams command center: matte chips inside one glass workspace host. */
body.lux-route-exams #admin-exams-root .ex2-stat-chip,
body.lux-route-exams #admin-exams-root .ex2-summary-chip,
body.lux-route-exams #admin-exams-root .ex2-qnav-bar,
body.lux-route-exams #admin-exams-root .ex2-question-card,
body.lux-route-exams #admin-exams-root .ex2-auto-gen-box,
body.lux-route-exams #admin-exams-root .ex2-panel,
body.lux-route-exams #admin-exams-root .ex2-session-summary-card,
body.lux-unified-shell.lux-route-exams #admin-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;
}

/* Social task map: matte chips/cards inside fullscreen map host. */
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;
}

/* Task-map detail rail uses the normal page card paint system. */
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;
}

/* Timetable + registration pages: matte inners (motion → global .home-hover-chip SSOT). */
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,
  .registration-footer-bar,
  .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;
}

/* Picker hosts are layout-only — button chrome lives in lux-controls. */
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;
}

/* Registration module pane + course row interior (matte wells, chips, meta). */
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;
}

/* Personal data merged shell: inner zones are layout-only — one frosted host paints the stack. */
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);
}

/* Personal data page: matte inners (motion → global .home-hover-chip SSOT). */
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;
}

/* Study card page: matte inners (motion → global .home-hover-chip SSOT). */
body.lux-route-study-card #page-study-card :is(
  .study-card-control-band,
  .study-card-summary-main,
  .study-card-summary-focus,
  .study-card-summary-focus .lux-hero-signal.home-hover-chip,
  .study-card-summary-chip-row .lux-status-pill.home-hover-chip,
  .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-route-study-card #page-study-card .study-card-summary-focus.lux-focus-panel {
  border-radius: 20px;
  overflow: visible;
}

body.lux-route-study-card #page-study-card .study-card-summary-chip-row .lux-status-pill.home-hover-chip {
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

/* Study card assessment portal: frosted host + matte inners (layout → lux-page-bare-lite). */
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;
}

/* LMS personal workspace portal: popup-shell host frost + matte inners (layout → lux-page-bare-lite). */
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));
}

/* Gradebook category history portal: matte inners (layout → lux-page-bare-lite). */
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);
}

/* Gradebook evaluation history portal: matte inners (layout → lux-page-bare-lite). */
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);
}

/* Chancellery page: matte inners (motion → global .home-hover-chip SSOT). */
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;
}

/* Staff / students-admin hubs: matte directory + builder panels (motion → global .home-hover-chip SSOT). */
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;
}

/* News page: matte sidebar + header (motion → global matteHoverShell SSOT). */
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;
}

/* News modals: overflow allowlist for matte shells on frosted modal hosts (paint → lux-modals exempt SSOT). */
.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;
  overflow: visible;
}

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

/* Library page: matte inners (motion → global .home-hover-chip SSOT); primary shells → frosted override below. */
#page-library :is(
  .alib-panel.lux-soft-chrome.home-hover-chip,
  .library-catalog-filters-panel.lux-soft-chrome.home-hover-chip,
  .admin-library-metric-card.home-hover-chip,
  .admin-library-metric-card.lux-stat-card,
  .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;
}

#page-library .admin-library-metric-card.lux-stat-card {
  border-radius: 12px;
}

body.lux-route-admin-library #page-library .alib-panel.home-hover-chip,
body.lux-entry-admin-library #page-library .alib-panel.home-hover-chip,
body.lux-route-library #page-library .library-catalog-filters-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;
}

/* Admin library modals: matte inners on frosted modal shell (motion → global .home-hover-chip SSOT). */
: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;
}

/* Admin scheduler modals: matte inners on frosted .sch-modal shell (motion → global .home-hover-chip SSOT). */
: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;
}

/* Library catalog primary shells: frosted panel glass (not matte soft-chrome). */
body.lux-unified-shell #page-library :is(
  .library-catalog-filters-panel,
  .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 .library-catalog-filters-panel {
  border-radius: 28px;
}

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

/* Student Service page: matte inners (motion → global .home-hover-chip SSOT); primary shells → frosted override below. */
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;
}

/* Student Service modal portal: warmglass backdrop + frosted panel dialog hosts;
 * inner chips use .lux-soft-chrome (markup) / pill selectors below. */
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));
}

/* Inbox filter editor: matte inners (motion → global .home-hover-chip SSOT). */
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;
}

/* Student Service primary shells: frosted panel glass (not matte soft-chrome). */
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;
}

/* Orders inbox page: matte inners (motion → global .home-hover-chip SSOT); primary shells → frosted override below. */
: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-metric-card,
  .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,
  .lux-pill.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;
}

: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,
: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-pill.lux-soft-chrome {
  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;
}

/* Social comments dialog: matte inners (motion → global .home-hover-chip SSOT). */
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;
}

/* Social survey-results dialog: matte inners (motion → global .home-hover-chip SSOT). */
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;
}

/* Social group-detail dialog: matte inners (motion → global .home-hover-chip SSOT). */
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;
}

/* Social research-create dialog: matte inners (motion → global .home-hover-chip SSOT). */
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;
}

/* Social surveys take: matte inners (motion → global .home-hover-chip SSOT). */
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;
}

/* Orders inbox primary shells: frosted panel glass (not matte soft-chrome). */
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;
}

/* Global luxury hover motion — shell-panels contract: frosted glass hosts stay static;
 * matte .home-hover-chip parents keep lift/glow when pointer is over nested chips (no :has() suppression). */
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), border-color 0.25s ease, box-shadow 0.25s ease;
}

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

/* Pill/chip badges: keep glow ::after unclipped (share-panel parity). */
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%);
  box-shadow: var(--home-fade-shadow-hover, var(--lux-focus-shadow));
  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;
  }
  /* Nested demotion: small controls only — badge/status pills keep full share-panel lift. */
  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;
}

/* Hero KPI chips: keep lift unclipped across every Social section. */
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;
}

/*
 * Nested Social KPI / hub shells sit on social-neo-card which already uses chip-surface-fill.
 * Raise their fill + resting shadow so hover translate is visible (same-fill parent looked “stuck”).
 */
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;
}

/* KPI chips sit on the raised stats rack — denser fill so each shell still reads as moving.
 * Note: [class*="-hero-stat"] also matches "-hero-stats", so exclude the rack. */
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;
}

/* Social nested KPI / hub shells — lift paint + shadow (not transform alone). */
@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-stat"],
    [class*="-hero-stats"],
    .social-neo-research-stat,
    .social-neo-research-hero,
    .social-neo-research-hero-stats,
    .social-neo-research-catalog,
    .social-neo-research-toolbar,
    .social-neo-workspace-hero-stat,
    .social-neo-workspace-hero-stats,
    .social-neo-workspace-hero,
    .social-neo-portfolio-hero,
    .social-neo-portfolio-hero-stats,
    .social-neo-events-hero,
    .social-neo-events-hero-stats,
    .social-neo-community-hero-grid,
    .social-neo-community-hero-stats,
    .social-neo-community-hero-toolbar,
    .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-research-card,
    .social-photo-feed-card,
    .social-neo-event-feature,
    .social-portfolio-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-directory-item,
    .social-neo-community-card,
    .social-neo-group-card,
    .social-project-hub-filterbar,
    .social-project-hub-attention,
    .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);
    box-shadow: var(--home-fade-shadow-hover, var(--lux-focus-shadow));
    z-index: 2;
  }
}

@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"],
      [class*="-hero-stats"],
      .social-neo-research-stat,
      .social-neo-research-hero,
      .social-neo-research-hero-stats,
      .social-neo-research-catalog,
      .social-neo-research-toolbar,
      .social-neo-workspace-hero-stat,
      .social-neo-workspace-hero-stats,
      .social-neo-workspace-hero,
      .social-neo-portfolio-hero,
      .social-neo-portfolio-hero-stats,
      .social-neo-events-hero,
      .social-neo-events-hero-stats,
      .social-neo-community-hero-grid,
      .social-neo-community-hero-stats,
      .social-neo-community-hero-toolbar,
      .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-research-card,
      .social-photo-feed-card,
      .social-neo-event-feature,
      .social-portfolio-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-directory-item,
      .social-neo-community-card,
      .social-neo-group-card,
      .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:active {
      transform: translate3d(0, var(--home-chip-hover-lift, -3px), 0);
      box-shadow: var(--home-fade-shadow-hover, var(--lux-focus-shadow));
      z-index: 2;
    }
  }
}

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: 99999 !important; }
@media (max-width:900px) {
  #lux-shell {
    position: relative;
    width: 100%;
    height: auto;
    inset: auto;
  }
  #lux-topbar {
    position: relative;
    left: auto;
    right: auto;
    height: auto;
    min-height: var(--lux-topbar-height);
    flex-wrap: wrap;
    padding: 14px 18px;
  }
  #app-content { margin-left: 0; padding: 24px 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) {
  #lux-topbar {
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    margin: 18px 18px 0;
  }
  #app-content { padding: 28px 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);
}