/* Agtent · blue liquid glass, material-only final override.
 * Load after app-shell.css. Geometry, content, visibility, assets and event
 * handlers stay with the feature styles. Do not add blur to repeating rows.
 * html:root deliberately outranks the legacy theme material overrides.
 */
:root {
  --canvas: #eaf3fc;
  --ink: #16344f;
  --ink-secondary: #304e69;
  --ink-tertiary: #465e76;
  --ink-muted: #496079;
  --action: #165bb9;
  --action-hover: #104a9a;
  --action-soft: rgba(202, 225, 253, .66);
  --archive: #13634f;
  --archive-soft: rgba(214, 240, 230, .86);
  --attention: #795009;
  --attention-soft: rgba(255, 241, 213, .9);
  --danger: #9c3043;
  --danger-soft: rgba(253, 228, 234, .9);
  --line: rgba(65, 112, 160, .19);
  --line-soft: rgba(65, 112, 160, .12);
  --line-strong: rgba(37, 96, 161, .38);
  --focus: #125bbd;
  --lg-shell: linear-gradient(148deg, rgba(255, 255, 255, .76), rgba(234, 246, 255, .52));
  --lg-pane: linear-gradient(152deg, rgba(255, 255, 255, .66), rgba(242, 249, 255, .36));
  --lg-surface: linear-gradient(148deg, rgba(255, 255, 255, .83), rgba(244, 250, 255, .5));
  --lg-surface-hover: linear-gradient(148deg, rgba(255, 255, 255, .95), rgba(223, 240, 255, .72));
  --lg-quiet: linear-gradient(150deg, rgba(226, 239, 251, .56), rgba(242, 249, 255, .35));
  --lg-selected: linear-gradient(138deg, rgba(230, 245, 255, .95), rgba(190, 220, 255, .68));
  --lg-own: linear-gradient(140deg, rgba(224, 241, 255, .96), rgba(189, 220, 255, .79));
  --lg-field: linear-gradient(160deg, rgba(222, 237, 252, .67), rgba(250, 253, 255, .64));
  --lg-float: linear-gradient(145deg, rgba(254, 255, 255, .97), rgba(236, 246, 255, .91));
  --lg-primary: linear-gradient(145deg, #236dc9, #1656af);
  --lg-primary-hover: linear-gradient(145deg, #1c61be, #104996);
  --lg-edge: rgba(255, 255, 255, .92);
  --lg-blue-edge: rgba(65, 132, 211, .28);
  --lg-highlight: rgba(255, 255, 255, .96);
  --lg-shadow: 0 12px 32px -24px rgba(34, 82, 135, .44), 0 2px 8px -5px rgba(39, 84, 135, .18), inset 0 1px 0 var(--lg-highlight), inset 0 -1px 0 rgba(86, 143, 202, .07);
  --lg-control-shadow: 0 4px 10px -7px rgba(34, 82, 135, .45), inset 0 1px 0 var(--lg-highlight), inset 0 -1px 0 rgba(75, 128, 185, .11);
  --lg-inset: inset 0 2px 5px rgba(31, 78, 128, .08), inset 0 -1px 0 rgba(255, 255, 255, .86);
  --lg-overlay-shadow: 0 22px 60px -30px rgba(15, 55, 105, .48), inset 0 1px 0 var(--lg-highlight), inset 0 0 0 1px rgba(255, 255, 255, .22);
  --lg-backdrop: rgba(19, 48, 79, .28);
  --lg-fallback: #f1f7fe;
  --lg-control-fallback: #f8fbff;
  --lg-knob: #fff;
  --glass-face: rgba(250, 254, 255, .64);
  --glass-raised: rgba(250, 253, 255, .88);
  --glass-edge: var(--lg-edge);
  --glass-shadow: var(--lg-shadow);
  --glass-control-shadow: var(--lg-control-shadow);
  --glass-inset-shadow: var(--lg-inset);
  --input: rgba(222, 237, 252, .66);
  --group-line: var(--line);
  --group-quiet: rgba(226, 240, 253, .48);
  --group-selected: rgba(199, 224, 253, .7);
  --group-bg: rgba(247, 252, 255, .38);
  --group-bubble: rgba(251, 254, 255, .77);
  --group-own-bubble: rgba(205, 229, 255, .82);
}

html[data-theme="dark"] {
  --canvas: #101f30;
  --ink: #edf6ff;
  --ink-secondary: #dfedfb;
  --ink-tertiary: #d6e6f6;
  --ink-muted: #d6e6f6;
  --action: #c9e7ff;
  --action-hover: #d0e7ff;
  --action-soft: rgba(43, 85, 128, .7);
  --archive: #9ae5ce;
  --archive-soft: rgba(24, 66, 58, .9);
  --attention: #f6d192;
  --attention-soft: rgba(67, 51, 30, .94);
  --danger: #ffc0cb;
  --danger-soft: rgba(72, 36, 49, .94);
  --line: rgba(153, 194, 232, .22);
  --line-soft: rgba(153, 194, 232, .14);
  --line-strong: rgba(162, 209, 255, .46);
  --focus: #aed8ff;
  --lg-shell: linear-gradient(146deg, rgba(40, 70, 102, .83), rgba(16, 36, 57, .71));
  --lg-pane: linear-gradient(152deg, rgba(34, 61, 91, .67), rgba(19, 41, 64, .47));
  --lg-surface: linear-gradient(146deg, rgba(51, 82, 115, .7), rgba(26, 50, 77, .71));
  --lg-surface-hover: linear-gradient(146deg, rgba(57, 97, 139, .8), rgba(31, 62, 96, .79));
  --lg-quiet: linear-gradient(150deg, rgba(24, 49, 75, .66), rgba(30, 57, 83, .48));
  --lg-selected: linear-gradient(138deg, rgba(55, 101, 148, .88), rgba(28, 63, 104, .83));
  --lg-own: linear-gradient(140deg, rgba(48, 100, 153, .9), rgba(27, 66, 112, .91));
  --lg-field: linear-gradient(160deg, rgba(12, 32, 53, .82), rgba(37, 64, 94, .74));
  --lg-float: linear-gradient(145deg, rgba(35, 62, 91, .97), rgba(19, 41, 65, .97));
  --lg-primary: linear-gradient(145deg, #2b70c4, #1b56a3);
  --lg-primary-hover: linear-gradient(145deg, #2b70c4, #1c60b7);
  --lg-edge: rgba(169, 214, 255, .25);
  --lg-blue-edge: rgba(141, 194, 248, .34);
  --lg-highlight: rgba(200, 229, 255, .22);
  --lg-shadow: 0 12px 32px -20px rgba(0, 9, 24, .7), 0 2px 8px -4px rgba(0, 8, 20, .4), inset 0 1px 0 var(--lg-highlight), inset 0 -1px 0 rgba(0, 9, 23, .2);
  --lg-control-shadow: 0 4px 10px -5px rgba(0, 9, 24, .55), inset 0 1px 0 var(--lg-highlight), inset 0 -1px 0 rgba(0, 10, 25, .25);
  --lg-inset: inset 0 2px 5px rgba(0, 7, 20, .35), inset 0 -1px 0 rgba(172, 213, 255, .13);
  --lg-overlay-shadow: 0 22px 60px -24px rgba(0, 5, 19, .84), inset 0 1px 0 var(--lg-highlight), inset 0 0 0 1px rgba(176, 216, 255, .06);
  --lg-backdrop: rgba(3, 12, 24, .6);
  --lg-fallback: #1b344e;
  --lg-control-fallback: #233f5d;
  --lg-knob: #eaf5ff;
  --glass-face: rgba(30, 56, 84, .76);
  --glass-raised: rgba(36, 66, 98, .92);
  --input: rgba(20, 43, 68, .84);
  --group-quiet: rgba(26, 53, 80, .72);
  --group-selected: rgba(43, 84, 127, .86);
  --group-bg: rgba(17, 36, 56, .52);
  --group-bubble: rgba(36, 67, 99, .86);
  --group-own-bubble: rgba(32, 75, 120, .92);
}

/* Calm illumination behind actual alpha surfaces, never animated wallpaper. */
html:root body::before {
  background: radial-gradient(ellipse at 4% 4%, rgba(170, 211, 251, .48), transparent 47%),
    radial-gradient(ellipse at 96% 82%, rgba(157, 216, 242, .3), transparent 52%),
    linear-gradient(138deg, #f1f7ff 0%, #e7f1fc 57%, #edf8fc 100%);
}
html[data-theme="dark"] body::before {
  background: radial-gradient(ellipse at 3% 3%, rgba(58, 110, 161, .33), transparent 46%),
    radial-gradient(ellipse at 96% 82%, rgba(28, 99, 139, .2), transparent 51%),
    linear-gradient(138deg, #13283f 0%, #0f2032 58%, #112c40 100%);
}
html:root ::selection { color: var(--ink); background: var(--group-selected); }
html:root :is(input, textarea) { caret-color: var(--action); }
html:root :is(input, textarea)::placeholder { color: var(--ink-muted); opacity: 1; }
html:root :is(.muted, .jev-hint, .jev-heading p) { color: var(--ink-muted); }
html:root .jev-eyebrow { color: var(--action); }

/* Blur budget: three persistent navigation surfaces; one visible overlay.
 * Scrolling groups, messages, avatars, rows, panels and composers never blur.
 */
html:root :is(.panel, .summary-strip, .model-overview, .group-workspace,
  .knowledge-workspace, .group-room, .knowledge-reader, .chat-thread, .chat-evidence,
  .group-composer, .chat-composer, .group-message-bubble, .chat-bubble,
  .group-message-avatar, .group-person-avatar, .group-list-item, .knowledge-result) {
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}
html:root .chat-avatar::after { -webkit-backdrop-filter: none; backdrop-filter: none; }
html:root :is(.sidebar, .topbar, .app-bottom-nav) {
  background: var(--lg-shell);
  border-color: var(--lg-edge);
  box-shadow: var(--lg-shadow);
  -webkit-backdrop-filter: blur(18px) saturate(125%);
  backdrop-filter: blur(18px) saturate(125%);
}
html:root :is(.group-workspace, .knowledge-workspace) {
  background: var(--lg-pane);
  border-color: var(--lg-edge);
  box-shadow: var(--lg-shadow);
}
html:root :is(.panel, .summary-strip, .model-overview, .schedule-panel,
  .knowledge-local-only, .preview-note) {
  background: var(--lg-surface);
  border-color: var(--lg-edge);
  box-shadow: var(--lg-shadow);
}
html:root :is(.group-list, .knowledge-sources) {
  background: var(--lg-pane);
  border-color: var(--line);
  box-shadow: inset 0 1px 0 var(--lg-highlight);
}
html:root :is(.group-room, .knowledge-reader, .chat-thread, .chat-evidence) {
  background: var(--lg-pane);
  border-color: var(--line);
}
html:root :is(.group-room-head, .group-room-tabs, .knowledge-reader > header) {
  background: var(--lg-quiet);
  border-color: var(--line);
  box-shadow: inset 0 1px 0 var(--lg-highlight);
}
html:root .group-composer-wrap { background: transparent; border-color: var(--line); }

/* Navigation and row selection share a blue lens, without a blur per item. */
html:root :is(.nav-link, .group-list-item, .knowledge-result, .settings-menu-row,
  .collab-job-item, .filter-option) {
  color: var(--ink-secondary);
  background: transparent;
  transition: background-color 160ms ease, box-shadow 160ms ease, color 160ms ease;
}
html:root :is(.nav-link.active, .group-list-item.selected, .knowledge-result.selected,
  .collab-job-item.selected, .collab-plan.selected) {
  color: var(--action);
  background: var(--lg-selected);
  border-color: var(--lg-blue-edge);
  box-shadow: var(--lg-control-shadow);
}
html:root .app-bottom-nav .nav-link.active { background: var(--lg-selected); box-shadow: var(--lg-control-shadow); }
html:root :is(.group-room-tabs button, .view-tab) { color: var(--ink-muted); background: transparent; box-shadow: none; }
html:root :is(.group-room-tabs button[aria-selected="true"], .view-tab.active) {
  color: var(--action);
  background: linear-gradient(0deg, var(--action-soft), transparent 85%);
  border-bottom-color: var(--action);
  box-shadow: none;
}
html:root :is(.nav-count, .count-pill, .tag, .local-label) {
  color: var(--ink-secondary);
  background: var(--lg-quiet);
  border-color: var(--line);
  box-shadow: inset 0 1px 0 var(--lg-highlight);
}

/* Messages and attachments keep a clear reading plane above the liquid base. */
html:root :is(.group-message-bubble, .chat-bubble, .group-artifact, .chat-artifact,
  .collab-agent-lane, .collab-plan, .chat-member) {
  background: var(--lg-surface);
  color: var(--ink);
  border-color: var(--lg-blue-edge);
  box-shadow: var(--lg-control-shadow);
}
html:root .chat-message[data-kind="agent"] .chat-bubble { background: var(--lg-surface); }
html:root .group-message.user .group-message-bubble,
html:root .chat-message[data-kind="user"] .chat-bubble {
  background: var(--lg-own);
  border-color: var(--lg-blue-edge);
}
html:root .group-message.system .group-message-bubble {
  background: var(--lg-quiet);
  border-color: var(--line);
  color: var(--ink-secondary);
  box-shadow: inset 0 1px 0 var(--lg-highlight);
}
html:root :is(.group-monogram, .group-message-avatar, .group-person-avatar,
  .settings-menu-icon, .tool-avatar, .empty-symbol, .collab-role-icon) {
  background: var(--lg-selected);
  color: var(--action);
  box-shadow: var(--lg-control-shadow);
  border-color: var(--lg-blue-edge);
}
html:root .group-message.owner .group-message-avatar,
html:root .group-person-avatar.owner { background: var(--lg-primary); color: #fff; }
html:root .group-role-tag { background: var(--lg-selected); color: var(--action); }
html:root :is(.group-person, .group-person-detail, .group-turn, .knowledge-source-meta) { border-color: var(--line); }
html:root :is(.group-person-detail[open], .group-capabilities[open], .group-input-history[open]) { background: var(--lg-quiet); }

/* Recessed controls: no wrapper/textarea double blur and no white form islands. */
html:root :is(.group-composer, .chat-composer) {
  background: var(--lg-surface);
  border-color: var(--lg-blue-edge);
  box-shadow: var(--lg-shadow);
}
html:root :is(.global-search, .search-field, .group-search, .collab-text-input,
  .collab-requirement, .review-form textarea, .select-field, .theme-control select,
  .settings-group select, .knowledge-sources input, .knowledge-sources select,
  .group-create-dialog input, .group-create-dialog select, .group-execution select,
  .jev-fields textarea, .jev-fields input, .jev-fields select, .chat-round-picker select) {
  background: var(--lg-field);
  color: var(--ink);
  border-color: var(--lg-blue-edge);
  box-shadow: var(--lg-inset);
}
html:root :is(.global-search input, .search-field input, .group-search input,
  .group-composer textarea, .chat-composer textarea) { background: transparent; box-shadow: none; color: var(--ink); }
html:root select { color-scheme: light; }
html[data-theme="dark"] select { color-scheme: dark; }
html:root option { color: var(--ink); background: var(--lg-control-fallback); }
html:root :is(.group-composer textarea[readonly], input[readonly], textarea[readonly]) { color: var(--ink-secondary); }
html:root :is(input[type="checkbox"], input[type="radio"]) { accent-color: var(--action); }
html:root .switch input { background: var(--input); box-shadow: var(--lg-inset); }
html:root .switch input:checked { background: var(--lg-primary); }
html:root .switch input::after { background: var(--lg-knob); box-shadow: var(--lg-control-shadow); }

/* Tactile controls keep their native semantics, target sizes and focus rings. */
html:root :is(.button, .icon-button, .group-new, .shell-context-action,
  .filter-menu summary, .group-unread, .chat-new-messages) {
  background: var(--lg-surface);
  color: var(--action);
  border-color: var(--lg-blue-edge);
  box-shadow: var(--lg-control-shadow);
  transition: transform 140ms ease, box-shadow 140ms ease, background-color 140ms ease, color 140ms ease;
}
html:root .button.primary {
  color: #fff;
  background: var(--lg-primary);
  border-color: rgba(85, 151, 229, .7);
  box-shadow: 0 6px 16px -9px rgba(12, 69, 142, .65), inset 0 1px 0 rgba(221, 242, 255, .35);
}
html:root .button.subtle { background: transparent; color: var(--action); border-color: transparent; box-shadow: none; }
html:root .button.danger { color: var(--danger); }
html:root :is(.tag-button, .filter-chip) { background: var(--lg-selected); color: var(--action); border-color: var(--lg-blue-edge); box-shadow: inset 0 1px 0 var(--lg-highlight); }
html:root .filter-menu[open] summary { background: var(--lg-selected); color: var(--action); border-color: var(--lg-blue-edge); }
html:root :is(button, .button):active:not(:disabled):not([aria-disabled="true"]) {
  box-shadow: var(--lg-inset);
}
html:root :is(.button, .icon-button, .group-new, .shell-context-action):active:not(:disabled):not([aria-disabled="true"]) { transform: translateY(1px) scale(.985); }
/* Keep the floating unread pill centred: its transform also positions it. */
html:root :is(.group-unread, .chat-new-messages):active:not(:disabled) { transform: translateX(-50%) translateY(1px); }
html:root :is(button, input, textarea, select):disabled,
html:root [aria-disabled="true"] {
  color: var(--ink-muted);
  opacity: 1;
  box-shadow: none;
}
html:root button:disabled { background: var(--lg-quiet); }
html:root :is(button, a, input, select, textarea, summary):focus-visible {
  outline: 2px solid var(--focus);
  outline-offset: 3px;
}
html:root :is(.group-composer, .chat-composer, .group-search, .search-field, .global-search):focus-within { outline-color: var(--focus); }

/* Supporting pages: tables, model forms, schedules and preserved task details. */
html:root :is(.data-table th, .panel-footer, .detail-footer, .collab-jobs-footer,
  .collab-agent-model, .collab-agent-lane > footer, .collab-event-footnote,
  .sync-inline-status, .stage-node, .path-box, .raw-json,
  .collab-output-detail .text-view, .collab-artifact-path, .collab-workbuddy, .chat-evidence-top,
  .chat-markdown pre) {
  background: var(--lg-quiet);
  color: var(--ink-secondary);
  border-color: var(--line);
  box-shadow: inset 0 1px 0 var(--lg-highlight);
}
html:root .chat-markdown code { background: var(--input); color: var(--ink); }
html:root .stage-node.current { background: var(--lg-selected); color: var(--action); border-color: var(--lg-blue-edge); box-shadow: var(--lg-inset); }
html:root .collab-plan.selected { background: var(--lg-selected); border-color: var(--lg-blue-edge); }
html:root .collab-plan.unavailable { background: var(--lg-quiet); color: var(--ink-muted); }
html:root .record-icon,
html:root .collab-event-symbol { background: var(--lg-surface); border-color: var(--line); box-shadow: var(--lg-control-shadow); }
html:root .jev-result { background: var(--lg-selected); border-color: var(--action); box-shadow: var(--lg-control-shadow); }
html:root .jev-result > strong { color: var(--action); }
html:root :is(.jev-result > span, .jev-result p) { color: var(--ink-secondary); }
html:root .progress-track { background: var(--input); box-shadow: var(--lg-inset); }
html:root .progress-fill { background: var(--lg-primary); }
html:root .progress-track.good .progress-fill { background: var(--archive); }

/* Status colour remains semantic; finish matches the rest of the glass. */
html:root :is(.badge, .callout, .connection-banner, .connection-expanded,
  .group-compose-status, .group-request-note, .knowledge-notice,
  .knowledge-read-receipt, .group-live-label, .collab-list-error,
  .collab-acceptance, .collab-handoff, .chat-history-notice, .jev-message) {
  box-shadow: inset 0 1px 0 var(--lg-highlight), 0 2px 6px -5px rgba(25, 72, 121, .28);
  border-color: var(--line);
}
html:root :is(.badge, .badge.neutral, .callout) { background: var(--lg-quiet); color: var(--ink-secondary); }
html:root :is(.badge.active) { background: var(--lg-selected); color: var(--action); }
html:root :is(.badge.good, .callout.good, .knowledge-read-receipt, .group-live-label,
  .collab-handoff, .chat-outcome) { background: var(--archive-soft); color: var(--archive); }
html:root .chat-outcome-icon { background: var(--lg-surface); color: var(--archive); box-shadow: var(--lg-control-shadow); }
html:root .collab-event.handoff .collab-event-symbol { background: var(--archive-soft); color: var(--archive); border-color: var(--line); }
html:root :is(.badge.attention, .callout.attention, .connection-banner,
  .connection-expanded, .group-compose-status, .group-request-note,
  .knowledge-notice, .collab-list-error, .collab-acceptance,
  .chat-history-notice, .jev-message, .noscript) { background: var(--attention-soft); color: var(--attention); }
html:root :is(.badge.danger, .callout.danger) { background: var(--danger-soft); color: var(--danger); }
html:root .group-error { color: var(--danger); }

/* Cloud connectivity uses opaque semantic surfaces in both themes. */
html:root .cloud-bridge-banner { color: var(--archive); background: var(--archive-soft); border-color: var(--line); box-shadow: inset 0 1px 0 var(--lg-highlight); }
html:root .cloud-bridge-banner :is(strong, p, .cloud-heartbeat) { color: inherit; }
html:root .cloud-bridge-banner .cloud-status-dot { background: currentColor; }
html:root .cloud-bridge-banner.is-offline { color: var(--attention); background: var(--attention-soft); }

/* Dialogs/popovers are the only floating blur plane. A scrim is not another
 * blur: opening one should not stack two full-screen GPU filter passes.
 */
html:root :is(.detail-dialog, .mobile-nav-dialog, .group-create-dialog,
  .filter-options, .toast) {
  color: var(--ink);
  background: var(--lg-float);
  border-color: var(--lg-edge);
  box-shadow: var(--lg-overlay-shadow);
  -webkit-backdrop-filter: blur(16px) saturate(120%);
  backdrop-filter: blur(16px) saturate(120%);
}
html:root :is(.detail-dialog, .mobile-nav-dialog, .group-create-dialog)::backdrop {
  background: var(--lg-backdrop);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}
html:root .toast.error { color: var(--danger); border-color: var(--danger); }
html:root .skip-link { background: var(--lg-float); color: var(--ink); }
html:root :is(.pwa-install, .settings-install) { color: var(--ink-secondary); }
html:root .pwa-install :is(.muted, small) { color: var(--ink-muted); }
html:root .pwa-install details { background: var(--lg-quiet); border-color: var(--line); box-shadow: inset 0 1px 0 var(--lg-highlight); }
html:root .pwa-install summary { color: var(--action); }

@media (hover: hover) {
  html:root :is(.nav-link, .group-list-item, .knowledge-result,
    .settings-menu-row, .collab-job-item, .filter-option):hover {
    background: var(--lg-surface-hover);
    color: var(--ink);
    box-shadow: inset 0 1px 0 var(--lg-highlight);
  }
  html:root :is(.nav-link.active, .group-list-item.selected,
    .knowledge-result.selected, .collab-job-item.selected):hover {
    background: var(--lg-selected);
    color: var(--action);
    box-shadow: var(--lg-control-shadow);
  }
  html:root :is(.button, .icon-button, .group-new, .shell-context-action,
    .group-unread, .chat-new-messages):hover:not(:disabled):not([aria-disabled="true"]) {
    background: var(--lg-surface-hover);
    color: var(--action);
    border-color: var(--line-strong);
    box-shadow: var(--lg-control-shadow);
  }
  html:root .button.primary:hover:not(:disabled) { color: #fff; background: var(--lg-primary-hover); }
  html:root .button.danger:hover:not(:disabled) { color: var(--danger); background: var(--danger-soft); }
  html:root .data-table tbody tr:hover { background: var(--lg-quiet); }
}

/* Mobile changes only the filter radius, never the established navigation,
 * keyboard/inset layout, scroll containers or touch-target geometry. */
@media (max-width: 800px) {
  html:root :is(.sidebar, .topbar, .app-bottom-nav) {
    -webkit-backdrop-filter: blur(12px) saturate(120%);
    backdrop-filter: blur(12px) saturate(120%);
  }
  html:root :is(.detail-dialog, .mobile-nav-dialog, .group-create-dialog, .filter-options, .toast) {
    -webkit-backdrop-filter: blur(12px) saturate(115%);
    backdrop-filter: blur(12px) saturate(115%);
  }
}

/* Unsupported browsers retain the same blue material hierarchy and readable
 * controls. This is a visual fallback, not a claim that blur is running. */
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  html:root :is(.sidebar, .topbar, .app-bottom-nav) { background: var(--lg-fallback); }
  html:root :is(.detail-dialog, .mobile-nav-dialog, .group-create-dialog, .filter-options, .toast) { background: var(--lg-control-fallback); }
}
@media (forced-colors: active) {
  html:root :is(.sidebar, .topbar, .app-bottom-nav, .panel, .summary-strip,
    .model-overview, .group-workspace, .knowledge-workspace, .group-list,
    .knowledge-sources, .group-room, .knowledge-reader, .group-message-bubble,
    .chat-bubble, .group-composer, .chat-composer, .button, .group-new,
    .icon-button, .select-field, .detail-dialog, .mobile-nav-dialog,
    .group-create-dialog, .filter-options, .toast) {
    background: Canvas;
    color: CanvasText;
    border-color: CanvasText;
    box-shadow: none;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }
  html:root :is(.nav-link.active, .group-list-item.selected, .knowledge-result.selected,
    .button.primary, .group-room-tabs button[aria-selected="true"]) {
    background: Highlight;
    color: HighlightText;
  }
  html:root :is(button, a, input, select, textarea, summary):focus-visible { outline-color: Highlight; }
}