/* Invoxa glass materials. Shared by every screen; paper and print keep their
   document styles. Blur is limited to floating chrome, never nested data cards.
   No transforms, filters or paint containment on forms/dialogs: fixed date and
   select portals must retain viewport coordinates. */
@media screen {
  :root {
    --glass-canvas: #edf1fa;
    --glass-canvas-soft: #e8eef8;
    --glass-solid: #fcfdff;
    --glass-ink: #17243c;
    --glass-muted: #52617a;
    --glass-accent: #5144c5;
    --glass-border: rgb(97 116 151 / 23%);
    --glass-rim: rgb(255 255 255 / 94%);
    --glass-panel: #fcfdff;
    --glass-chrome: #fcfdff;
    --glass-popover: #fcfdff;
    --glass-input: rgb(255 255 255 / 86%);
    --glass-inset: rgb(221 230 245 / 44%);
    --glass-tint: rgb(100 87 222 / 12%);
    --glass-sheen: linear-gradient(145deg, rgb(255 255 255 / 55%), rgb(255 255 255 / 9%) 36%, transparent 64%);
    --glass-light: rgb(255 255 255 / 48%);
    --glass-glow: rgb(135 151 243 / 22%);
    --glass-glow-cool: rgb(105 211 224 / 16%);
    --glass-shadow: 0 12px 32px -22px rgb(50 69 116 / 32%), inset 0 1px 0 var(--glass-rim), inset 0 -1px 0 rgb(105 125 163 / 5%);
    --glass-float-shadow: 0 16px 42px -22px rgb(40 57 104 / 34%), 0 2px 5px rgb(40 57 104 / 4%), inset 0 1px 0 var(--glass-rim), inset 0 -1px 0 rgb(255 255 255 / 22%);
    --glass-primary: #5145cd;
    --glass-primary-end: #6e56db;
    --glass-blur: blur(24px) saturate(145%);
  }

  html:is(.dark, [data-theme="dark"]) {
    --glass-canvas: #0a1222;
    --glass-canvas-soft: #101b30;
    --glass-solid: #18243a;
    --glass-ink: #eff4ff;
    --glass-muted: #aebed7;
    --glass-accent: #b6aaff;
    --glass-border: rgb(161 185 223 / 22%);
    --glass-rim: rgb(221 234 255 / 20%);
    --glass-panel: #18243a;
    --glass-chrome: #18243a;
    --glass-popover: #18243a;
    --glass-input: rgb(15 26 45 / 88%);
    --glass-inset: rgb(10 19 35 / 54%);
    --glass-tint: rgb(157 139 255 / 17%);
    --glass-sheen: linear-gradient(145deg, rgb(204 226 255 / 7%), rgb(204 226 255 / 1%) 38%, transparent 68%);
    --glass-light: rgb(209 228 255 / 7%);
    --glass-glow: rgb(95 90 219 / 20%);
    --glass-glow-cool: rgb(40 143 170 / 14%);
    --glass-shadow: 0 14px 34px -22px rgb(0 0 0 / 60%), inset 0 1px 0 var(--glass-rim), inset 0 -1px 0 rgb(210 230 255 / 3%);
    --glass-float-shadow: 0 20px 46px -20px rgb(0 0 0 / 64%), 0 2px 5px rgb(0 0 0 / 12%), inset 0 1px 0 var(--glass-rim), inset 0 -1px 0 rgb(210 230 255 / 5%);
  }

  /* Opaque declarations above are the fallback, including older WebViews. */
  @supports ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
    :root {
      --glass-panel: rgb(252 253 255 / 89%);
      --glass-chrome: rgb(250 252 255 / 84%);
      --glass-popover: rgb(252 253 255 / 96%);
    }
    html:is(.dark, [data-theme="dark"]) {
      --glass-panel: rgb(24 36 58 / 90%);
      --glass-chrome: rgb(20 32 53 / 88%);
      --glass-popover: rgb(24 36 58 / 97%);
    }
  }

  body[data-ui-theme="glass"] {
    --ui-radius-panel: 1.5rem;
    --ui-radius-control: .95rem;
    --ui-shadow-panel: var(--glass-shadow);
    --ui-shadow-overlay: var(--glass-float-shadow);
    --app-panel-shadow: var(--glass-shadow);
    --glass-legacy-surface: var(--glass-panel);
    --glass-legacy-inset: var(--glass-inset);
    --glass-page-background: radial-gradient(ellipse 70rem 48rem at 5% -8rem, var(--glass-glow), transparent 74%),
      radial-gradient(ellipse 60rem 46rem at 105% 18rem, var(--glass-glow-cool), transparent 72%),
      linear-gradient(145deg, var(--glass-canvas), var(--glass-canvas-soft) 65%, var(--glass-canvas));
    background: var(--glass-page-background) !important;
    color: var(--glass-ink);
    font-family: var(--ui-font-body, 'Inter', system-ui, sans-serif);
    -webkit-tap-highlight-color: transparent;
  }

  /* Floating navigation is the strongest material, with a continuous light rim. */
  body[data-ui-theme="glass"] > header:is(.fixed, .home-header, .dashboard-header),
  body[data-ui-theme="glass"] :is(.legal-site-header, .seo-public-header, .pdf-header, .pdf-toolbar) {
    background: var(--glass-sheen), var(--glass-chrome) !important;
    border: 1px solid var(--glass-border) !important;
    box-shadow: var(--glass-float-shadow) !important;
    -webkit-backdrop-filter: var(--glass-blur);
    backdrop-filter: var(--glass-blur);
    color: var(--glass-ink);
  }
  body[data-ui-theme="glass"] > header:is(.fixed, .home-header, .dashboard-header) {
    top: max(.625rem, env(safe-area-inset-top));
    left: .75rem;
    right: .75rem;
    width: auto;
    max-width: 110rem;
    margin-inline: auto;
    border-radius: 1.5rem;
  }
  body[data-ui-theme="glass"] > header:is(.fixed, .home-header, .dashboard-header) > div { border-radius: inherit; }
  body[data-ui-theme="glass"] :where(h1, h2, h3):not(.invoice-a4 *, .sd-a4-preview *) { font-family: var(--ui-font-heading, 'Manrope', 'Inter', system-ui, sans-serif); }
  body[data-ui-theme="glass"] > header :is(.theme-toggle, .custom-select-trigger, .context-switch-btn,
    .header-user-chip, .header-help-link, .header-logout-btn, .global-search-open, .mobile-nav-trigger,
    .category-overview, .auth-page-switch-link) {
    background: var(--glass-sheen), var(--glass-inset) !important;
    border-color: var(--glass-border) !important;
    border-radius: 999px !important;
    box-shadow: inset 0 1px 0 var(--glass-rim) !important;
    color: var(--glass-ink) !important;
  }
  body[data-ui-theme="glass"] > header :is(.has-active-page .custom-select-trigger,
    .category-overview[aria-current="page"], .auth-page-switch-link.is-active) {
    background: var(--glass-sheen), var(--glass-tint) !important;
    border-color: color-mix(in srgb, var(--glass-accent) 35%, var(--glass-border)) !important;
    color: var(--glass-accent) !important;
  }
  /* Inactive sections are quiet; the current section remains the visual anchor. */
  body[data-ui-theme="glass"] > header .categorized-header-nav .custom-select:not(.has-active-page) .custom-select-trigger {
    background: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;
    color: var(--glass-muted) !important;
  }
  body[data-ui-theme="glass"] > header .categorized-header-nav .custom-select:not(.has-active-page) .custom-select-trigger:is(:hover, :focus-visible, [aria-expanded="true"]) {
    background: var(--glass-inset) !important;
    border-color: var(--glass-border) !important;
    color: var(--glass-ink) !important;
  }

  /* Data cards have the same optical edge, without stacking blur layers. */
  body[data-ui-theme="glass"][data-app-layout] [data-app-shell] :is(.dashboard-hero-panel, .expense-hero,
    .tax-hero, .settings-area-header, .rb-hero, .admin-hero, .admin-ops-hero,
    .admin-premium-hero, .admin-update-hero, .admin-database-hero),
  body[data-ui-theme="glass"] #business .industry-hero {
    background: var(--glass-sheen), var(--glass-panel) !important;
    border-color: var(--glass-border) !important;
    box-shadow: var(--glass-shadow) !important;
  }
  body[data-ui-theme="glass"] :is(.glass-card, .account-form-card, .reset-card, .app-panel,
    .dashboard-hero-panel, .dashboard-panel, .dashboard-kpis > a, .dashboard-module-card, .shop-receipts-panel,
    .order-workspace-hero, .order-workspace-panel, .order-workspace-metrics > :is(div, button, a),
    .expense-hero, .expense-qr-card, .expense-analytics-panel, .expense-stat-card,
    .expense-analysis-card, .expense-attachments-card, .expense-recurring-card,
    .tax-hero, .tax-filter-panel, .tax-panel, .tax-kpi-card, .elster-card,
    .settings-area-header, .settings-panel, .settings-profile-card, .settings-plan-card,
    .ce-card, .ce-sidebar, .crm-panel, .customer-table-card, .customer-list-filters,
    .sd-hero, .sd-panel, .sd-filter-card, .sd-table-card, .sd-control-panel, .sd-signing-panel,
    .rb-hero, .rb-filters, .recycle-filters, .admin-hero, .admin-stat-card,
    .admin-premium-hero, .admin-update-hero, .admin-database-hero, .admin-ops-hero, .admin-ops-panel,
    .aw-hero, .aw-card, .aw-stat, .aw-sidebar, .company-list-card, .company-filter-card,
    .industry-hero, .industry-sidebar, .industry-detail, .industry-stats > div,
    .op-panel, .op-card, .op-toolbar, .op-calendar-shell, .op-agenda-panel, .op-object-list-card,
    .project-hero, .project-panel, .project-section, .project-card, .order-panel, .order-hero,
    .tw-filters, .tw-card, .ab-panel, .ab-filter-panel,
    .omw-sidebar, .omw-toolbar, .omw-list-panel, .or-hero,
    .hc-hero, .hc-card, .hc-context, .hc-ticket-sidebar, .hd-hero, .hd-sidebar, .hd-filters,
    .tt-overview, .tt-stat, .tt-access, .legal-sidebar, .legal-article, .legal-actions) {
    background-color: var(--glass-panel) !important;
    background-image: var(--glass-sheen) !important;
    border-color: var(--glass-border) !important;
    border-radius: var(--ui-radius-panel, 1.5rem);
    box-shadow: var(--glass-shadow) !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
  }
  body[data-ui-theme="glass"] [data-admin-section] section.bg-white {
    background: var(--glass-sheen), var(--glass-panel) !important;
    border-color: var(--glass-border) !important;
    box-shadow: var(--glass-shadow) !important;
  }
  body[data-ui-theme="glass"] .order-workspace-hero { padding: var(--app-panel-padding, 1.5rem) !important; border: 1px solid var(--glass-border); }
  body[data-ui-theme="glass"] .order-workspace-metrics > :is(button, a):is(:hover, [aria-pressed="true"]) { border-color: var(--glass-accent) !important; }
  body[data-ui-theme="glass"] :is(.premium-package-admin-card, .industry-workspace-mode, .shop-receipt,
    .settings-template-card, .team-member-card, .crm-document-card, .op-connection-card,
    .op-object-link-card, .sd-mobile-doc-card, .expense-mobile-card, .tt-overview-cards .tt-stat) {
    background: var(--glass-sheen), var(--glass-inset) !important;
    border-color: var(--glass-border) !important;
    box-shadow: inset 0 1px 0 var(--glass-rim) !important;
  }
  body[data-ui-theme="glass"] :is(.industry-workspace-mode, .premium-package-admin-card) { border-radius: 1.1rem; }
  /* User-selected board palettes also determine their matching text colors. */
  body[data-ui-theme="glass"] .ab-card { background-image: var(--glass-sheen); box-shadow: inset 0 1px 0 var(--glass-rim); }
  body[data-ui-theme="glass"] :is(.settings-panel > div:first-child:has(> h2), .premium-package-header) {
    background: transparent !important;
    border-color: var(--glass-border) !important;
  }

  /* Fields remain a distinct inset surface; native validation and sizes survive. */
  body[data-ui-theme="glass"] :is(input:not([type="checkbox"], [type="radio"], [type="range"], [type="color"],
    [type="hidden"], [type="file"], [type="submit"], [type="button"]), textarea, select,
    .custom-select-trigger, .custom-date-trigger):not(header *, .invoice-a4 *, .sd-a4-preview *) {
    background-color: var(--glass-input) !important;
    border-color: var(--glass-border) !important;
    border-radius: var(--ui-radius-control, .95rem);
    color: var(--glass-ink) !important;
    box-shadow: inset 0 1px 2px rgb(12 28 56 / 3%), 0 1px 0 var(--glass-rim);
  }
  body[data-ui-theme="glass"] :is(input, textarea)::placeholder { color: var(--glass-muted); opacity: 1; }
  body[data-ui-theme="glass"] :is(input, textarea, select, .custom-select-trigger, .custom-date-trigger):focus-visible {
    border-color: var(--glass-accent) !important;
    outline: 3px solid var(--ui-focus, var(--glass-accent)) !important;
    outline-offset: 3px;
  }
  body[data-ui-theme="glass"] :is(input, textarea, select):is(:disabled, [readonly]) { opacity: .72; }

  body[data-ui-theme="glass"] :is(.app-action-primary, .order-workspace-primary, .op-btn.primary, .project-btn.primary,
    .order-btn.primary, .home-primary-action, .pdf-primary, .legal-account-link,
    button.bg-indigo-600, button.bg-indigo-700, a.bg-indigo-600, a.bg-indigo-700,
    button.bg-purple-600, .button:not(.secondary)),
  body[data-ui-theme="glass"]:has(#requestForm, #scanForm, #requests) :is(button, .button):not(.custom-select-trigger, .custom-select-option) {
    background: linear-gradient(165deg, rgb(255 255 255 / 19%), transparent 52%),
      linear-gradient(120deg, var(--glass-primary), var(--glass-primary-end)) var(--glass-primary) !important;
    border-color: rgb(255 255 255 / 22%) !important;
    border-radius: var(--ui-radius-control, .95rem);
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 28%), 0 6px 16px -9px rgb(64 49 173 / 54%) !important;
    color: #fff !important;
    text-shadow: 0 1px 1px rgb(20 12 76 / 16%);
  }
  body[data-ui-theme="glass"] :is(.app-action-secondary, .home-secondary-action,
    .button.secondary, .premium-package-actions > button:not(.premium-package-remove)) {
    background: var(--glass-sheen), var(--glass-inset);
    border-color: var(--glass-border);
    border-radius: var(--ui-radius-control, .95rem);
    box-shadow: inset 0 1px 0 var(--glass-rim);
  }
  body[data-ui-theme="glass"] :is(.op-btn, .project-btn, .order-btn):not(.primary, .danger) {
    background-image: var(--glass-sheen);
    border-radius: var(--ui-radius-control, .95rem);
    box-shadow: inset 0 1px 0 var(--glass-rim);
  }
  body[data-ui-theme="glass"] :is(.app-action-primary, .app-action-secondary, .custom-select-trigger,
    .custom-date-trigger, .project-btn, .op-btn, .order-btn) { transition-property: background-color, border-color, box-shadow, color; }
  @media (hover: hover) {
    body[data-ui-theme="glass"] :is(button, a):hover:not(:disabled, [aria-disabled="true"]) {
      --glass-primary: #493ac0;
      --glass-primary-end: #6049cb;
      --glass-border: color-mix(in srgb, var(--glass-accent) 42%, transparent);
      --glass-inset: var(--glass-tint);
    }
  }
  body[data-ui-theme="glass"] :is(button, a):active:not(:disabled, [aria-disabled="true"]) {
    --glass-primary: #3c2eaa;
    --glass-primary-end: #5140ba;
  }
  body[data-ui-theme="glass"] :where(a, button, input, select, textarea, summary, [tabindex]):focus-visible {
    outline: 3px solid var(--ui-focus, var(--glass-accent));
    outline-offset: 3px;
  }

  /* Floating portals are portaled to body or native dialog by the existing UI. */
  body[data-ui-theme="glass"] :is(.custom-select-menu, .custom-date-panel, .global-quick-menu,
    .mobile-nav-panel, .invoxa-ai-popover) {
    background: var(--glass-sheen), var(--glass-popover) !important;
    border-color: var(--glass-border) !important;
    border-radius: 1.25rem;
    box-shadow: var(--glass-float-shadow) !important;
    -webkit-backdrop-filter: var(--glass-blur);
    backdrop-filter: var(--glass-blur);
    color: var(--glass-ink);
  }
  body[data-ui-theme="glass"] .custom-select-menu { padding: .4rem; }
  body[data-ui-theme="glass"] .custom-select-option { border-radius: .8rem; color: var(--glass-ink); }
  body[data-ui-theme="glass"] :is(.custom-select-option, .global-quick-menu a):is(:hover, .is-focused, .is-selected),
  body[data-ui-theme="glass"] .mobile-nav-category a[aria-current="page"] {
    background: var(--glass-tint) !important;
    color: var(--glass-accent) !important;
  }
  body[data-ui-theme="glass"] :is(.custom-date-panel .custom-date-title, .custom-date-day:not(.is-selected), .mobile-nav-category summary) { color: var(--glass-ink); }
  body[data-ui-theme="glass"] .custom-date-day.is-outside { color: var(--glass-muted); }
  body[data-ui-theme="glass"] :is(.custom-date-day.is-selected, .custom-date-day[aria-selected="true"]) { background: var(--glass-primary); color: #fff; }
  body[data-ui-theme="glass"] .mobile-nav-panel { border-radius: 1.5rem 0 0 1.5rem; }

  /* Form sheets use a solid reading layer and optical edges. Backdrop blur is
     on ::backdrop, so nested fixed menus do not acquire a containing block. */
  body[data-ui-theme="glass"] :is(dialog, [data-glass-material="sheet"], .op-dialog-content, .expense-modal-panel,
    .expense-category-modal-panel, .mfa-modal-dialog, .admin-user-detail-dialog, .admin-delete-user-dialog,
    .privacy-gate-dialog, .update-notice-dialog, .customer-capture-dialog, .modal-content) {
    background-color: var(--ui-surface, var(--glass-solid)) !important;
    background-image: var(--glass-sheen) !important;
    border-color: var(--glass-border) !important;
    border-radius: 1.5rem;
    box-shadow: var(--glass-float-shadow) !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    color: var(--glass-ink);
  }
  body[data-ui-theme="glass"] dialog::backdrop { background: rgb(7 14 30 / 48%); -webkit-backdrop-filter: blur(7px); backdrop-filter: blur(7px); }
  body[data-ui-theme="glass"] :is(.ce-savebar, .order-savebar, .order-save-bar, .aw-savebar,
    .industry-save-bar, .ab-bulk-bar, .package-feature-savebar) {
    background: var(--glass-sheen), var(--glass-popover) !important;
    border-color: var(--glass-border) !important;
    box-shadow: var(--glass-shadow) !important;
    border-radius: 1.1rem;
  }
  body[data-ui-theme="glass"] :is(.customer-table, .company-table, .aw-table, .op-table,
    .project-table, .sd-table, .tax-row-table, .tw-table) :is(th, td) { border-color: var(--glass-border); }
  body[data-ui-theme="glass"] :is(.customer-table, .company-table, .aw-table, .op-table,
    .project-table, .sd-table, .tax-row-table, .tw-table) thead { background: var(--glass-inset); }

  /* One shared vertical dock, including pages with a bottom save bar. */
  body[data-ui-theme="glass"] { --glass-tools-bottom: calc(1.25rem + env(safe-area-inset-bottom, 0px)); }
  body[data-ui-theme="glass"]:has(.ce-savebar, .order-savebar, .order-save-bar, .ab-bulk-bar) { --glass-tools-bottom: calc(6rem + env(safe-area-inset-bottom, 0px)); }
  body[data-ui-theme="glass"] .global-quick-capture { bottom: var(--glass-tools-bottom) !important; right: calc(var(--app-gutter, 1.25rem) + env(safe-area-inset-right, 0px)) !important; }
  body[data-ui-theme="glass"] .invoxa-ai-toggle { bottom: calc(var(--glass-tools-bottom) + 4.75rem) !important; right: calc(var(--app-gutter, 1.25rem) + env(safe-area-inset-right, 0px)) !important; }

  /* Public, account, customer and document-viewer families share the material. */
  body[data-ui-theme="glass"].landing-body {
    --home-bg: var(--glass-canvas);
    --home-bg-soft: var(--glass-canvas-soft);
    --home-bg-raised: var(--glass-solid);
    --home-surface: var(--glass-panel);
    --home-surface-solid: var(--glass-solid);
    --home-border: var(--glass-border);
    --home-border-strong: color-mix(in srgb, var(--glass-accent) 38%, var(--glass-border));
    --home-text: var(--glass-ink);
    --home-text-soft: var(--glass-muted);
    --home-text-muted: var(--glass-muted);
    --home-primary-bright: var(--glass-accent);
    --home-shadow: var(--glass-shadow);
  }
  body[data-ui-theme="glass"] :is(#landingPage, .home-hero, .home-page-hero, .home-public-page, .module-detail-hero) { background: transparent; }
  body[data-ui-theme="glass"] :is(.home-module-card, .home-system-card, .home-info-panel,
    .home-legal-panel, .home-tour, .home-float-card, .module-detail-card, .upgrade-package-card,
    .home-security-card, .home-faq details, .pricing-comparison-wrap, .topic-card, .topic-controls,
    .workflow-visual, .plan-box, .checklist, .final-cta, .source-box, .example-section) {
    background: var(--glass-sheen), var(--glass-panel) !important;
    border-color: var(--glass-border) !important;
    border-radius: 1.5rem;
    box-shadow: var(--glass-shadow);
  }
  body[data-ui-theme="glass"] .home-header nav a { border-radius: 999px; color: var(--glass-muted) !important; }
  body[data-ui-theme="glass"] .home-header nav a:is(:hover, .is-active) { background: var(--glass-tint); color: var(--glass-accent) !important; border-bottom-color: transparent; }
  body[data-ui-theme="glass"] .home-header #authNav > a[href="login.html"] { background: var(--glass-inset); color: var(--glass-ink) !important; }
  body[data-ui-theme="glass"] .home-header #authNav > a[href="register.html"] { box-shadow: inset 0 1px 0 var(--glass-rim) !important; }
  body[data-ui-theme="glass"].seo-page {
    --bg: var(--glass-canvas); --panel: var(--glass-panel); --ink: var(--glass-ink);
    --muted: var(--glass-muted); --line: var(--glass-border); --purple: var(--glass-accent);
  }
  body[data-ui-theme="glass"] .legal-article { --ld-panel: var(--glass-panel); }
  body[data-ui-theme="glass"] :is(.pdf-app, .pdf-workspace) { --pdf-panel: var(--glass-panel); --pdf-line: var(--glass-border); --pdf-muted: var(--glass-muted); --pdf-bg: var(--glass-canvas); }
  body[data-ui-theme="glass"] :is(.pdf-sidebar, .pdf-status, .pdf-copy-info, .pdf-footer) { background: var(--glass-panel); border-color: var(--glass-border); }
  body[data-ui-theme="glass"]:has(#scanForm, #requestForm, #requests) > main {
    background: var(--glass-sheen), var(--glass-panel); border-color: var(--glass-border); box-shadow: var(--glass-shadow); border-radius: 1.5rem;
  }
  body[data-ui-theme="glass"]:has(#requestForm, #requests) { color-scheme: light; }
  html.dark body[data-ui-theme="glass"]:has(#requestForm, #requests) { color-scheme: dark; }
  body[data-ui-theme="glass"]:has(#requestForm, #requests) a { color: var(--glass-accent); }

  @media (max-width: 768px) {
    body[data-ui-theme="glass"] > header:is(.fixed, .home-header, .dashboard-header) { left: .5rem; right: .5rem; top: max(.5rem, env(safe-area-inset-top)); border-radius: 1.3rem; }
    body[data-ui-theme="glass"] > header .dashboard-header-inner { padding-inline: .85rem !important; }
  }
  @media (prefers-reduced-motion: reduce) {
    body[data-ui-theme="glass"], body[data-ui-theme="glass"] *, body[data-ui-theme="glass"] *::before, body[data-ui-theme="glass"] *::after {
      scroll-behavior: auto !important;
      animation-duration: .01ms !important;
      animation-iteration-count: 1 !important;
      /* A nonzero duration on every descendant also animates inherited
         visibility and can briefly hide the contents of an opened drawer. */
      transition-duration: 0s !important;
    }
  }
  @media (prefers-reduced-transparency: reduce), (prefers-contrast: more) {
    body[data-ui-theme="glass"] {
      --glass-panel: var(--glass-solid); --glass-chrome: var(--glass-solid); --glass-popover: var(--glass-solid);
      --glass-input: var(--glass-solid); --glass-inset: var(--glass-solid); --glass-sheen: none;
      --glass-blur: none; --glass-border: var(--glass-muted);
      --glass-page-background: var(--glass-canvas);
      background: var(--glass-canvas) !important;
    }
    body[data-ui-theme="glass"] dialog::backdrop { -webkit-backdrop-filter: none; backdrop-filter: none; }
  }
  @media (forced-colors: active) {
    body[data-ui-theme="glass"] {
      --glass-canvas: Canvas; --glass-canvas-soft: Canvas; --glass-solid: Canvas;
      --glass-panel: Canvas; --glass-chrome: Canvas; --glass-popover: Canvas; --glass-input: Field;
      --glass-inset: Canvas; --glass-ink: CanvasText; --glass-muted: CanvasText;
      --glass-border: CanvasText; --glass-accent: LinkText; --glass-sheen: none;
      --glass-blur: none; --glass-shadow: none; --glass-float-shadow: none;
      --glass-page-background: Canvas;
      background: Canvas !important; forced-color-adjust: auto;
    }
    body[data-ui-theme="glass"] :is(button, a, input, select, textarea):focus-visible { outline-color: Highlight !important; }
  }
}