:root {
    --ds-color-white: #ffffff;
    --ds-color-black: #11151b;
    --ds-color-neutral-50: #f6f8fb;
    --ds-color-neutral-100: #f3f6fa;
    --ds-color-neutral-200: #c7d0dc;
    --ds-color-neutral-500: #68758a;
    --ds-color-neutral-700: #48566b;
    --ds-color-neutral-900: #152033;
    --ds-color-dark-bg: #11151b;
    --ds-color-dark-page: #171c24;
    --ds-color-dark-surface-1: #171c24;
    --ds-color-dark-surface-2: #1c222c;
    --ds-color-dark-surface-3: #222a35;
    --ds-color-dark-surface-4: #29323f;
    --ds-color-dark-border: #303a48;
    --ds-color-dark-border-strong: #435066;
    --ds-color-dark-text: #f3f6fa;
    --ds-color-dark-text-secondary: #a7b2c2;
    --ds-color-dark-text-muted: #77859a;
    --ds-color-dark-action: #3b82f6;
    --ds-color-dark-action-hover: #60a5fa;
    --ds-color-dark-action-subtle: rgb(59 130 246 / 0.14);
    --ds-color-dark-success: #4ade80;
    --ds-color-dark-warning: #fbbf24;
    --ds-color-dark-danger: #f87171;
    --ds-color-dark-info: #60a5fa;
    --ds-color-blue-600: #2563eb;
    --ds-color-blue-700: #1d4ed8;
    --ds-color-blue-soft: rgb(37 99 235 / 0.18);
    --ds-color-green-600: #15803d;
    --ds-color-red-600: #dc2626;
    --ds-color-amber-600: #f2b94b;
    --ds-color-gold-600: #d9b97b;
    --ds-color-gold-light: #8a6a22;
    --ds-color-person-blue: #2563eb;
    --ds-color-person-green: #16a34a;
    --ds-color-person-orange: #ea580c;
    --ds-color-person-purple: #9333ea;
    --ds-color-person-teal: #0d9488;
    --ds-color-person-pink: #db2777;
    --ds-color-person-red: #dc2626;
    --ds-color-person-gray: #64748b;
    --ds-color-person-indigo: #4f46e5;
    --ds-color-person-lime: #65a30d;
    --ds-color-person-amber: #d97706;
    --ds-color-person-cyan: #0891b2;
    --ds-color-person-rose: #e11d48;
    --ds-color-person-emerald: #059669;
    --ds-color-person-violet: #7c3aed;
    --ds-color-person-sky: #0284c7;
    --ds-color-person-fuchsia: #c026d3;
    --ds-color-person-slate: #475569;
    --ds-color-person-brown: #92400e;
    --ds-color-person-olive: #4d7c0f;
    --ds-space-0: 0;
    --ds-space-0-25: 0.125rem;
    --ds-space-0-5: 0.25rem;
    --ds-space-0-75: 0.375rem;
    --ds-space-1: 0.5rem;
    --ds-space-1-25: 0.625rem;
    --ds-space-1-5: 0.75rem;
    --ds-space-2: 1rem;
    --ds-space-2-5: 1.25rem;
    --ds-space-3: 1.5rem;
    --ds-space-3-5: 1.75rem;
    --ds-space-4: 2rem;
    --ds-space-7: 3.5rem;
    --ds-border-width-0: 0;
    --ds-border-width-1: 0.0625rem;
    --ds-border-width-2: 0.125rem;
    --ds-border-width-3: 0.1875rem;
    --ds-border-width: var(--ds-border-width-1);
    --ds-radius-0: 0;
    --ds-radius-1: 0.0625rem;
    --ds-radius-2: 0.125rem;
    --ds-radius-3: 0.1875rem;
    --ds-radius-4: 0.25rem;
    --ds-radius-8: 0.625rem;
    --ds-radius-12: 0.875rem;
    --ds-radius-pill: var(--ds-radius-999);
    --ds-radius-999: 999px;
    --ds-radius-sm: var(--ds-radius-2);
    --ds-radius-md: var(--ds-radius-4);
    --ds-radius-panel: var(--ds-radius-4);
    --ds-shadow-1: 0 0.0625rem 0.125rem rgb(0 0 0 / 0.22);
    --ds-shadow-2: 0 0.375rem 1.125rem rgb(0 0 0 / 0.24);
    --ds-shadow-3: 0 1rem 2.625rem rgb(0 0 0 / 0.28);
    --ds-z-base: 0;
    --ds-z-dropdown: 100;
    --ds-z-overlay: 200;
    --ds-z-dialog: 300;
    --ds-z-toast: 400;
    --ds-z-critical: 500;
    --ds-z-modal: var(--ds-z-dialog);
    --ds-motion-duration-1: 120ms;
    --ds-motion-duration-2: 180ms;
    --ds-motion-ease-standard: cubic-bezier(0.2, 0, 0, 1);
    --ds-font-family-sans: system-ui, "Segoe UI", sans-serif;
    --ds-font-family-code: "Cascadia Mono", "Consolas", monospace;
    --ds-text-display-size: 2rem;
    --ds-text-heading-1-size: 1.625rem;
    --ds-text-heading-2-size: 1.25rem;
    --ds-text-heading-3-size: 1rem;
    --ds-text-body-size: 0.9375rem;
    --ds-text-body-small-size: 0.8125rem;
    --ds-text-label-size: 0.8125rem;
    --ds-text-caption-size: 0.75rem;
    --ds-text-code-size: 0.8125rem;
    --ds-font-size-sm: var(--ds-text-body-small-size);
    --ds-font-size-small: var(--ds-text-body-small-size);
    --ds-text-title-size: var(--ds-text-heading-2-size);
    --ds-line-height-tight: 1.2;
    --ds-line-height-default: 1.5;
    --ds-font-weight-regular: 400;
    --ds-font-weight-medium: 600;
    --ds-font-weight-strong: 700;
    --ds-breakpoint-compact: 48rem;
    --ds-breakpoint-wide: 72rem;
    --ds-blur-16: 1rem;
    --ds-layout-header-height: 3.5rem;
    --ds-layout-sidebar-width: 14rem;
    --ds-layout-sidebar-compact-width: 4.5rem;
    --ds-layout-content-max: 76rem;
    --ds-layout-content-readable: 42rem;
    --ds-layout-card-min: 18rem;
    --ds-layout-tile-size: 13rem;
    --ds-layout-tile-columns: 2;
    --ds-layout-tile-aspect-ratio: 5 / 3;
    --ds-accessibility-hidden-size: 1px;
    --ds-accessibility-hidden-inset: 50%;
    --ds-focus-ring: 0 0 0 0.1875rem var(--ds-color-focus-ring);
    --ds-focus-offset: 0.125rem;
    --ds-control-height-sm: 2rem;
    --ds-control-height: 2.25rem;
    --ds-control-height-default: var(--ds-control-height);
    --ds-control-height-md: var(--ds-control-height);
    --ds-opacity-disabled: 0.55;
    --ds-tree-indent: 1rem;
    --ds-tree-level-0-min-height: 2.75rem;
    --ds-tree-level-1-min-height: 2.5rem;
    --ds-tree-level-2-min-height: 2.25rem;
    --ds-tree-level-3-min-height: 2.125rem;
    --ds-tree-level-4-min-height: 2rem;
    --ds-tree-level-0-font-size: 1rem;
    --ds-tree-level-1-font-size: 0.9375rem;
    --ds-tree-level-2-font-size: 0.9rem;
    --ds-tree-level-3-font-size: 0.85rem;
    --ds-tree-level-4-font-size: 0.8125rem;
    --ds-field-width-compact: 7rem;
    --ds-field-width-short: 11rem;
    --ds-field-width-medium: 16rem;
    --ds-field-width-wide: 24rem;
    --ds-form-section-max-width: 64rem;
    --ds-color-background-app: var(--ds-color-neutral-50);
    --ds-color-background-page: var(--ds-color-neutral-100);
    --ds-color-surface-workspace: var(--ds-color-white);
    --ds-color-surface-panel: var(--ds-color-white);
    --ds-color-surface-muted: var(--ds-color-neutral-100);
    --ds-color-surface-raised: #e8edf4;
    --ds-color-table-background: var(--ds-color-surface-workspace);
    --ds-color-table-header: var(--ds-color-surface-muted);
    --ds-color-table-hover: var(--ds-color-surface-raised);
    --ds-color-table-selected: var(--ds-color-action-subtle);
    --ds-color-navigation-background: var(--ds-color-surface-panel);
    --ds-color-navigation-hover: var(--ds-color-surface-raised);
    --ds-color-navigation-active: var(--ds-color-action-subtle);
    --ds-color-control-background: var(--ds-color-surface-muted);
    --ds-color-control-hover: var(--ds-color-surface-raised);
    --ds-color-control-focus: var(--ds-color-blue-600);
    --ds-color-control-disabled: var(--ds-color-surface-muted);
    --ds-color-button-background: var(--ds-color-surface-muted);
    --ds-color-button-hover: var(--ds-color-surface-raised);
    --ds-color-button-disabled: var(--ds-color-surface-muted);
    --ds-color-border: var(--ds-color-neutral-200);
    --ds-color-border-strong: #9daabe;
    --ds-color-divider: var(--ds-color-border);
    --ds-color-text-primary: var(--ds-color-neutral-900);
    --ds-color-text-secondary: var(--ds-color-neutral-700);
    --ds-color-text-muted: var(--ds-color-neutral-500);
    --ds-color-text-disabled: var(--ds-color-neutral-500);
    --ds-color-action-primary: var(--ds-color-blue-600);
    --ds-color-action-hover: var(--ds-color-blue-700);
    --ds-color-action-subtle: var(--ds-color-blue-soft);
    --ds-color-status-info: var(--ds-color-blue-600);
    --ds-color-status-success: var(--ds-color-green-600);
    --ds-color-status-warning: #b7791f;
    --ds-color-status-danger: #b91c1c;
    --ds-color-on-action: var(--ds-color-white);
    --ds-color-overlay-scrim: rgb(21 32 51 / 0.38);
    --ds-color-qr-background: var(--ds-color-white);
    --ds-color-qr-foreground: var(--ds-color-black);
    --ds-color-tree-selected-background: color-mix(in srgb, var(--ds-color-surface-panel) 78%, var(--ds-color-surface-raised) 22%);
    --ds-color-tree-selected-hover-background: color-mix(in srgb, var(--ds-color-surface-panel) 62%, var(--ds-color-surface-raised) 38%);
    --ds-color-tree-selected-border: var(--ds-color-action-primary);
    --ds-color-tree-group-depth-0-background: color-mix(in srgb, var(--ds-color-surface-panel) 55%, var(--ds-color-border-strong) 45%);
    --ds-color-tree-group-depth-1-background: color-mix(in srgb, var(--ds-color-surface-panel) 68%, var(--ds-color-border-strong) 32%);
    --ds-color-tree-group-depth-2-background: color-mix(in srgb, var(--ds-color-surface-panel) 78%, var(--ds-color-border-strong) 22%);
    --ds-color-tree-group-depth-3-background: color-mix(in srgb, var(--ds-color-surface-panel) 86%, var(--ds-color-border-strong) 14%);
    --ds-color-dashboard-panel: var(--ds-color-surface-panel);
    --ds-color-dashboard-quick: var(--ds-color-surface-muted);
    --ds-color-dashboard-quick-hover: var(--ds-color-surface-raised);
    --ds-color-background: var(--ds-color-background-app);
    --ds-color-surface-canvas: var(--ds-color-background-page);
    --ds-color-surface: var(--ds-color-surface-panel);
    --ds-color-text: var(--ds-color-text-primary);
    --ds-color-text-subtle: var(--ds-color-text-secondary);
    --ds-text-muted: var(--ds-color-text-muted);
    --ds-border-color: var(--ds-color-border);
    --ds-color-action: var(--ds-color-action-primary);
    --ds-color-action-strong: var(--ds-color-action-hover);
    --ds-color-info: var(--ds-color-status-info);
    --ds-color-success: var(--ds-color-status-success);
    --ds-color-success-text: var(--ds-color-status-success);
    --ds-color-warning: var(--ds-color-status-warning);
    --ds-color-warning-text: var(--ds-color-status-warning);
    --ds-color-danger: var(--ds-color-status-danger);
    --ds-color-danger-text: var(--ds-color-status-danger);
    --ds-color-accent: var(--ds-color-gold-light);
    --ds-color-focus: var(--ds-color-control-focus);
    --ds-color-focus-ring: rgb(37 99 235 / 0.18);
    --ds-component-shell-background: var(--ds-color-background-app);
    --ds-component-header-background: var(--ds-color-navigation-background);
    --ds-component-sidebar-background: var(--ds-color-navigation-background);
    --ds-component-card-background: var(--ds-color-surface-panel);
    --ds-component-pill-background: var(--ds-color-surface-muted);
    --ds-component-pill-background-hover: var(--ds-color-navigation-hover);
    --ds-component-active-background: var(--ds-color-navigation-active);
    --ds-component-button-background: var(--ds-color-button-background);
    --ds-component-control-background: var(--ds-color-control-background);
    --ds-component-control-background-hover: var(--ds-color-control-hover);
    --ds-component-tree-selected-background: var(--ds-color-tree-selected-background);
    --ds-component-tree-selected-hover-background: var(--ds-color-tree-selected-hover-background);
    --ds-component-tree-selected-border: var(--ds-color-tree-selected-border);
    --ds-component-tree-group-depth-0-background: var(--ds-color-tree-group-depth-0-background);
    --ds-component-tree-group-depth-1-background: var(--ds-color-tree-group-depth-1-background);
    --ds-component-tree-group-depth-2-background: var(--ds-color-tree-group-depth-2-background);
    --ds-component-tree-group-depth-3-background: var(--ds-color-tree-group-depth-3-background);
    --ds-component-dashboard-card-background: var(--ds-color-dashboard-panel);
    --ds-component-dashboard-quick-background: var(--ds-color-dashboard-quick);
    --ds-component-dashboard-quick-background-hover: var(--ds-color-dashboard-quick-hover);
    --ds-font-weight-default: var(--ds-font-weight-regular);
    --ds-font-weight-semibold: var(--ds-font-weight-medium);
    --ds-font-weight-bold: var(--ds-font-weight-strong);
}

[data-ds-theme="dark"] {
    --ds-color-background-app: var(--ds-color-dark-bg);
    --ds-color-background-page: var(--ds-color-dark-page);
    --ds-color-surface-workspace: var(--ds-color-dark-surface-1);
    --ds-color-surface-panel: var(--ds-color-dark-surface-2);
    --ds-color-surface-muted: var(--ds-color-dark-surface-3);
    --ds-color-surface-raised: var(--ds-color-dark-surface-4);
    --ds-color-table-background: var(--ds-color-surface-workspace);
    --ds-color-table-header: var(--ds-color-surface-muted);
    --ds-color-table-hover: var(--ds-color-surface-raised);
    --ds-color-table-selected: var(--ds-color-action-subtle);
    --ds-color-navigation-background: var(--ds-color-surface-panel);
    --ds-color-navigation-hover: var(--ds-color-surface-raised);
    --ds-color-navigation-active: var(--ds-color-action-subtle);
    --ds-color-control-background: var(--ds-color-surface-muted);
    --ds-color-control-hover: var(--ds-color-surface-raised);
    --ds-color-control-focus: var(--ds-color-dark-action);
    --ds-color-control-disabled: var(--ds-color-surface-muted);
    --ds-color-button-background: var(--ds-color-surface-muted);
    --ds-color-button-hover: var(--ds-color-surface-raised);
    --ds-color-button-disabled: var(--ds-color-surface-muted);
    --ds-color-border: var(--ds-color-dark-border);
    --ds-color-border-strong: var(--ds-color-dark-border-strong);
    --ds-color-divider: var(--ds-color-border);
    --ds-color-text-primary: var(--ds-color-dark-text);
    --ds-color-text-secondary: var(--ds-color-dark-text-secondary);
    --ds-color-text-muted: var(--ds-color-dark-text-muted);
    --ds-color-text-disabled: color-mix(in srgb, var(--ds-color-dark-text-muted) 62%, transparent);
    --ds-color-action-primary: var(--ds-color-dark-action);
    --ds-color-action-hover: var(--ds-color-dark-action-hover);
    --ds-color-action-subtle: var(--ds-color-dark-action-subtle);
    --ds-color-status-info: var(--ds-color-dark-info);
    --ds-color-status-success: var(--ds-color-dark-success);
    --ds-color-status-warning: var(--ds-color-dark-warning);
    --ds-color-status-danger: var(--ds-color-dark-danger);
    --ds-color-overlay-scrim: rgb(17 21 27 / 0.68);
    --ds-color-tree-selected-background: color-mix(in srgb, var(--ds-color-surface-panel) 78%, var(--ds-color-surface-raised) 22%);
    --ds-color-tree-selected-hover-background: color-mix(in srgb, var(--ds-color-surface-panel) 62%, var(--ds-color-surface-raised) 38%);
    --ds-color-tree-selected-border: var(--ds-color-action-primary);
    --ds-color-tree-group-depth-0-background: color-mix(in srgb, var(--ds-color-surface-panel) 78%, var(--ds-color-border-strong) 22%);
    --ds-color-tree-group-depth-1-background: color-mix(in srgb, var(--ds-color-surface-panel) 86%, var(--ds-color-border-strong) 14%);
    --ds-color-tree-group-depth-2-background: color-mix(in srgb, var(--ds-color-surface-panel) 92%, var(--ds-color-border-strong) 8%);
    --ds-color-tree-group-depth-3-background: var(--ds-color-surface-panel);
    --ds-color-dashboard-panel: var(--ds-color-surface-panel);
    --ds-color-dashboard-quick: var(--ds-color-surface-muted);
    --ds-color-dashboard-quick-hover: var(--ds-color-surface-raised);
    --ds-color-background: var(--ds-color-background-app);
    --ds-color-surface-canvas: var(--ds-color-background-page);
    --ds-color-surface: var(--ds-color-surface-panel);
    --ds-color-text: var(--ds-color-text-primary);
    --ds-color-text-subtle: var(--ds-color-text-secondary);
    --ds-text-muted: var(--ds-color-text-muted);
    --ds-border-color: var(--ds-color-border);
    --ds-color-action: var(--ds-color-action-primary);
    --ds-color-action-strong: var(--ds-color-action-hover);
    --ds-color-info: var(--ds-color-status-info);
    --ds-color-success: var(--ds-color-status-success);
    --ds-color-success-text: var(--ds-color-status-success);
    --ds-color-warning: var(--ds-color-status-warning);
    --ds-color-warning-text: var(--ds-color-status-warning);
    --ds-color-danger: var(--ds-color-status-danger);
    --ds-color-danger-text: var(--ds-color-status-danger);
    --ds-color-accent: var(--ds-color-gold-600);
    --ds-color-focus: var(--ds-color-control-focus);
    --ds-color-focus-ring: rgb(59 130 246 / 0.22);
    --ds-component-shell-background: var(--ds-color-background-app);
    --ds-component-header-background: var(--ds-color-navigation-background);
    --ds-component-sidebar-background: var(--ds-color-navigation-background);
    --ds-component-card-background: var(--ds-color-surface-panel);
    --ds-component-pill-background: var(--ds-color-surface-muted);
    --ds-component-pill-background-hover: var(--ds-color-navigation-hover);
    --ds-component-active-background: var(--ds-color-navigation-active);
    --ds-component-button-background: var(--ds-color-button-background);
    --ds-component-control-background: var(--ds-color-control-background);
    --ds-component-control-background-hover: var(--ds-color-control-hover);
    --ds-component-tree-selected-background: var(--ds-color-tree-selected-background);
    --ds-component-tree-selected-hover-background: var(--ds-color-tree-selected-hover-background);
    --ds-component-tree-selected-border: var(--ds-color-tree-selected-border);
    --ds-component-tree-group-depth-0-background: var(--ds-color-tree-group-depth-0-background);
    --ds-component-tree-group-depth-1-background: var(--ds-color-tree-group-depth-1-background);
    --ds-component-tree-group-depth-2-background: var(--ds-color-tree-group-depth-2-background);
    --ds-component-tree-group-depth-3-background: var(--ds-color-tree-group-depth-3-background);
    --ds-component-dashboard-card-background: var(--ds-color-dashboard-panel);
    --ds-component-dashboard-quick-background: var(--ds-color-dashboard-quick);
    --ds-component-dashboard-quick-background-hover: var(--ds-color-dashboard-quick-hover);
}

@media (max-width: 48rem) {
    :root {
        --ds-layout-sidebar-width: var(--ds-layout-sidebar-compact-width);
    }
}

@media (prefers-reduced-motion: reduce) {
    :root {
        --ds-motion-duration-1: 1ms;
        --ds-motion-duration-2: 1ms;
    }
}

/* Canonical cross-module component library */
.ds-toolbar,
.ds-toolbar__primary,
.ds-toolbar__secondary {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: var(--ds-space-1);
}

.ds-toolbar { justify-content: space-between; }
.ds-toolbar[aria-disabled="true"] { opacity: 0.55; pointer-events: none; }

.ds-tab-bar {
    display: flex;
    min-width: 0;
    gap: var(--ds-space-0-5);
    overflow-x: auto;
    border: var(--ds-border-width-1) solid var(--ds-color-border);
    border-radius: var(--ds-radius-4);
    background: var(--ds-color-surface);
    padding: var(--ds-space-0-5);
    scrollbar-width: thin;
}

.ds-tab-bar a,
.ds-tab-bar button {
    display: inline-flex;
    min-height: var(--ds-control-height);
    flex: 0 0 auto;
    align-items: center;
    border: var(--ds-border-width-1) solid transparent;
    border-radius: var(--ds-radius-3);
    background: transparent;
    padding-inline: var(--ds-space-1-5);
    color: var(--ds-color-text-muted);
    font: inherit;
    text-decoration: none;
    cursor: pointer;
}

.ds-tab-bar a:hover,
.ds-tab-bar button:hover { background: var(--ds-color-navigation-hover); color: var(--ds-color-text-primary); }
.ds-tab-bar a:focus-visible,
.ds-tab-bar button:focus-visible { outline: none; box-shadow: var(--ds-focus-ring); }
.ds-tab-bar .is-active { border-color: var(--ds-color-action-primary); background: var(--ds-color-navigation-active); color: var(--ds-color-text-primary); font-weight: var(--ds-font-weight-medium); }
.ds-tab-bar [aria-disabled="true"], .ds-tab-bar button:disabled { opacity: 0.5; pointer-events: none; }

.ds-search-bar { display: grid; gap: var(--ds-space-0-5); color: var(--ds-color-text-muted); font-size: var(--ds-text-label-size); }
.ds-search-bar__control { display: flex; min-height: var(--ds-control-height); align-items: center; gap: var(--ds-space-1); border: var(--ds-border-width-1) solid var(--ds-color-border); border-radius: var(--ds-radius-4); background: var(--ds-color-control-background); padding-inline: var(--ds-space-1); }
.ds-search-bar__control:focus-within { border-color: var(--ds-color-focus); box-shadow: var(--ds-focus-ring); }
.ds-search-bar input { min-width: 0; flex: 1; border: 0; outline: 0; background: transparent; color: var(--ds-color-text-primary); font: inherit; }

.ds-section-card,
.ds-status-card,
.ds-dashboard-widget-frame,
.ds-kpi-card {
    border: var(--ds-border-width-1) solid var(--ds-color-border);
    border-radius: var(--ds-radius-4);
    background: var(--ds-component-card-background);
    box-shadow: var(--ds-shadow-1);
}

.ds-section-card { padding: var(--ds-space-2); }
.ds-section-card > header,
.ds-dashboard-widget-frame > header { display: flex; align-items: start; justify-content: space-between; gap: var(--ds-space-2); }
.ds-section-card h2,
.ds-dashboard-widget-frame h2,
.ds-status-card h3 { margin: 0; font-size: var(--ds-text-heading-3-size); }
.ds-section-card p,
.ds-status-card p { margin: var(--ds-space-0-5) 0 0; color: var(--ds-color-text-muted); }
.ds-section-card__content { margin-top: var(--ds-space-2); }

.ds-status-card,
.ds-kpi-card { display: flex; min-height: 5rem; align-items: center; gap: var(--ds-space-1-5); padding: var(--ds-space-1-5); }
.ds-status-card__icon,
.ds-kpi-card__icon { display: grid; width: 2.5rem; height: 2.5rem; flex: 0 0 2.5rem; place-items: center; border-radius: var(--ds-radius-4); background: var(--ds-color-action-subtle); }
.ds-status-card strong,
.ds-kpi-card strong { display: block; margin-top: var(--ds-space-0-5); color: var(--ds-color-text); font-size: var(--ds-text-heading-2-size); }
.ds-kpi-card__title,
.ds-kpi-card small { display: block; color: var(--ds-color-text-muted); }

.ds-dashboard-widget-frame { display: grid; min-height: 0; overflow: hidden; }
.ds-dashboard-widget-frame > header { min-height: 2.75rem; align-items: center; border-bottom: var(--ds-border-width-1) solid var(--ds-color-border); padding: var(--ds-space-1) var(--ds-space-1-5); }
.ds-dashboard-widget-frame__content { min-height: 0; overflow: auto; padding: var(--ds-space-1-5); }

.ds-button { display: inline-flex; min-height: var(--ds-control-height); align-items: center; justify-content: center; gap: var(--ds-space-0-5); border: var(--ds-border-width-1) solid var(--ds-color-border); border-radius: var(--ds-radius-4); background: var(--ds-color-button-background); padding-inline: var(--ds-space-1-5); color: var(--ds-color-text-primary); font: inherit; font-weight: var(--ds-font-weight-medium); cursor: pointer; }
.ds-button:hover { border-color: var(--ds-color-border-strong); background: var(--ds-color-button-hover); }
.ds-button:focus-visible { outline: none; box-shadow: var(--ds-focus-ring); }
.ds-button:disabled { background: var(--ds-color-button-disabled); color: var(--ds-color-text-disabled); opacity: var(--ds-opacity-disabled); cursor: not-allowed; }
.ds-button--primary { border-color: var(--ds-color-action-primary); background: var(--ds-color-action-primary); color: var(--ds-color-on-action); }
.ds-button--primary:hover { border-color: var(--ds-color-action-hover); background: var(--ds-color-action-hover); }
.ds-button--destructive { border-color: var(--ds-color-danger); color: var(--ds-color-danger); }
.ds-button--icon { width: var(--ds-control-height); padding: 0; }

.ds-form-width--compact { inline-size: min(100%, var(--ds-field-width-compact)); }
.ds-form-width--short { inline-size: min(100%, var(--ds-field-width-short)); }
.ds-form-width--medium { inline-size: min(100%, var(--ds-field-width-medium)); }
.ds-form-width--wide { inline-size: min(100%, var(--ds-field-width-wide)); }
.ds-form-width--full { inline-size: 100%; }
.ds-form-section--bounded { inline-size: min(100%, var(--ds-form-section-max-width)); }
.ds-form-width--compact > :is(input, select, textarea),
.ds-form-width--short > :is(input, select, textarea),
.ds-form-width--medium > :is(input, select, textarea),
.ds-form-width--wide > :is(input, select, textarea),
.ds-form-width--full > :is(input, select, textarea) { box-sizing: border-box; inline-size: 100%; }

.ds-status-badge { display: inline-flex; min-height: 1.5rem; align-items: center; gap: var(--ds-space-0-5); border: var(--ds-border-width-1) solid currentColor; border-radius: var(--ds-radius-pill); padding-inline: var(--ds-space-1); font-size: var(--ds-text-caption-size); font-weight: var(--ds-font-weight-medium); }
.ds-tone--neutral { color: var(--ds-color-text-muted); }
.ds-tone--info { color: var(--ds-color-action); }
.ds-tone--success { color: var(--ds-color-success); }
.ds-tone--warning { color: var(--ds-color-warning); }
.ds-tone--danger { color: var(--ds-color-danger); }

.ds-overlay-backdrop { position: fixed; inset: 0; z-index: var(--ds-z-overlay); background: var(--ds-color-overlay-scrim); }
.ds-dialog { position: fixed; inset: 50% auto auto 50%; z-index: var(--ds-z-dialog); width: min(38rem, calc(100vw - 2rem)); max-height: calc(100vh - 2rem); transform: translate(-50%, -50%); overflow: auto; border: var(--ds-border-width-1) solid var(--ds-color-border); border-radius: var(--ds-radius-4); background: var(--ds-color-surface); color: var(--ds-color-text); box-shadow: var(--ds-shadow-3); padding: 0; }
.ds-dialog--wide { width: min(62rem, calc(100vw - 2rem)); }
.ds-dialog::backdrop { background: var(--ds-color-overlay-scrim); }
.ds-dialog > header,
.ds-dialog > footer { display: flex; align-items: center; justify-content: space-between; gap: var(--ds-space-1); padding: var(--ds-space-1-5); }
.ds-dialog > header { border-bottom: var(--ds-border-width-1) solid var(--ds-color-border); }
.ds-dialog > footer { border-top: var(--ds-border-width-1) solid var(--ds-color-border); justify-content: end; }
.ds-dialog__content { padding: var(--ds-space-2); }
.ds-overlay { position: fixed; inset-block: 0; z-index: var(--ds-z-dialog); width: min(24rem, 88vw); overflow: auto; background: var(--ds-color-surface); box-shadow: var(--ds-shadow-3); }
.ds-overlay--start { inset-inline-start: 0; }
.ds-overlay--end { inset-inline-end: 0; }

@media (max-width: 48rem) {
    .ds-toolbar { align-items: stretch; flex-direction: column; }
    .ds-toolbar__primary, .ds-toolbar__secondary { width: 100%; }
    .ds-tab-bar { margin-inline: calc(var(--ds-space-1) * -1); border-inline: 0; border-radius: 0; padding-inline: var(--ds-space-1); }
    .ds-form-width--compact,
    .ds-form-width--short,
    .ds-form-width--medium,
    .ds-form-width--wide { inline-size: 100%; }
}

html {
    font-family: var(--ds-font-family-sans);
    background: var(--ds-color-background-app);
    color: var(--ds-color-text-primary);
}

body {
    min-height: 100vh;
    margin: var(--ds-space-0);
    background: var(--ds-color-background-app);
    color: var(--ds-color-text-primary);
    font-size: var(--ds-text-body-size);
    line-height: var(--ds-line-height-default);
}

button,
a {
    font: inherit;
}

input,
select,
textarea {
    box-sizing: border-box;
    min-height: var(--ds-control-height-sm);
    border: var(--ds-border-width-1) solid var(--ds-color-border);
    border-radius: var(--ds-radius-1);
    background: var(--ds-color-control-background);
    color: var(--ds-color-text-primary);
    padding: var(--ds-space-0-25) var(--ds-space-0-75);
    line-height: var(--ds-line-height-default);
}

input:hover,
select:hover,
textarea:hover {
    background: var(--ds-color-control-hover);
}

input:focus-visible,
select:focus-visible,
textarea:focus-visible {
    border-color: var(--ds-color-control-focus);
    outline: var(--ds-focus-ring);
    outline-offset: var(--ds-focus-offset);
}

input::placeholder,
textarea::placeholder {
    color: var(--ds-color-text-muted);
}

input:disabled,
select:disabled,
textarea:disabled {
    cursor: not-allowed;
    background: var(--ds-color-control-disabled);
    color: var(--ds-color-text-disabled);
    opacity: var(--ds-opacity-disabled);
}

input[type="checkbox"],
input[type="radio"] {
    min-height: auto;
    accent-color: var(--ds-color-action);
}

button,
a[role="button"] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: var(--ds-control-height-sm);
    border: var(--ds-border-width-1) solid var(--ds-color-border);
    border-radius: var(--ds-radius-1);
    background: var(--ds-color-button-background);
    color: var(--ds-color-text-primary);
    padding: 0 var(--ds-space-1);
    line-height: var(--ds-line-height-default);
    text-decoration: none;
}

button:not(:disabled),
a[role="button"] {
    cursor: pointer;
}

button:not(:disabled):hover,
a[role="button"]:hover,
button:not(:disabled):focus-visible,
a[role="button"]:focus-visible {
    border-color: var(--ds-color-action);
}

button:disabled {
    background: var(--ds-color-button-disabled);
    color: var(--ds-color-text-disabled);
    cursor: not-allowed;
    opacity: var(--ds-opacity-disabled);
}

a {
    color: inherit;
}

.ds-auth {
    display: grid;
    align-items: center;
    min-height: min(40rem, 100%);
    max-width: var(--ds-layout-content-readable);
}

.ds-auth__panel {
    display: grid;
    gap: var(--ds-space-1);
    border: var(--ds-border-width-1) solid var(--ds-color-border);
    border-radius: var(--ds-radius-2);
    background: var(--ds-component-card-background);
    box-shadow: var(--ds-shadow-2);
    padding: var(--ds-space-3);
}

.ds-auth__eyebrow,
.ds-auth h1,
.ds-auth p {
    margin: var(--ds-space-0);
}

.ds-auth__eyebrow {
    color: var(--ds-color-text-muted);
    font-size: var(--ds-text-caption-size);
    font-weight: var(--ds-font-weight-strong);
    text-transform: uppercase;
}

.ds-auth__form,
.ds-auth__field,
.ds-auth__group {
    display: grid;
    gap: var(--ds-space-0-75);
}

.ds-auth__form--registration {
    gap: var(--ds-space-1);
    max-width: min(52rem, 100%);
}

.ds-auth__group {
    border: var(--ds-border-width-1) solid var(--ds-color-border);
    border-radius: var(--ds-radius-1);
    margin: var(--ds-space-0);
    padding: var(--ds-space-1);
}

.ds-auth__group legend {
    color: var(--ds-color-text);
    font-weight: var(--ds-font-weight-strong);
    padding-inline: var(--ds-space-0-5);
}

.ds-auth__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(12rem, 1fr));
    gap: var(--ds-space-1);
}

.ds-auth__field span,
.ds-auth__check {
    color: var(--ds-color-text-muted);
    font-size: var(--ds-text-label-size);
    font-weight: var(--ds-font-weight-medium);
}

.ds-auth__field input {
    width: 100%;
}

.ds-auth__check,
.ds-auth__actions {
    display: flex;
    align-items: center;
    gap: var(--ds-space-0-75);
}

.ds-auth__actions {
    flex-wrap: wrap;
}

.ds-auth__submit {
    border-color: var(--ds-color-action);
    background: var(--ds-component-active-background);
    color: var(--ds-color-action-strong);
    font-weight: var(--ds-font-weight-strong);
}

.ds-auth__link-button {
    display: inline-flex;
    align-items: center;
    min-height: var(--ds-control-height-sm);
    border: var(--ds-border-width-1) solid var(--ds-color-border);
    border-radius: var(--ds-radius-1);
    background: var(--ds-component-button-background);
    color: var(--ds-color-text);
    padding: 0 var(--ds-space-1);
    text-decoration: none;
}

.ds-auth__link-button:hover,
.ds-auth__link-button:focus-visible {
    border-color: var(--ds-color-action);
}

.ds-auth__message {
    border: var(--ds-border-width-1) solid var(--ds-color-border);
    border-radius: var(--ds-radius-1);
    background: var(--ds-component-pill-background);
    color: var(--ds-color-warning);
    padding: var(--ds-space-1);
}

@media (max-width: 48rem) {
    .ds-auth__grid {
        grid-template-columns: 1fr;
    }
}

:focus-visible {
    outline: none;
    box-shadow: var(--ds-focus-ring);
}

.ds-skip-link {
    position: fixed;
    inset-block-start: var(--ds-space-1);
    inset-inline-start: var(--ds-space-1);
    z-index: var(--ds-z-critical);
    transform: translateY(-150%);
    border-radius: var(--ds-radius-4);
    background: var(--ds-color-action);
    color: var(--ds-color-white);
    padding: var(--ds-space-1) var(--ds-space-1-5);
    text-decoration: none;
    transition: transform var(--ds-motion-duration-1) var(--ds-motion-ease-standard);
}

.ds-skip-link:focus {
    transform: translateY(0);
}

.ds-setup-shell {
    min-height: 100vh;
    background: var(--ds-color-background);
    color: var(--ds-color-text);
}

.ds-feature-page {
    display: grid;
    gap: var(--ds-space-2);
    max-width: var(--ds-layout-content-max);
    width: 100%;
}

.ds-feature-page__header,
.ds-feature-page__section-heading {
    display: grid;
    gap: var(--ds-space-1);
}

.ds-feature-page__header {
    border-bottom: var(--ds-border-width-1) solid var(--ds-color-border);
    padding-block-end: var(--ds-space-2);
}

.ds-feature-page__header p,
.ds-feature-page__section-heading p,
.ds-feature-page__boundary p,
.ds-feature-page__state-panel p {
    max-width: var(--ds-layout-content-readable);
    color: var(--ds-color-text-muted);
}

.ds-feature-page__eyebrow,
.ds-feature-page__state {
    color: var(--ds-color-text-muted);
}

.ds-feature-page__explanation,
.ds-feature-page__section,
.ds-feature-page__boundary,
.ds-feature-page__state-panel {
    display: grid;
    gap: var(--ds-space-2);
}

.ds-feature-page__facts {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(var(--ds-layout-card-min), 1fr));
    gap: var(--ds-space-2);
}

.ds-feature-page__grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(var(--ds-layout-tile-size), 1fr));
    gap: var(--ds-space-2);
}

.ds-feature-page__tiles {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(var(--ds-layout-tile-size), var(--ds-layout-card-min)));
    gap: var(--ds-space-2);
}

.ds-feature-page__tile {
    display: grid;
    gap: var(--ds-space-0-5);
    border: var(--ds-border-width-1) solid var(--ds-color-border);
    border-radius: var(--ds-radius-2);
    background: var(--ds-component-pill-background);
    color: var(--ds-color-text);
    padding: var(--ds-space-1);
    text-decoration: none;
    min-block-size: 4.75rem;
    align-content: center;
}

.ds-feature-page__tile:hover,
.ds-feature-page__tile:focus-visible {
    border-color: var(--ds-color-action);
}

.ds-wizard {
    min-height: 100vh;
    display: grid;
    place-items: center;
    padding: var(--ds-space-4);
    background:
        radial-gradient(circle at top left, var(--ds-color-surface-muted), transparent 32rem),
        var(--ds-color-background);
    color: var(--ds-color-text);
}

.ds-wizard__window,
.ds-wizard__state {
    width: min(100%, 58rem);
    border: var(--ds-border-width-1) solid var(--ds-color-border);
    border-radius: var(--ds-radius-4);
    background: var(--ds-color-surface);
    box-shadow: var(--ds-shadow-2);
}

.ds-wizard__window {
    display: grid;
    grid-template-columns: 14rem minmax(0, 1fr);
    grid-template-rows: auto auto;
    overflow: hidden;
}

.ds-wizard__window--entry,
.ds-wizard__window--completion {
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: auto auto;
    max-width: var(--ds-layout-content-readable);
}

.ds-wizard__window--completion {
    grid-template-columns: 14rem minmax(0, 1fr);
}

.ds-wizard__state {
    display: grid;
    gap: var(--ds-space-2);
    padding: var(--ds-space-4);
}

.ds-wizard__timeline {
    grid-row: 1;
    padding: var(--ds-space-1);
    border-right: var(--ds-border-width-1) solid var(--ds-color-border);
    background: var(--ds-color-surface-muted);
}

.ds-wizard__steps {
    display: grid;
    gap: var(--ds-space-0-25);
    margin: 0;
    padding: 0;
    list-style: none;
}

.ds-wizard__step button {
    width: 100%;
    min-height: 2.25rem;
    display: grid;
    grid-template-columns: 1.5rem minmax(0, 1fr);
    grid-template-areas:
        "index label"
        "index state";
    column-gap: var(--ds-space-0-75);
    align-items: center;
    border: var(--ds-border-width-1) solid transparent;
    border-radius: var(--ds-radius-4);
    background: transparent;
    color: var(--ds-color-text-muted);
    padding: var(--ds-space-0-5);
    text-align: left;
}

.ds-wizard__step button:focus-visible,
.ds-wizard__button:focus-visible,
.ds-wizard__field input:focus-visible,
.ds-wizard__field select:focus-visible {
    outline: var(--ds-border-width-1) solid var(--ds-color-focus);
    outline-offset: var(--ds-space-0-5);
}

.ds-wizard__step--completed button {
    color: var(--ds-color-text);
}

.ds-wizard__step--active button {
    border-color: transparent;
    background: var(--ds-component-active-background);
    color: var(--ds-color-text);
}

.ds-wizard__step--upcoming button {
    cursor: not-allowed;
    color: var(--ds-color-text-muted);
}

.ds-wizard__step-index {
    grid-area: index;
    display: grid;
    place-items: center;
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 50%;
    background: var(--ds-component-pill-background);
    color: var(--ds-color-text);
    font-size: var(--ds-text-caption-size);
    font-weight: var(--ds-font-weight-medium);
}

.ds-wizard__step-label {
    grid-area: label;
    overflow: hidden;
    overflow-wrap: anywhere;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: var(--ds-line-height-tight);
    font-weight: var(--ds-font-weight-medium);
}

.ds-wizard__step-state {
    grid-area: state;
    color: var(--ds-color-text-muted);
    font-size: var(--ds-text-caption-size);
    line-height: var(--ds-line-height-tight);
}

.ds-wizard__page {
    display: grid;
    align-content: start;
    gap: var(--ds-space-2);
    min-width: 0;
    padding: var(--ds-space-4);
}

.ds-wizard__page h1,
.ds-wizard__page h2 {
    margin: 0;
}

.ds-wizard__page p {
    max-width: var(--ds-layout-content-readable);
    margin: 0;
    color: var(--ds-color-text-muted);
}

.ds-wizard__eyebrow {
    color: var(--ds-color-accent);
    font-size: var(--ds-text-body-small-size);
    font-weight: var(--ds-font-weight-medium);
    text-transform: uppercase;
}

.ds-wizard__form {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: var(--ds-space-1-5);
    max-inline-size: var(--ds-layout-content-readable);
}

.ds-wizard__language {
    display: grid;
    gap: var(--ds-space-1);
    margin-top: var(--ds-space-2);
}

.ds-wizard__language h2 {
    margin: 0;
    color: var(--ds-color-text-muted);
    font-size: var(--ds-text-label-size);
    font-weight: var(--ds-font-weight-semibold);
    text-transform: uppercase;
}

.ds-wizard__language-options {
    display: flex;
    flex-wrap: wrap;
    gap: var(--ds-space-0-75);
}

.ds-wizard__language-button {
    min-height: 2rem;
    border: var(--ds-border-width-1) solid var(--ds-color-border);
    border-radius: var(--ds-radius-4);
    background: var(--ds-color-surface-muted);
    color: var(--ds-color-text-muted);
    padding: var(--ds-space-0-5) var(--ds-space-1-25);
    font: inherit;
    font-weight: var(--ds-font-weight-semibold);
    cursor: pointer;
}

.ds-wizard__language-button--selected {
    border-color: var(--ds-color-accent);
    background: var(--ds-component-active-background);
    color: var(--ds-color-text);
}

.ds-wizard__field {
    display: grid;
    gap: var(--ds-space-0-5);
    color: var(--ds-color-text-muted);
    font-size: var(--ds-text-body-small-size);
}

.ds-wizard__field-label {
    display: flex;
    align-items: baseline;
    gap: var(--ds-space-0-5);
    min-width: 0;
}

.ds-wizard__field-requirement {
    color: var(--ds-color-text-subtle);
    font-size: var(--ds-text-caption-size);
    font-weight: var(--ds-font-weight-medium);
}

.ds-wizard__field input,
.ds-wizard__field select,
.ds-wizard__logo-panel input {
    box-sizing: border-box;
    min-height: 2.25rem;
    width: 100%;
    border: var(--ds-border-width-1) solid var(--ds-color-border);
    border-radius: var(--ds-radius-4);
    background: var(--ds-color-surface-muted);
    color: var(--ds-color-text);
    padding: var(--ds-space-0-75) var(--ds-space-1);
}

.ds-wizard__field-error {
    color: var(--ds-color-danger);
    font-size: var(--ds-text-body-small-size);
    min-height: 1.2em;
    line-height: 1.2;
}

.ds-wizard__field-error--empty {
    color: transparent;
}

.ds-wizard__password-policy {
    flex: 1 0 100%;
    max-inline-size: var(--ds-field-width-wide);
    border: var(--ds-border-width-1) solid var(--ds-color-border);
    border-radius: var(--ds-radius-4);
    background: var(--ds-color-surface-muted);
    padding: var(--ds-space-1-5);
}

.ds-wizard__password-policy h2 {
    margin: 0 0 var(--ds-space-0-75);
    font-size: var(--ds-text-label-size);
}

.ds-wizard__password-policy ul {
    display: grid;
    gap: var(--ds-space-0-5);
    margin: 0;
    padding: 0;
    list-style: none;
    color: var(--ds-color-text-muted);
    font-size: var(--ds-text-body-small-size);
}

.ds-wizard__password-policy li {
    display: flex;
    gap: var(--ds-space-0-75);
}

.ds-wizard__password-policy li.is-satisfied {
    color: var(--ds-color-success);
}

.ds-wizard__logo-panel {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 10rem;
    gap: var(--ds-space-2);
    align-items: center;
    border: var(--ds-border-width-1) solid var(--ds-color-border);
    border-radius: var(--ds-radius-4);
    background: var(--ds-color-surface-muted);
    padding: var(--ds-space-2);
}

.ds-wizard__logo-panel h2 {
    font-size: var(--ds-text-body-size);
}

.ds-wizard__logo-preview {
    display: grid;
    place-items: center;
    width: 10rem;
    height: 5rem;
    margin: 0;
    border: var(--ds-border-width-1) solid var(--ds-color-border);
    border-radius: var(--ds-radius-4);
    background: var(--ds-color-surface);
}

.ds-wizard__logo-preview img {
    max-width: 8rem;
    max-height: 3.5rem;
    object-fit: contain;
}

.ds-wizard__summary {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--ds-space-1);
}

.ds-wizard__summary div {
    display: grid;
    gap: var(--ds-space-0-5);
    border: var(--ds-border-width-1) solid var(--ds-color-border);
    border-radius: var(--ds-radius-4);
    padding: var(--ds-space-1);
}

.ds-wizard__summary dt {
    color: var(--ds-color-text-muted);
    font-size: var(--ds-text-body-small-size);
}

.ds-wizard__summary dd {
    margin: 0;
    overflow-wrap: anywhere;
    color: var(--ds-color-text);
}

.ds-wizard__validation,
.ds-wizard__result {
    display: grid;
    gap: var(--ds-space-1);
    border: var(--ds-border-width-1) solid var(--ds-color-warning);
    border-radius: var(--ds-radius-4);
    background: var(--ds-color-surface-muted);
    color: var(--ds-color-text);
    padding: var(--ds-space-2);
}

.ds-wizard__validation ul {
    display: grid;
    gap: var(--ds-space-0-5);
    margin: 0;
    padding-left: var(--ds-space-2);
}

.ds-wizard__navigation {
    grid-column: 2;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: var(--ds-space-1);
    border-top: var(--ds-border-width-1) solid var(--ds-color-border);
    padding: var(--ds-space-2) var(--ds-space-4);
    background: var(--ds-color-surface);
}

.ds-wizard__window--entry .ds-wizard__navigation {
    grid-column: 1;
}

.ds-wizard__button {
    align-self: center;
    inline-size: auto;
    block-size: 2rem;
    min-height: 2rem;
    border: var(--ds-border-width-1) solid var(--ds-color-border);
    border-radius: var(--ds-radius-4);
    padding: var(--ds-space-0-5) var(--ds-space-2);
    font-weight: var(--ds-font-weight-medium);
}

.ds-wizard__button--primary {
    border-color: var(--ds-color-border);
    background: var(--ds-component-active-background);
    color: var(--ds-color-text);
}

.ds-wizard__button--secondary {
    background: var(--ds-component-pill-background);
    color: var(--ds-color-text);
}

.ds-wizard__button--destructive {
    border-color: var(--ds-color-danger);
    background: var(--ds-color-surface-muted);
    color: var(--ds-color-text);
}

.ds-wizard__button:disabled {
    cursor: not-allowed;
    color: var(--ds-color-text-muted);
}

@media (max-width: 48rem) {
    .ds-wizard {
        align-items: start;
        padding: var(--ds-space-2);
    }

    .ds-wizard__window,
    .ds-wizard__window--completion {
        grid-template-columns: 1fr;
        grid-template-rows: auto auto auto;
    }

    .ds-wizard__timeline,
    .ds-wizard__navigation {
        grid-column: 1;
        grid-row: auto;
    }

    .ds-wizard__timeline {
        border-right: 0;
        border-bottom: var(--ds-border-width-1) solid var(--ds-color-border);
    }

    .ds-wizard__form,
    .ds-wizard__summary,
    .ds-wizard__logo-panel {
        grid-template-columns: 1fr;
    }

    .ds-wizard__logo-preview {
        width: 100%;
    }
}

.ds-feature-page__tile span,
.ds-feature-page__tile em,
.ds-feature-page__facts dd,
.ds-feature-page__grid dd {
    color: var(--ds-color-text-muted);
    font-size: var(--ds-text-body-small-size);
}

.ds-feature-page__tile em {
    font-style: normal;
    margin-block-start: var(--ds-space-1);
}

.ds-feature-page__tile-code {
    font-size: var(--ds-text-caption-size);
    text-transform: uppercase;
}

.ds-module-entry {
    display: grid;
    gap: var(--ds-space-2);
}

.ds-module-entry__header {
    display: grid;
    gap: var(--ds-space-1);
    border: var(--ds-border-width-1) solid var(--ds-color-border);
    border-radius: var(--ds-radius-2);
    background: var(--ds-color-surface-raised);
    padding: var(--ds-space-2);
}

.ds-module-entry__eyebrow {
    color: var(--ds-color-text-muted);
    font-size: var(--ds-text-caption-size);
    text-transform: uppercase;
}

.ds-module-entry__header p:not(.ds-module-entry__eyebrow) {
    max-width: var(--ds-layout-content-readable);
    color: var(--ds-color-text-muted);
}

.ds-module-entry__tiles {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(8rem, 1fr));
    gap: var(--ds-space-1);
}

.ds-module-entry__tile {
    display: grid;
    gap: var(--ds-space-0-5);
    align-content: center;
    min-block-size: 4.75rem;
    border: var(--ds-border-width-1) solid var(--ds-color-border);
    border-radius: var(--ds-radius-2);
    background: var(--ds-component-pill-background);
    color: var(--ds-color-text);
    padding: var(--ds-space-1);
    text-decoration: none;
}

.ds-module-entry__tile:hover,
.ds-module-entry__tile:focus-visible {
    border-color: var(--ds-color-action);
    outline: var(--ds-focus-ring);
    outline-offset: var(--ds-focus-offset);
}

.ds-module-entry__tile-code {
    color: var(--ds-color-text-muted);
    font-size: var(--ds-text-caption-size);
    text-transform: none;
}

.ds-module-entry__tile-name {
    font-weight: var(--ds-font-weight-strong);
}

.ds-feature-page__grid > div,
.ds-feature-page__facts > div,
.ds-feature-page__boundary,
.ds-feature-page__state-panel,
.ds-feature-page__list > li,
.ds-feature-page__form {
    border: var(--ds-border-width-1) solid var(--ds-color-border);
    border-radius: var(--ds-radius-4);
    background: var(--ds-color-surface-raised);
    padding: var(--ds-space-2);
}

.ds-feature-page__facts dt,
.ds-feature-page__grid dt {
    color: var(--ds-color-text-muted);
    font-size: var(--ds-text-label-size);
}

.ds-feature-page__facts dd,
.ds-feature-page__grid dd {
    margin: var(--ds-space-0);
}

.ds-feature-page__grid dd {
    color: var(--ds-color-text);
    font-size: var(--ds-text-heading-2-size);
}

.ds-feature-page__list {
    display: grid;
    gap: var(--ds-space-2);
    list-style: none;
    padding: 0;
}

.ds-feature-page__list > li {
    display: flex;
    gap: var(--ds-space-3);
    align-items: center;
}

.ds-feature-page__form {
    display: flex;
    flex-wrap: wrap;
    gap: var(--ds-space-3);
    align-items: end;
}

.ds-feature-page__form label {
    display: grid;
    gap: var(--ds-space-1);
    color: var(--ds-color-text-muted);
}

.ds-feature-page {
    display: grid;
    gap: var(--ds-space-2);
    max-width: var(--ds-layout-content-max);
    width: 100%;
}

.ds-feature-page__section,
.ds-feature-page__state {
    border: var(--ds-border-width-1) solid var(--ds-color-border);
    border-radius: var(--ds-radius-2);
    background: var(--ds-color-surface-raised);
    padding: var(--ds-space-2);
}

.ds-feature-page__header {
    border-bottom: var(--ds-border-width-1) solid var(--ds-color-border);
    padding-block-end: var(--ds-space-2);
}

.ds-feature-page__header,
.ds-feature-page__section,
.ds-feature-page__section-heading {
    display: grid;
    gap: var(--ds-space-1);
}

.ds-feature-page__section {
    gap: var(--ds-space-2);
    min-width: 0;
    overflow-x: auto;
}

.ds-feature-page__section-heading {
    gap: var(--ds-space-0-5);
}

.ds-feature-page__eyebrow,
.ds-feature-page h1,
.ds-feature-page h2,
.ds-feature-page p {
    margin: var(--ds-space-0);
}

.ds-feature-page__eyebrow,
.ds-feature-page__quick-code {
    color: var(--ds-color-text-muted);
    font-size: var(--ds-text-caption-size);
    text-transform: uppercase;
}

.ds-feature-page h1 {
    font-size: var(--ds-text-heading-1-size);
    line-height: var(--ds-line-height-tight);
}

.ds-feature-page h2 {
    font-size: var(--ds-text-heading-2-size);
    line-height: var(--ds-line-height-tight);
}

.ds-feature-page__quick-nav,
.ds-feature-page__list,
.ds-feature-page__stats {
    display: grid;
    gap: var(--ds-space-1);
}

.ds-feature-page__quick-nav {
    grid-template-columns: repeat(auto-fit, minmax(8rem, 1fr));
}

.ds-feature-page__quick-link,
.ds-feature-page__item,
.ds-feature-page__stat,
.ds-feature-page__context,
.ds-feature-page__optional-details {
    border: var(--ds-border-width-1) solid var(--ds-color-border);
    border-radius: var(--ds-radius-2);
    background: var(--ds-component-pill-background);
}

.ds-feature-page__quick-link {
    display: grid;
    gap: var(--ds-space-0-5);
    align-content: center;
    min-height: 4.75rem;
    color: var(--ds-color-text);
    padding: var(--ds-space-1);
    text-decoration: none;
}

.ds-feature-page__quick-link:hover,
.ds-feature-page__quick-link:focus-visible {
    border-color: var(--ds-color-action);
    outline: var(--ds-focus-ring);
    outline-offset: var(--ds-focus-offset);
}

.ds-feature-page__quick-name {
    font-weight: var(--ds-font-weight-strong);
}

.ds-feature-page__button {
    width: fit-content;
}

.ds-feature-page__form {
    display: grid;
    grid-template-columns: minmax(16rem, 28rem) auto;
    gap: var(--ds-space-1);
    align-items: end;
}

.ds-feature-page__form--grid {
    grid-template-columns: repeat(3, minmax(12rem, 1fr));
}

.ds-feature-page__form label {
    display: grid;
    gap: var(--ds-space-0-5);
    color: var(--ds-color-text-muted);
    font-size: var(--ds-text-label-size);
}

.ds-feature-page__form textarea {
    min-height: calc(var(--ds-control-height) + var(--ds-space-2));
    resize: vertical;
}

.ds-feature-page__form-wide {
    grid-column: span 2;
}

.ds-feature-page__actions {
    display: flex;
    flex-wrap: wrap;
    gap: var(--ds-space-1);
    align-items: center;
}

.ds-feature-page__optional-details {
    display: grid;
    gap: var(--ds-space-0-75);
    padding: var(--ds-space-0-75) var(--ds-space-1);
}

.ds-feature-page__optional-details summary {
    color: var(--ds-color-text-muted);
    cursor: pointer;
    font-size: var(--ds-text-label-size);
    font-weight: var(--ds-font-weight-strong);
}

.ds-feature-page__optional-details textarea {
    margin-top: var(--ds-space-0-75);
    width: 100%;
}

.ds-collapsible-panel {
    border: var(--ds-border-width-1) solid var(--ds-color-border);
    border-radius: var(--ds-radius-4);
    padding: var(--ds-space-0-75) var(--ds-space-1);
}

.ds-collapsible-panel > summary {
    cursor: pointer;
    font-weight: var(--ds-font-weight-semibold);
}

.ds-feature-page__validation,
.ds-feature-page__message {
    grid-column: 1 / -1;
    color: var(--ds-color-warning);
    font-size: var(--ds-text-label-size);
}

.ds-feature-page__item {
    display: grid;
    grid-template-columns: minmax(10rem, 1fr) auto auto;
    gap: var(--ds-space-1);
    align-items: center;
    padding: var(--ds-space-1);
}

.ds-feature-page__muted,
.ds-feature-page__item small,
.ds-feature-page__context {
    color: var(--ds-color-text-muted);
}

.ds-feature-page__context {
    width: fit-content;
    padding: var(--ds-space-0-5) var(--ds-space-1);
    font-size: var(--ds-text-label-size);
}

.ds-feature-page__context strong {
    color: var(--ds-color-text);
}

.ds-feature-page__table-wrap {
    overflow-x: auto;
}

.ds-feature-page__table,
.ds-table {
    width: 100%;
    border-collapse: collapse;
    background: var(--ds-color-table-background);
    color: var(--ds-color-text-primary);
}

.ds-feature-page__table th,
.ds-feature-page__table td,
.ds-table th,
.ds-table td {
    border-bottom: var(--ds-border-width-1) solid var(--ds-color-divider);
    padding: var(--ds-space-0-75) var(--ds-space-1);
    text-align: left;
    vertical-align: top;
}

.ds-feature-page__table th,
.ds-table th {
    background: var(--ds-color-table-header);
    color: var(--ds-color-text-secondary);
    font-size: var(--ds-text-caption-size);
    font-weight: var(--ds-font-weight-strong);
    text-transform: uppercase;
}

.ds-feature-page__table tbody tr:hover td,
.ds-table tbody tr:hover td {
    background: var(--ds-color-table-hover);
}

.ds-feature-page__table tbody tr.is-selected td,
.ds-table tbody tr.is-selected td,
.ds-feature-page__table tbody tr[aria-selected="true"] td,
.ds-table tbody tr[aria-selected="true"] td {
    background: var(--ds-color-table-selected);
    box-shadow: inset var(--ds-border-width-2) 0 0 var(--ds-color-action-primary);
}

.ds-feature-page__table tbody tr:last-child td,
.ds-table tbody tr:last-child td {
    border-bottom: 0;
}

.ds-table--master-selectable tbody tr {
    cursor: pointer;
}

.ds-table--master-selectable tbody tr.is-selected td,
.ds-table--master-selectable tbody tr[aria-selected="true"] td {
    background: var(--ds-color-tree-selected-background);
    box-shadow: none;
}

.ds-table--master-selectable tbody tr.is-selected:hover td,
.ds-table--master-selectable tbody tr[aria-selected="true"]:hover td {
    background: var(--ds-color-tree-selected-hover-background);
}

.ds-table--master-selectable tbody tr.is-selected td:first-child,
.ds-table--master-selectable tbody tr[aria-selected="true"] td:first-child {
    box-shadow: inset var(--ds-border-width-2) 0 0 var(--ds-color-action-primary);
}

.ds-table--master-selectable tbody tr:focus-visible {
    outline: var(--ds-border-width-2) solid var(--ds-color-focus);
    outline-offset: calc(-1 * var(--ds-border-width-2));
}

.ds-feature-page__stats,
.ds-feature-page__status-grid {
    grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr));
}

.ds-feature-page__stat {
    padding: var(--ds-space-1);
}

@media (max-width: 64rem) {
    .ds-feature-page__form--grid {
        grid-template-columns: 1fr 1fr;
    }

    .ds-feature-page__form-wide {
        grid-column: span 2;
    }
}

@media (max-width: 48rem) {
    .ds-feature-page__form,
    .ds-feature-page__form--grid,
    .ds-feature-page__item {
        grid-template-columns: 1fr;
    }

    .ds-feature-page__form-wide {
        grid-column: span 1;
    }
}
.ds-selection-list__item {
    padding: var(--ds-space-0-75);
    border: var(--ds-border-width-1) solid var(--ds-color-border);
    border-radius: var(--ds-radius-4);
    background: var(--ds-color-surface-panel);
    color: var(--ds-color-text);
    font: inherit;
    cursor: pointer;
}

.ds-selection-list__item:hover {
    background: var(--ds-color-surface-raised);
}

.ds-selection-list__item.is-selected {
    border-inline-start-color: var(--ds-color-action);
    background: var(--ds-color-tree-selected-background);
}

.ds-selection-list__item:focus-visible {
    outline: var(--ds-border-width-2) solid var(--ds-color-focus);
    outline-offset: var(--ds-space-0-25);
}

.ds-compact-record {
    padding: var(--ds-space-0-75);
    border: var(--ds-border-width-1) solid var(--ds-color-border);
    border-radius: var(--ds-radius-4);
    background: var(--ds-color-surface-muted);
}

.ds-secondary-text {
    color: var(--ds-color-text-muted);
}

.ds-section-divider {
    border-block-start: var(--ds-border-width-1) solid var(--ds-color-border);
}