/* D001: shared Team-derived surfaces. Keep page layout and domain states local. */
:root {
    --glass-radius: 1.5rem;
    --glass-control-radius: 1.2rem;
    --glass-line: var(--c-border-default);
    --glass-surface: var(--c-surface-raised);
    --glass-reflection: inset 0 1px 0 color-mix(in oklch, var(--c-fg-default) 5%, transparent);
}

/* No stacking context, filter or fixed background on the app shell. */
.glass-app,
.glass-workspace,
.team-workspace {
    color: var(--c-fg-default);
    background: var(--c-surface-base);
    background-image: radial-gradient(ellipse at 0 0, color-mix(in oklch, var(--c-brand-accent) 10%, transparent), transparent 45%);
}
/* R2/P026: the workspace is the same framed window as .team-workspace (MyTeam,
   D001): 76rem, rounded corners and a double accent glow that shines through the
   glass panels inside. Pages that need the full width (floor plans, wide
   finance tables) add .glass-workspace--wide.
   R3/P033: .team-workspace is an alias of the same window, exactly like
   .team-button/.team-navigation. team_workspace.css no longer defines it, and
   hr/dossier.html, admin/hr/leave.html, portal/my_leaves.html and
   admin/leave_requests.html carry .team-workspace without .glass-workspace.
   MyTeam carries both classes; identical declarations, so nothing stacks. */
.glass-workspace,
.team-workspace {
    min-inline-size: 0;
    max-inline-size: 76rem;
    margin-inline: auto;
    padding: clamp(1rem, 2.5vw, 2rem);
    border-radius: 2rem;
    background: radial-gradient(ellipse at 0 0, color-mix(in oklch, var(--c-brand-accent) 15%, transparent), transparent 45%), radial-gradient(ellipse at 100% 40%, color-mix(in oklch, var(--c-brand-accent) 8%, transparent), transparent 60%), var(--c-surface-base);
    overflow-wrap: anywhere;
}
.glass-workspace--wide { max-inline-size: none; }
.glass-workspace--flush { padding: 0; border-radius: 0; }
.glass-stack { display: grid; gap: 1.5rem; min-inline-size: 0; }
.glass-stack > *,
.glass-section-heading > *,
.glass-actions > *,
.glass-form-grid > * { min-inline-size: 0; }

/* The compatibility layer changes surfaces, never their positioning or padding.
   Deliberately do not blur every .ds-card: legacy cards may contain fixed dialogs.
   Explicit .glass-surface elements are for leaf panels without overlay children.
   R3/P033: .team-profile-heading is an alias of .glass-surface (appearance
   only, not the .glass-surface padding) so the personnel heading on
   hr/dossier.html and admin/hr/leave.html keeps its window; team_workspace.css
   only adds the lifted shadow there. */
.glass-surface,
.team-profile-heading,
.glass-app :where(.ds-card, .ds-panel, .ds-dialog, .ds-tabs, .ds-topbar__dropdown, .ds-appearance-menu__popover, .ds-help-menu__popover) {
    background: var(--glass-surface);
    border: 1px solid var(--glass-line);
    border-radius: var(--glass-radius);
    box-shadow: var(--glass-reflection);
}
body.ui-v2.glass-app .card {
    background: var(--glass-surface);
    border-radius: var(--glass-radius);
    box-shadow: var(--glass-reflection);
}
.glass-surface { min-inline-size: 0; padding: 1.25rem; }
.glass-surface--compact { padding: 1rem; }
.glass-surface--flush { padding: 0; }
.glass-surface--solid { --glass-surface: var(--c-surface-raised); }
.glass-app :where(.ds-card__header, .ds-card__body, .ds-dialog__header, .ds-dialog__body) { min-inline-size: 0; }

@supports (background: color-mix(in oklch, currentColor 70%, transparent)) and ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
    :root {
        --glass-line: color-mix(in oklch, var(--c-border-default) 75%, transparent);
        --glass-surface: linear-gradient(135deg, color-mix(in oklch, var(--c-surface-raised) 70%, transparent), color-mix(in oklch, var(--c-surface-raised) 90%, transparent));
    }
    /* Keep the same weight as .glass-surface in the later accessibility fallbacks. */
    .glass-surface:where(:not(.glass-surface--solid)),
    .team-profile-heading,
    .glass-quicknav,
    .team-navigation,
    .glass-app :where(.ds-tabs, .ds-dialog, .ds-topbar__dropdown, .ds-appearance-menu__popover, .ds-help-menu__popover) {
        -webkit-backdrop-filter: blur(18px) saturate(1.12);
        backdrop-filter: blur(18px) saturate(1.12);
    }
}

/* Existing primary/danger/warning colors remain meaningful and opaque.
   R3/P033: .team-button (MyTeam, dossier, leave) is an alias of .glass-button
   so the operational pages share one control; team_workspace.css no longer
   defines it. */
.glass-button,
.team-button,
.glass-app .ds-btn,
body.ui-v2.glass-app .btn {
    min-block-size: 2.75rem;
    block-size: auto;
    min-inline-size: 0;
    max-inline-size: 100%;
    border-radius: var(--glass-control-radius);
    white-space: normal;
    overflow-wrap: anywhere;
    line-height: 1.45;
    text-align: center;
}
.glass-button,
.team-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .6rem;
    padding: .7rem 1rem;
    border: 1px solid var(--glass-line);
    background: var(--glass-surface);
    color: var(--c-fg-default);
    font: inherit;
    font-size: var(--font-small-size);
    font-weight: 600;
    line-height: 1.45;
    text-decoration: none;
    cursor: pointer;
    transition: border-color 160ms var(--ease-out), background-color 160ms var(--ease-out);
}
.glass-button--primary { background: var(--c-brand-accent); color: var(--c-brand-accent-fg); border-color: var(--c-brand-accent); }
.glass-button--danger { background: var(--c-danger-soft); color: var(--c-danger-fg); border-color: var(--c-danger); }
.glass-button--ghost { background: transparent; border-color: transparent; box-shadow: none; }
.glass-button:hover:not(:disabled):not([aria-disabled="true"]),
.team-button:hover:not(:disabled):not([aria-disabled="true"]) { border-color: var(--c-brand-accent); }
.glass-button--ghost:hover:not(:disabled):not([aria-disabled="true"]) { background: var(--c-surface-sunken); }
.glass-button--primary:hover:not(:disabled):not([aria-disabled="true"]) { background: var(--c-brand-accent-muted); }
.glass-button:disabled,
.glass-button[aria-disabled="true"] { opacity: .55; cursor: not-allowed; }
.glass-button[aria-busy="true"] { cursor: progress; }
.glass-button > svg,
.glass-app :where(.ds-btn, .btn, .ds-tab) > svg { flex: 0 0 auto; }
.glass-app .ds-icon-btn { min-inline-size: 2.75rem; min-block-size: 2.75rem; border-radius: 1rem; }
.glass-app .ds-btn__label { white-space: normal; overflow: visible; text-overflow: clip; overflow-wrap: anywhere; }
.glass-actions { display: flex; flex-wrap: wrap; align-items: center; gap: .65rem; }

/* R3/P033: one control geometry inside every operational workspace (Tables,
   Kitchen, Bar, Runner, MyTeam, Work). Component-library buttons keep their
   colour variants but take the glass height, radius, padding and type, so a
   .ds-btn and a .glass-button on the same row are the same size. Form controls
   share the .glass-field dimensions, and legacy alerts take the control radius. */
.glass-workspace .ds-btn { padding: .7rem 1rem; gap: .6rem; font-size: var(--font-small-size); font-weight: 600; }
.glass-workspace .ds-btn--link { padding: 0; min-block-size: auto; }
.glass-workspace :is(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="range"]):not([type="file"]):not([type="color"]):not([type="submit"]):not([type="button"]):not([type="image"]), select, textarea) {
    min-block-size: 2.75rem;
    padding-block: .5rem;
    border-radius: .85rem;
    box-sizing: border-box;
}
.glass-app .glass-workspace .alert { border-radius: var(--glass-control-radius); }

/* Counts have words/units, not an unexplained circular number badge. */
.glass-section-heading { display: flex; flex-wrap: wrap; align-items: baseline; gap: .4rem 1rem; margin-block-end: 1rem; }
.glass-section-heading__title { margin: 0; color: var(--c-fg-default); font-size: 1.2rem; font-weight: 650; line-height: 1.4; overflow-wrap: anywhere; }
.glass-section-heading__context { margin: 0; color: var(--c-fg-muted); font-size: var(--font-small-size); line-height: 1.5; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.glass-section-heading__description { flex-basis: 100%; margin: 0; max-inline-size: 65ch; color: var(--c-fg-muted); line-height: 1.55; overflow-wrap: anywhere; }
.glass-app .ds-page-header { flex-wrap: wrap; }
.glass-app .ds-page-header__actions { flex-wrap: wrap; min-inline-size: 0; max-inline-size: 100%; }
.glass-app :where(.ds-card__title, .ds-card__subtitle, .ds-dialog__title) { overflow-wrap: anywhere; }

.glass-tabs,
.glass-app .ds-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: .35rem;
    inline-size: fit-content;
    max-inline-size: 100%;
    padding: .4rem;
    border-radius: 1.6rem;
}
.glass-tabs { background: var(--glass-surface); border: 1px solid var(--glass-line); }
.glass-tab,
.glass-app .ds-tab {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 1 1 auto;
    gap: .6rem;
    min-block-size: 2.75rem;
    min-inline-size: 0;
    max-inline-size: 100%;
    padding: .65rem 1rem;
    margin: 0;
    border: 1px solid transparent;
    border-radius: var(--glass-control-radius);
    background: transparent;
    color: var(--c-fg-default);
    font: inherit;
    font-size: var(--font-small-size);
    font-weight: 600;
    line-height: 1.4;
    text-decoration: none;
    text-align: center;
    white-space: normal;
    overflow-wrap: anywhere;
}
.glass-tab:hover,
.glass-tab[aria-current="page"],
.glass-app .ds-tab:hover,
.glass-app .ds-tab.is-active,
.glass-app .ds-tab[aria-selected="true"] { background: var(--c-brand-accent-soft); color: var(--c-fg-default); border-color: var(--c-border-default); }

/* R2/P010: shared quick navigation. Anchor links or routes; the pill bar hugs
   its content. R3/P033: .team-navigation (dossier tabs opened from MyTeam) is
   an alias; MyTeam itself uses .glass-quicknav. */
.glass-quicknav,
.team-navigation {
    display: flex;
    flex-wrap: wrap;
    gap: .35rem;
    inline-size: fit-content;
    max-inline-size: 100%;
    min-inline-size: 0;
    padding: .4rem;
    border: 1px solid var(--glass-line);
    border-radius: 1.6rem;
    background: var(--glass-surface);
    box-shadow: var(--glass-reflection), 0 3px 12px color-mix(in oklch, var(--c-fg-default) 3%, transparent);
}
.glass-quicknav > a,
.team-navigation > a,
.glass-quicknav__link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 1 1 auto;
    gap: .65rem;
    min-block-size: 2.75rem;
    min-inline-size: 0;
    max-inline-size: 100%;
    padding: .65rem 1.1rem;
    border: 0;
    border-radius: var(--glass-control-radius);
    background: transparent;
    color: var(--c-fg-default);
    font: inherit;
    font-size: .9rem;
    line-height: 1.4;
    font-weight: 600;
    text-align: center;
    text-decoration: none;
    white-space: normal;
    overflow-wrap: anywhere;
    cursor: pointer;
}
.glass-quicknav > a:hover,
.glass-quicknav > a:focus-visible,
.glass-quicknav > a[aria-current],
.team-navigation > a:hover,
.team-navigation > a:focus-visible,
.team-navigation > a[aria-current],
.glass-quicknav__link:hover,
.glass-quicknav__link:focus-visible,
.glass-quicknav__link[aria-current] { background: var(--c-brand-accent-soft); }
.glass-quicknav > a > svg,
.team-navigation > a > svg,
.glass-quicknav__link > svg { flex: 0 0 auto; }

/* R2/P013+P027: one chip for badges and small status/meta labels. Same radius
   family as the controls; --control lifts it to the 2.75rem touch height so a
   badge and a neighbouring button read as one row. State colors stay opaque. */
.glass-chip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .4rem;
    min-block-size: 2rem;
    min-inline-size: 0;
    max-inline-size: 100%;
    padding: .3rem .8rem;
    border: 1px solid var(--glass-line);
    border-radius: var(--glass-control-radius);
    background: var(--glass-surface);
    box-shadow: var(--glass-reflection);
    color: var(--c-fg-default);
    font: inherit;
    font-size: var(--font-small-size);
    font-weight: 600;
    line-height: 1.3;
    text-decoration: none;
    white-space: normal;
    overflow-wrap: anywhere;
    font-variant-numeric: tabular-nums;
    box-sizing: border-box;
}
.glass-chip > svg { flex: 0 0 auto; inline-size: 1em; block-size: 1em; }
.glass-chip--control { min-block-size: 2.75rem; padding: .55rem 1rem; }
/* R3/P033: dense contexts (roster cells, table rows) keep the chip family at a
   smaller size instead of falling back to a legacy badge. */
.glass-chip--compact { min-block-size: 1.5rem; padding: .1rem .55rem; font-size: var(--font-label-size); line-height: 1.3; }
.glass-chip--danger { background: var(--c-danger-soft); color: var(--c-danger-fg); border-color: var(--c-danger); }
.glass-chip--warning { background: var(--c-warning-soft); color: var(--c-warning-fg); border-color: var(--c-warning); }
.glass-chip--info { background: var(--c-info-soft); color: var(--c-info-fg); border-color: var(--c-info); }
.glass-chip--success { background: var(--c-success-soft); color: var(--c-success-fg); border-color: var(--c-success); }
.glass-chip--accent { background: var(--c-brand-accent-soft); color: var(--c-fg-default); border-color: var(--c-brand-accent); }
.glass-chip--muted { background: var(--c-surface-sunken); color: var(--c-fg-muted); border-color: var(--c-border-default); box-shadow: none; }
.glass-chip--ghost { background: transparent; border-color: transparent; box-shadow: none; }
:where(a, button, summary).glass-chip { cursor: pointer; transition: border-color 160ms var(--ease-out), background-color 160ms var(--ease-out); }
:where(a, button, summary).glass-chip:hover:not(:disabled):not([aria-disabled="true"]) { border-color: var(--c-brand-accent); }
.glass-chip:disabled,
.glass-chip[aria-disabled="true"] { opacity: .55; cursor: not-allowed; }
.glass-chip-row { display: flex; flex-wrap: wrap; align-items: center; gap: .4rem .5rem; min-inline-size: 0; }

/* An opt-in form grid. No global label width, checkbox size or table stacking. */
.glass-form-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 16rem), 1fr)); gap: 1rem 1.5rem; }
.glass-field { display: grid; align-content: start; gap: .45rem; min-inline-size: 0; }
.glass-field :where(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]), select, textarea),
.glass-app .ds-field__input {
    min-inline-size: 0;
    max-inline-size: 100%;
    min-block-size: 2.75rem;
    border-radius: .85rem;
    box-sizing: border-box;
}
.glass-field :where(input:not([type="checkbox"]):not([type="radio"]), select, textarea) { inline-size: 100%; }
.glass-field :where(label, legend, p),
.glass-app :where(.ds-field__label, .ds-field__help, .ds-field__error) { overflow-wrap: anywhere; }
.glass-field :where([aria-invalid="true"]) { border-color: var(--c-danger); }
.glass-table-scroll { min-inline-size: 0; max-inline-size: 100%; overflow-x: auto; overscroll-behavior-inline: contain; }
.glass-table-scroll :where(table) { min-inline-size: 100%; }

body.ui-v2.glass-app :where(input, select, textarea):focus-visible,
.glass-app :where(a, button, summary, input, select, textarea, [tabindex]):focus-visible,
:where(.glass-button, .glass-tab, .glass-table-scroll):focus-visible,
.glass-workspace :where(a, button, summary, input, select, textarea, [tabindex]):focus-visible {
    outline: 2px solid var(--c-brand-accent);
    outline-offset: 4px;
}
/* Preserve contrast where navigation sits on the solid tenant accent. */
.glass-app .ds-topbar :where(a, button, summary):focus-visible { outline-color: var(--c-brand-accent-fg); }

/* Shared navigation and auxiliaries keep their native show/hide behavior. */
.glass-app .ds-topbar__left { flex: 1 0 auto; }
.glass-app .ds-topbar__right { flex: 0 1 auto; min-inline-size: 0; }
.glass-app .ds-topbar__right > :not(.ds-topbar__usermenu) { flex-shrink: 0; }
.glass-app .ds-topbar__usermenu { min-inline-size: 0; }
.glass-app .ds-topbar__userbtn { min-inline-size: 2.75rem; max-inline-size: 100%; }
.glass-app .ds-topbar__userinfo { min-inline-size: 0; }
.glass-app .ds-topbar__username,
.glass-app .ds-topbar__userrole { max-inline-size: min(200px, 100%); }
.glass-app .ds-topbar__avatar { flex-shrink: 0; }
.glass-app .ds-sidebar__item { min-block-size: 2.75rem; border: 1px solid transparent; border-radius: 1rem; }
.glass-app .ds-sidebar__item.is-active { border-color: var(--c-border-default); }
.glass-app .ds-sidebar__item.is-active::before { display: none; }
.glass-app .ds-sidebar__item > span:not([class]) { white-space: normal; overflow: visible; text-overflow: clip; overflow-wrap: anywhere; line-height: 1.45; }
.glass-app :where(.ds-sidebar__label, .ds-sidebar__footer) { overflow-wrap: anywhere; }
.glass-app :where(.ds-topbar__dropdown a, .ds-topbar__dropdown button, .ds-topbar__lang, .ds-appearance-menu__trigger, .ds-appearance-reset) { min-block-size: 2.75rem; }
.glass-app .ds-topbar__dropdown a { border-radius: .8rem; white-space: normal; overflow-wrap: anywhere; }
.glass-app .ds-topbar__dropdown { max-inline-size: calc(100vw - 1.5rem); }
.glass-app .ds-segmented--appearance { grid-template-columns: repeat(3, minmax(0, 1fr)); border-radius: 1.2rem; }
.glass-app .ds-segmented--appearance span { min-block-size: 2.75rem; border-radius: .85rem; line-height: 1.45; overflow-wrap: anywhere; }
.glass-app .ds-appearance-picker--page { border-radius: var(--glass-radius); background: var(--glass-surface); }
.glass-app .setupguide, .glass-app :where(.team-kpis-card, .module-tile, .wn-panel) { border-radius: var(--glass-radius); border: 1px solid var(--glass-line); background: var(--glass-surface); box-shadow: var(--glass-reflection); }
.glass-app .setupguide__title { min-inline-size: 0; }
.glass-app .setupguide__step-head { min-block-size: 2.75rem; flex-wrap: wrap; }
.glass-app .setupguide__step-head strong { min-inline-size: 0; flex: 1 1 12rem; overflow-wrap: anywhere; }
.glass-app .setupguide__pct { overflow-wrap: anywhere; }
.glass-app .team-kpis-grid { grid-template-columns: repeat(auto-fit, minmax(min(100%, 10rem), 1fr)); }
.glass-app .team-kpis-card { min-inline-size: 0; overflow-wrap: anywhere; }
.glass-app :where(.demo-bar__persona, .demo-bar__reset-btn, .ws-badge__switch, .wn-panel__close) { min-block-size: 2.75rem; border-radius: var(--glass-control-radius); }
.glass-app .demo-bar__persona { display: inline-flex; align-items: center; line-height: 1.45; }
.glass-app .ws-badge--dock { flex-wrap: wrap; max-inline-size: calc(100vw - 6rem); border-radius: var(--glass-radius); background: var(--glass-surface); }
.glass-app :where(.ws-badge__device, .ws-badge__user) { min-inline-size: 0; overflow-wrap: anywhere; }
.glass-app .ws-badge__switch { background: var(--c-brand-accent); color: var(--c-brand-accent-fg); }
.glass-app .wn-panel__close { min-inline-size: 2.75rem; }
.glass-app :where(.role-tasks__head, .role-tasks__links, .team-salidas-rsvp) { flex-wrap: wrap; }
.glass-app :where(.role-tasks__head > *, .team-salidas-rsvp > *, .welcome-text, .control-center__list a > *) { min-inline-size: 0; }
.glass-app .role-tasks__list { grid-template-columns: repeat(auto-fit, minmax(min(100%, 14rem), 1fr)); }
.glass-app .role-task { border: 1px solid var(--glass-line); border-radius: var(--glass-radius); background: var(--glass-surface); }
.glass-app .role-task.priority-high { border-color: var(--c-warning); }
.glass-app .role-task.priority-urgent { border-color: var(--c-danger); }
.glass-app .role-task strong { white-space: normal; overflow: visible; text-overflow: clip; overflow-wrap: anywhere; }
.glass-app :where(.role-task__check, .welcome-avatar) { flex-shrink: 0; }
.glass-app :where(.welcome-greeting, .welcome-meta, .team-salidas-title, .team-anuncios-title, .rtoday__meta, .rtoday__label) { overflow-wrap: anywhere; }
.glass-app .team-salidas-btn { min-block-size: 2.75rem; border-radius: var(--glass-control-radius); line-height: 1.45; white-space: normal; overflow-wrap: anywhere; }

/* Preview stays legible with long NL/ES copy and at narrow widths. */
.r14-preview-bar__message { display: grid; gap: .15rem; min-inline-size: 0; flex: 1 1 20rem; }
.r14-preview-bar__notice { font-size: var(--font-small-size); font-weight: 400; line-height: 1.4; overflow-wrap: anywhere; }
.r14-preview-bar__form { flex: 0 0 auto; }

@media (max-width: 700px) {
    .glass-workspace, .team-workspace { padding: 1rem; border-radius: 1.5rem; }
    .glass-workspace--flush { padding: 0; border-radius: 0; }
    .glass-surface { padding: 1rem; }
    .glass-surface--flush { padding: 0; }
    .glass-section-heading { gap: .3rem .75rem; }
    .glass-app .ds-dialog { max-inline-size: 100%; }
    .glass-app :where(.ds-dialog__header, .ds-dialog__body) { padding: 1rem; }
    .glass-app .ds-dialog__header { flex-wrap: wrap; gap: .75rem; }
}
@media (prefers-reduced-motion: reduce) {
    .glass-button, .team-button, .glass-chip { transition: none; }
    .glass-app :where(.ds-btn, .ds-icon-btn):active:not(:disabled) { transform: none; }
}
@media (prefers-reduced-transparency: reduce) {
    :root { --glass-surface: var(--c-surface-raised); --glass-line: var(--c-border-default); }
    .glass-app, .glass-workspace, .team-workspace { background: var(--c-surface-base); background-image: none; }
    .glass-surface, .team-profile-heading, .glass-quicknav, .team-navigation,
    .glass-app :where(.ds-tabs, .ds-dialog, .ds-topbar__dropdown, .ds-appearance-menu__popover, .ds-help-menu__popover) { -webkit-backdrop-filter: none; backdrop-filter: none; }
}
@media (forced-colors: active) {
    :root { --glass-surface: Canvas; --glass-line: CanvasText; --glass-reflection: none; }
    .glass-app, .glass-workspace, .team-workspace { background: Canvas; color: CanvasText; }
    .glass-surface, .team-profile-heading, .glass-quicknav, .team-navigation,
    .glass-app :where(.ds-tabs, .ds-dialog, .ds-topbar__dropdown, .ds-appearance-menu__popover, .ds-help-menu__popover) { -webkit-backdrop-filter: none; backdrop-filter: none; }
    .glass-button, .team-button, .glass-tab, .glass-chip { color: ButtonText; border-color: ButtonText; }
    .glass-quicknav > a, .team-navigation > a, .glass-quicknav__link { color: LinkText; }
    .glass-tab[aria-current="page"], .glass-app .ds-tab.is-active { border-color: Highlight; }
    body.ui-v2.glass-app :where(input, select, textarea):focus-visible,
    .glass-app :focus-visible, .glass-workspace :focus-visible, .glass-button:focus-visible, .glass-tab:focus-visible { outline-color: Highlight; }
}
@media print {
    :root { --glass-surface: Canvas; --glass-line: CanvasText; --glass-reflection: none; }
    .glass-app, .glass-workspace, .team-workspace { background: Canvas; color: CanvasText; }
    .glass-workspace, .team-workspace { max-inline-size: none; padding: 0; border-radius: 0; }
    .glass-quicknav, .team-navigation { display: none; }
    .glass-surface, .team-profile-heading,
    .glass-app :where(.ds-tabs, .ds-dialog, .ds-topbar__dropdown, .ds-appearance-menu__popover, .ds-help-menu__popover) { -webkit-backdrop-filter: none; backdrop-filter: none; }
}