/*
   WIZARDING — PLATFORM AND LEGACY COMPATIBILITY
   Existing consumers only; new UI uses the clean kit.
   Source: ag-access-design-spec/tokens/design-tokens.json
*/

/* Legacy variables stay at the document root for unmigrated consumers only.
   Clean boundaries use exclusively the independent generated --ag-token-* set. */
:root {
    color-scheme: light;
    --ag-bg: var(--wz-stone);
    --ag-bg-elevated: var(--wz-stone-raised);
    --ag-ink: var(--wz-stone-ink);
    --ag-ink-secondary: var(--wz-stone-ink-2);
    --ag-ink-tertiary: var(--wz-stone-ink-3);
    --ag-ink-quaternary: var(--wz-stone-ink-4);
    --ag-ink-inverse: var(--wz-on-gold);
    --ag-accent: var(--wz-gold);
    --ag-accent-pressed: var(--wz-gold-pressed);
    --ag-accent-disabled: var(--wz-stone-glass-2);
    --ag-error: var(--wz-scarlet-dark);
    --ag-glass-subtle: var(--wz-stone-glass);
    --ag-glass-regular: var(--wz-stone-glass-2);
    --ag-glass-prominent: var(--wz-stone-glass-3);
    --ag-surface-subtle: var(--wz-stone-raised);
    --ag-surface-regular: var(--wz-stone-raised);
    --ag-surface-prominent: var(--wz-stone-raised);
    --ag-hairline: var(--wz-stone-hair);
    --ag-border-strong: var(--wz-stone-hair-strong);
    --ag-scrim: var(--ag-token-color-scrim-modal);
    --ag-control-track: var(--wz-stone-glass-3);
    --ag-meter-track: var(--wz-stone-glass-2);
    --ag-shadow-card: var(--ag-token-elevation-card);
    --ag-shadow-floating: var(--ag-token-elevation-floating);
    --ag-shadow-modal: var(--wz-paper-shadow);
    --ag-photo-ink: var(--wz-stone-ink);
    --ag-photo-panel: rgba(14, 14, 18, .44);
    --ag-pass: #FFFFFF;
    --ag-pass-ink: #0A0A0C;
    --ag-pass-muted: #6E6E73;
    --ag-radius-xs: 6px;
    --ag-radius-sm: 10px;
    --ag-radius-md: 14px;
    --ag-radius-lg: 20px;
    --ag-radius-xl: 24px;
    --ag-radius-sheet: 28px;
    --ag-radius-pill: 999px;
    --ag-space-1: 4px;
    --ag-space-2: 8px;
    --ag-space-3: 12px;
    --ag-space-4: 16px;
    --ag-space-5: 20px;
    --ag-space-6: 24px;
    --ag-space-7: 28px;
    --ag-space-8: 32px;
    --ag-font: "Inter", "SF Pro Text", system-ui, -apple-system, sans-serif;
    --ag-display-font: var(--wz-font-display);
    --ag-duration-micro: 120ms;
    --ag-duration-standard: 200ms;
    --ag-duration-emphasized: 320ms;
    --ag-ease: cubic-bezier(.2, 0, 0, 1);
    --ag-topbar-height: 72px;
    --ag-drawer-width: 288px;
}

/* Neutralize visual variables still referenced by business components. */
:root,
html[data-ag-theme] {
    --mud-palette-primary: var(--ag-accent);
    --mud-palette-primary-text: var(--ag-ink-inverse);
    --mud-palette-secondary: var(--ag-ink-secondary);
    --mud-palette-tertiary: var(--ag-ink-tertiary);
    --mud-palette-info: var(--ag-ink-secondary);
    --mud-palette-success: var(--ag-accent);
    --mud-palette-warning: var(--ag-ink-secondary);
    --mud-palette-error: var(--ag-error);
    --mud-palette-dark: var(--ag-ink);
    --mud-palette-text-primary: var(--ag-ink);
    --mud-palette-text-secondary: var(--ag-ink-secondary);
    --mud-palette-background: var(--ag-bg);
    --mud-palette-background-gray: var(--ag-surface-subtle);
    --mud-palette-surface: var(--ag-bg-elevated);
    --mud-palette-lines-default: var(--ag-hairline);
    --mud-palette-lines-inputs: var(--ag-hairline);
    --mud-palette-divider: var(--ag-hairline);
    --mud-default-borderradius: var(--ag-radius-md);
    --kiro-primary: var(--ag-accent);
    --kiro-primary-hover: var(--ag-accent-pressed);
    --kiro-secondary: var(--ag-ink-secondary);
    --kiro-success: var(--ag-accent);
    --kiro-warning: var(--ag-ink-secondary);
    --kiro-error: var(--ag-error);
    --kiro-info: var(--ag-ink-secondary);
    --kiro-dark: var(--ag-ink);
    --kiro-gray: var(--ag-ink-secondary);
    --kiro-light-gray: var(--ag-surface-subtle);
    --kiro-border: var(--ag-hairline);
    --color-primary: var(--ag-accent);
    --color-secondary: var(--ag-ink-secondary);
    --color-text-primary: var(--ag-ink);
    --color-text-secondary: var(--ag-ink-secondary);
    --color-border: var(--ag-hairline);
    --color-background: var(--ag-bg);
    --app-primary: var(--ag-accent);
    --app-primary-strong: var(--ag-accent-pressed);
    --app-primary-soft: var(--ag-glass-regular);
    --app-cyan: var(--ag-ink-secondary);
    --app-cyan-soft: var(--ag-glass-subtle);
    --app-green: var(--ag-accent);
    --app-green-soft: var(--ag-glass-subtle);
    --app-amber: var(--ag-ink-secondary);
    --app-amber-soft: var(--ag-glass-subtle);
    --app-red: var(--ag-error);
    --app-red-soft: color-mix(in srgb, var(--ag-error) 10%, transparent);
    --app-purple: var(--ag-ink-secondary);
    --app-ink: var(--ag-ink);
    --app-muted: var(--ag-ink-secondary);
    --app-line: var(--ag-hairline);
    --app-bg: var(--ag-bg);
    --app-surface: var(--ag-bg-elevated);
    --ui-primary: var(--ag-accent);
    --ui-primary-strong: var(--ag-accent-pressed);
    --ui-bg: var(--ag-bg);
    --ui-surface: var(--ag-bg-elevated);
    --ui-text: var(--ag-ink);
    --ui-muted: var(--ag-ink-secondary);
    --ui-border: var(--ag-hairline);
}

/* Compatibility selectors cannot enter a clean render tree. */
@scope (:root) to (:is([data-ag-kit], .agc-dialog, .mud-dialog-container:has(.agc-dialog), .agc-platform-popover)) {
html,
body {
    min-height: 100%;
    background: var(--ag-bg) !important;
    color: var(--ag-ink) !important;
    font-family: var(--ag-font) !important;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

body {
    margin: 0;
    background-image:
        radial-gradient(720px 440px at 88% -10%, var(--ag-glass-regular), transparent 62%),
        radial-gradient(600px 420px at 4% 100%, var(--ag-glass-subtle), transparent 64%) !important;
    background-attachment: fixed !important;
}

*,
*::before,
*::after { box-sizing: border-box; }

::selection { background: var(--ag-accent); color: var(--ag-ink-inverse); }

:focus-visible {
    outline: 2px solid var(--ag-border-strong) !important;
    outline-offset: 3px !important;
}

a { color: var(--ag-ink); text-decoration-color: var(--ag-ink-quaternary); }
a:hover { color: var(--ag-ink); text-decoration-color: var(--ag-ink); }

h1, h2, h3, h4, h5, h6,
.mud-typography-h1, .mud-typography-h2, .mud-typography-h3,
.mud-typography-h4, .mud-typography-h5, .mud-typography-h6 {
    color: var(--ag-ink) !important;
    font-family: var(--ag-display-font) !important;
    letter-spacing: -.018em !important;
}

p, label, small, .mud-typography { color: inherit; }

.ag-numeric,
.mud-table-cell[data-label*="Price"],
.mud-table-cell[data-label*="Total"],
.mud-table-cell[data-label*="Date"] {
    font-variant-numeric: tabular-nums lining-nums;
}

/* App shell */
.ag-shell { min-height: 100vh; background: transparent !important; }
.ag-auth-shell, .ag-auth-main { min-height: 100vh; background: transparent !important; }

html[data-ag-theme] body .ag-topbar.mud-appbar {
    min-height: var(--ag-topbar-height) !important;
    background: color-mix(in srgb, var(--ag-bg) 78%, transparent) !important;
    color: var(--ag-ink) !important;
    border-bottom: 1px solid var(--ag-hairline) !important;
    box-shadow: none !important;
    -webkit-backdrop-filter: blur(20px) saturate(125%) !important;
    backdrop-filter: blur(20px) saturate(125%) !important;
}

.ag-topbar .mud-toolbar {
    min-height: var(--ag-topbar-height) !important;
    padding: 0 var(--ag-space-5) !important;
    gap: var(--ag-space-3);
}

.ag-brand { display: flex; align-items: center; gap: 12px; min-width: 0; }
.ag-brand__mark {
    width: 40px; height: 40px; display: grid; place-items: center;
    border-radius: 50%; background: var(--ag-accent); color: var(--ag-ink-inverse);
    box-shadow: var(--ag-shadow-card); flex: 0 0 auto;
}
.ag-brand__copy { display: flex; flex-direction: column; min-width: 0; }
.ag-brand__eyebrow {
    color: var(--ag-ink-tertiary); font-size: 11px; font-weight: 600;
    line-height: 1.2; letter-spacing: .12em; text-transform: uppercase;
}
.ag-brand__title { color: var(--ag-ink); font-size: 17px; font-weight: 600; line-height: 1.2; }
.ag-app-actions { display: flex; align-items: center; gap: 8px; }
.ag-app-actions__identity {
    max-width: 240px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
    color: var(--ag-ink-secondary); font-size: 13px;
}
html[data-ag-theme] body .ag-app-actions .mud-button-root[aria-pressed="true"] {
    color: var(--ag-ink-inverse) !important;
    background: var(--ag-accent) !important;
}
.ag-theme-menu .mud-menu-activator { display: inline-flex; }
.mud-menu-item > .mud-list-item-text { display: flex; align-items: center; justify-content: space-between; gap: 28px; width: 100%; }

html[data-ag-theme] body .ag-drawer.mud-drawer {
    top: var(--ag-topbar-height) !important;
    height: calc(100vh - var(--ag-topbar-height)) !important;
    width: var(--ag-drawer-width) !important;
    background: color-mix(in srgb, var(--ag-bg-elevated) 72%, transparent) !important;
    color: var(--ag-ink) !important;
    border-right: 1px solid var(--ag-hairline) !important;
    box-shadow: none !important;
    -webkit-backdrop-filter: blur(20px) saturate(125%) !important;
    backdrop-filter: blur(20px) saturate(125%) !important;
}
.ag-drawer__body { height: 100%; overflow-y: auto; padding: 18px 12px 28px; }

html[data-ag-theme] body .ag-main.mud-main-content {
    min-height: 100vh !important;
    padding-top: var(--ag-topbar-height) !important;
    background: transparent !important;
}
.ag-workspace { max-width: 1760px !important; padding: 28px 32px 64px !important; }

/* Navigation */
.ag-nav { display: flex; flex-direction: column; gap: 24px; }
.ag-nav__section { display: flex; flex-direction: column; gap: 5px; }
.ag-nav__label {
    padding: 0 12px 7px; color: var(--ag-ink-tertiary); font-size: 11px;
    font-weight: 600; letter-spacing: .12em; text-transform: uppercase;
}
html[data-ag-theme] body .ag-nav .mud-nav-link {
    min-height: 46px !important;
    margin: 0 !important;
    padding: 0 13px !important;
    border: 1px solid transparent !important;
    border-radius: var(--ag-radius-pill) !important;
    color: var(--ag-ink-secondary) !important;
    background: transparent !important;
    transition: background var(--ag-duration-micro) var(--ag-ease), color var(--ag-duration-micro) var(--ag-ease), border-color var(--ag-duration-micro) var(--ag-ease) !important;
}
html[data-ag-theme] body .ag-nav .mud-nav-link:hover { background: var(--ag-glass-subtle) !important; color: var(--ag-ink) !important; border-color: var(--ag-hairline) !important; }
html[data-ag-theme] body .ag-nav .mud-nav-link.active { background: var(--ag-accent) !important; color: var(--ag-ink-inverse) !important; border-color: var(--ag-accent) !important; }
.ag-nav .mud-nav-link .mud-nav-link-icon { color: currentColor !important; margin-inline-end: 12px !important; }

/* Surfaces and cards */
html[data-ag-theme] body :where(.mud-paper, .mud-card, .mud-expansion-panel) {
    color: var(--ag-ink) !important;
}
html[data-ag-theme] body :where(.mud-card, .mud-paper):not(.mud-popover):not(.mud-dialog):not(.mud-drawer):not(.mud-appbar) {
    background-color: var(--ag-glass-subtle) !important;
    background-image: none !important;
    border-color: var(--ag-hairline) !important;
    box-shadow: none !important;
}
html[data-ag-theme] body :where([class*="card"], [class*="panel"], [class*="surface"], [class*="section"]):not(.mud-input-control):not(.login-branding):not(.poster-card) {
    border-color: var(--ag-hairline) !important;
    box-shadow: none !important;
}

/* Buttons */
html[data-ag-theme] body .mud-button-root {
    min-height: 44px;
    border-radius: var(--ag-radius-pill) !important;
    font-weight: 600 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    box-shadow: none !important;
    transition: transform var(--ag-duration-micro) var(--ag-ease), background var(--ag-duration-micro) var(--ag-ease), border-color var(--ag-duration-micro) var(--ag-ease) !important;
}
.mud-button-root:active:not(:disabled) { transform: scale(.98); }
html[data-ag-theme] body .mud-button-filled,
html[data-ag-theme] body .mud-button-filled-primary,
html[data-ag-theme] body .mud-fab-primary {
    background: var(--ag-accent) !important;
    color: var(--ag-ink-inverse) !important;
    border: 1px solid var(--ag-accent) !important;
}
html[data-ag-theme] body .mud-button-filled:hover { background: var(--ag-accent-pressed) !important; }
html[data-ag-theme] body .mud-button-outlined {
    color: var(--ag-ink) !important;
    background: var(--ag-glass-subtle) !important;
    border: 1px solid var(--ag-hairline) !important;
}
html[data-ag-theme] body .mud-button-text { color: var(--ag-ink) !important; background: transparent !important; }
html[data-ag-theme] body .mud-button-text-error,
html[data-ag-theme] body .mud-button-filled-error,
html[data-ag-theme] body .mud-icon-button-color-error { color: var(--ag-error) !important; }
html[data-ag-theme] body .mud-button-filled-error { background: transparent !important; border: 1px solid color-mix(in srgb, var(--ag-error) 36%, transparent) !important; }
.mud-button-root:disabled { background: var(--ag-accent-disabled) !important; color: var(--ag-ink-quaternary) !important; opacity: 1 !important; }

html[data-ag-theme] body .mud-icon-button {
    width: 44px; height: 44px; padding: 10px !important;
    border-radius: 50% !important; color: var(--ag-ink) !important;
    background: var(--ag-glass-regular) !important; border: 1px solid var(--ag-hairline) !important;
}
html[data-ag-theme] body .mud-icon-button:hover { background: var(--ag-glass-prominent) !important; }

/* Inputs, selects, pickers */
html[data-ag-theme] body :where(.mud-input-control, .mud-picker-input-button) { color: var(--ag-ink) !important; }
html[data-ag-theme] body :where(.mud-input-outlined, .mud-input-filled, .mud-input-root) {
    color: var(--ag-ink) !important;
    background: var(--ag-glass-subtle) !important;
    border-radius: var(--ag-radius-md) !important;
}
html[data-ag-theme] body .mud-input-outlined-border {
    border-color: var(--ag-hairline) !important;
    border-width: 1px !important;
    border-radius: var(--ag-radius-md) !important;
}
html[data-ag-theme] body .mud-input-control:focus-within .mud-input-outlined-border { border-color: var(--ag-border-strong) !important; }
html[data-ag-theme] body :where(.mud-input, .mud-input-slot, input, textarea, .mud-select-input) { color: var(--ag-ink) !important; caret-color: var(--ag-ink) !important; }
html[data-ag-theme] body :where(input, textarea)::placeholder { color: var(--ag-ink-tertiary) !important; opacity: 1 !important; }
html[data-ag-theme] body :where(.mud-input-label, .mud-input-helper-text) { color: var(--ag-ink-secondary) !important; }
html[data-ag-theme] body .mud-input-error :where(.mud-input-label, .mud-input-helper-text, .mud-icon-root) { color: var(--ag-error) !important; }
.mud-input-control > .mud-input-control-input-container { margin-top: 0 !important; }

html[data-ag-theme] body :where(.mud-checkbox, .mud-radio, .mud-switch) { color: var(--ag-ink) !important; }
html[data-ag-theme] body .mud-switch-track { background: var(--ag-control-track) !important; opacity: 1 !important; }
html[data-ag-theme] body .mud-switch-base.mud-checked + .mud-switch-track { background: var(--ag-accent) !important; }
html[data-ag-theme] body .mud-switch-base.mud-checked .mud-switch-thumb { color: var(--ag-ink-inverse) !important; }
html[data-ag-theme] body .mud-checkbox .mud-icon-root,
html[data-ag-theme] body .mud-radio .mud-icon-root { color: currentColor !important; }

/* Tables and data grids */
html[data-ag-theme] body :where(.mud-table-container, .mud-table, .mud-data-grid) {
    background: transparent !important; color: var(--ag-ink) !important; box-shadow: none !important;
}
html[data-ag-theme] body :where(.mud-table-root, .mud-data-grid) {
    border: 1px solid var(--ag-hairline) !important;
    border-radius: var(--ag-radius-lg) !important;
    overflow: hidden !important;
}
html[data-ag-theme] body :where(.mud-table-head, .mud-table-head .mud-table-row, .mud-data-grid .mud-table-head) {
    background: var(--ag-glass-regular) !important;
}
html[data-ag-theme] body :where(.mud-table-head .mud-table-cell, .mud-data-grid .mud-table-head .mud-table-cell) {
    height: 48px !important; color: var(--ag-ink-secondary) !important;
    font-size: 11px !important; font-weight: 600 !important; letter-spacing: .08em !important;
    text-transform: uppercase !important; border-bottom: 1px solid var(--ag-hairline) !important;
}
html[data-ag-theme] body .mud-table-body .mud-table-row { background: transparent !important; color: var(--ag-ink) !important; }
html[data-ag-theme] body .mud-table-body .mud-table-row:hover { background: var(--ag-glass-subtle) !important; }
html[data-ag-theme] body .mud-table-body .mud-table-cell {
    min-height: 52px; color: var(--ag-ink) !important; border-color: var(--ag-hairline) !important;
}
html[data-ag-theme] body :where(.mud-table-toolbar, .mud-table-pagination, .mud-data-grid .mud-toolbar) {
    background: transparent !important; color: var(--ag-ink-secondary) !important; border-color: var(--ag-hairline) !important;
}
.mud-table-sort-label { color: inherit !important; }

/* Tabs */
html[data-ag-theme] body .mud-tabs { background: transparent !important; color: var(--ag-ink) !important; }
html[data-ag-theme] body .mud-tabs-tabbar {
    width: fit-content; max-width: 100%; min-height: 44px !important; padding: 4px !important;
    border: 1px solid var(--ag-hairline) !important; border-radius: var(--ag-radius-pill) !important;
    background: var(--ag-glass-regular) !important; overflow-x: auto;
}
html[data-ag-theme] body .mud-tab {
    min-height: 36px !important; padding: 0 16px !important; border-radius: var(--ag-radius-pill) !important;
    color: var(--ag-ink-tertiary) !important; text-transform: none !important; font-weight: 600 !important;
}
html[data-ag-theme] body .mud-tab.mud-tab-active {
    background: var(--ag-accent) !important; color: var(--ag-ink-inverse) !important;
}
.mud-tabs-tabbar .mud-tab-slider { display: none !important; }
.mud-tabs-panels { background: transparent !important; padding-top: var(--ag-space-5); }

/* Dialogs, overlays and drawers */
html[data-ag-theme] body .mud-overlay-scrim { background: var(--ag-scrim) !important; backdrop-filter: blur(3px); }
html[data-ag-theme] body .mud-dialog {
    max-width: min(1120px, calc(100vw - 32px)) !important;
    max-height: calc(100vh - 32px) !important;
    color: var(--ag-ink) !important;
    background: color-mix(in srgb, var(--ag-bg-elevated) 82%, transparent) !important;
    border: 1px solid var(--ag-hairline) !important;
    border-radius: var(--ag-radius-sheet) !important;
    box-shadow: var(--ag-shadow-modal) !important;
    -webkit-backdrop-filter: blur(32px) saturate(130%) !important;
    backdrop-filter: blur(32px) saturate(130%) !important;
    overflow: hidden !important;
}
html[data-ag-theme] body :where(.mud-dialog-title, .mud-dialog-content, .mud-dialog-actions) {
    color: var(--ag-ink) !important; background: transparent !important; border-color: var(--ag-hairline) !important;
}
.mud-dialog-title { padding: 22px 24px 12px !important; font-size: 22px !important; font-weight: 700 !important; }
.mud-dialog-content { padding: 16px 24px 24px !important; }
.mud-dialog-actions { padding: 14px 24px 20px !important; gap: 10px; border-top: 1px solid var(--ag-hairline) !important; }

html[data-ag-theme] body .mud-drawer:not(.ag-drawer) {
    color: var(--ag-ink) !important;
    background: color-mix(in srgb, var(--ag-bg-elevated) 86%, transparent) !important;
    border-color: var(--ag-hairline) !important;
    box-shadow: var(--ag-shadow-modal) !important;
    -webkit-backdrop-filter: blur(32px) saturate(130%) !important;
    backdrop-filter: blur(32px) saturate(130%) !important;
}

/* Menus, lists, popovers */
html[data-ag-theme] body :where(.mud-popover, .mud-menu-paper, .mud-picker, .mud-autocomplete-popover) {
    color: var(--ag-ink) !important;
    background: color-mix(in srgb, var(--ag-bg-elevated) 90%, transparent) !important;
    border: 1px solid var(--ag-hairline) !important;
    border-radius: var(--ag-radius-lg) !important;
    box-shadow: var(--ag-shadow-floating) !important;
    -webkit-backdrop-filter: blur(20px) saturate(125%) !important;
    backdrop-filter: blur(20px) saturate(125%) !important;
}
html[data-ag-theme] body :where(.mud-list-item, .mud-menu-item) {
    min-height: 44px; color: var(--ag-ink) !important; border-radius: var(--ag-radius-md) !important;
}
html[data-ag-theme] body :where(.mud-list-item, .mud-menu-item):hover { background: var(--ag-glass-regular) !important; }
html[data-ag-theme] body .mud-list-item-icon { color: var(--ag-ink-secondary) !important; }

/* Alerts and notifications: monochrome except error/destructive */
html[data-ag-theme] body .mud-alert {
    color: var(--ag-ink) !important; background: var(--ag-glass-regular) !important;
    border: 1px solid var(--ag-hairline) !important; border-radius: var(--ag-radius-lg) !important;
    box-shadow: none !important;
}
html[data-ag-theme] body .mud-alert :where(.mud-alert-icon, .mud-icon-root) { color: var(--ag-ink) !important; }
html[data-ag-theme] body :where(.mud-alert-error, .mud-alert-filled-error, .mud-alert-outlined-error) {
    color: var(--ag-error) !important;
    background: color-mix(in srgb, var(--ag-error) 8%, transparent) !important;
    border-color: color-mix(in srgb, var(--ag-error) 34%, transparent) !important;
}
html[data-ag-theme] body :where(.mud-alert-error, .mud-alert-filled-error, .mud-alert-outlined-error) .mud-icon-root { color: var(--ag-error) !important; }

html[data-ag-theme] body .mud-snackbar {
    color: var(--ag-ink) !important;
    background: var(--ag-token-color-surface-fallback-prominent) !important;
    border: 1px solid var(--ag-hairline) !important; border-radius: var(--ag-radius-pill) !important;
    box-shadow: var(--ag-shadow-floating) !important; backdrop-filter: none !important;
}
html[data-ag-theme] body .mud-snackbar.mud-alert-error { color: var(--ag-error) !important; }

/* Chips, badges, status and pagination */
html[data-ag-theme] body .mud-chip {
    min-height: 34px; color: var(--ag-ink-secondary) !important; background: var(--ag-glass-subtle) !important;
    border: 1px solid var(--ag-hairline) !important; border-radius: var(--ag-radius-pill) !important;
}
html[data-ag-theme] body .mud-chip.mud-chip-selected,
html[data-ag-theme] body .mud-chip-filled-primary { color: var(--ag-ink-inverse) !important; background: var(--ag-accent) !important; border-color: var(--ag-accent) !important; }
html[data-ag-theme] body :where(.mud-badge, .mud-badge-root .mud-badge) { background: var(--ag-accent) !important; color: var(--ag-ink-inverse) !important; }
html[data-ag-theme] body .mud-pagination-item { color: var(--ag-ink-secondary) !important; border-radius: 50% !important; }
html[data-ag-theme] body .mud-pagination-item-selected { background: var(--ag-accent) !important; color: var(--ag-ink-inverse) !important; }

/* Accordions, breadcrumbs, tooltips, loaders */
html[data-ag-theme] body .mud-expand-panel {
    color: var(--ag-ink) !important; background: var(--ag-glass-subtle) !important;
    border: 1px solid var(--ag-hairline) !important; border-radius: var(--ag-radius-lg) !important;
    box-shadow: none !important; margin-bottom: 8px;
}
.mud-breadcrumbs a, .mud-breadcrumbs-separator { color: var(--ag-ink-secondary) !important; }
html[data-ag-theme] body .mud-tooltip { background: var(--ag-accent) !important; color: var(--ag-ink-inverse) !important; border-radius: var(--ag-radius-sm) !important; }
html[data-ag-theme] body :where(.mud-progress-linear, .mud-progress-linear-bars) { color: var(--ag-accent) !important; background: var(--ag-meter-track) !important; }
html[data-ag-theme] body .mud-progress-circular { color: currentColor !important; }
html[data-ag-theme] body .mud-skeleton { background: var(--ag-glass-regular) !important; }

/* Canonical page language */
html[data-ag-theme] body :where(.page-header, .modern-page-header, .mt-page-header, [class$="-header"]):not(.mud-table-head):not(.mud-dialog-title) {
    color: var(--ag-ink) !important; border-color: var(--ag-hairline) !important;
}
html[data-ag-theme] body :where(.page-title, .section-title, [class$="-title"]) { color: var(--ag-ink) !important; }
html[data-ag-theme] body :where(.page-subtitle, .section-subtitle, [class$="-subtitle"], [class$="-description"]) { color: var(--ag-ink-secondary) !important; }
html[data-ag-theme] body :where(.empty-state, [class*="empty-state"]) {
    color: var(--ag-ink-secondary) !important; background: var(--ag-glass-subtle) !important;
    border: 1px solid var(--ag-hairline) !important; border-radius: var(--ag-radius-lg) !important;
}

/* Authentication */
html[data-ag-theme] body:is(.login-page, .auth-login-page) { overflow: auto !important; background: var(--ag-bg) !important; }
html[data-ag-theme] body:is(.login-page, .auth-login-page) .login-container {
    min-height: 100vh !important; display: grid !important; grid-template-columns: minmax(320px, .9fr) minmax(440px, 1.1fr) !important;
    background: var(--ag-bg) !important; color: var(--ag-ink) !important;
}
.ag-auth-theme {
    position: fixed; top: 18px; right: 18px; z-index: 20;
    display: flex; gap: 3px; padding: 4px; border-radius: var(--ag-radius-pill);
    background: var(--ag-glass-regular); border: 1px solid var(--ag-hairline);
    box-shadow: var(--ag-shadow-floating); backdrop-filter: blur(20px);
}
.ag-auth-theme button {
    min-height: 34px; padding: 0 13px; border: 0; border-radius: var(--ag-radius-pill);
    color: var(--ag-ink-tertiary); background: transparent; font: 600 11px var(--ag-font); cursor: pointer;
}
.ag-auth-theme button[aria-pressed="true"] { color: var(--ag-ink-inverse); background: var(--ag-accent); }
html[data-ag-theme] body:is(.login-page, .auth-login-page) .login-branding {
    position: relative !important; display: flex !important; align-items: center !important; justify-content: center !important;
    padding: clamp(32px, 6vw, 88px) !important; overflow: hidden !important;
    color: var(--ag-ink) !important; background: var(--ag-bg) !important;
    border-right: 1px solid var(--ag-hairline) !important;
}
html[data-ag-theme] body:is(.login-page, .auth-login-page) .login-branding::before {
    content: ""; position: absolute; inset: 8%; border-radius: 48px;
    background: radial-gradient(420px 300px at 72% 18%, var(--ag-glass-prominent), transparent 68%), var(--ag-glass-subtle);
    border: 1px solid var(--ag-hairline); box-shadow: var(--ag-shadow-card);
}
html[data-ag-theme] body:is(.login-page, .auth-login-page) .branding-content { position: relative !important; z-index: 1 !important; width: min(100%, 520px) !important; color: var(--ag-ink) !important; }
html[data-ag-theme] body:is(.login-page, .auth-login-page) :where(.logo-text, .tagline, .feature-item, .preview-header, .preview-row) { color: var(--ag-ink) !important; }
html[data-ag-theme] body:is(.login-page, .auth-login-page) :where(.logo-eyebrow, .form-eyebrow) {
    color: var(--ag-ink-tertiary) !important; font-size: 11px !important; font-weight: 600 !important;
    letter-spacing: .14em !important; text-transform: uppercase !important;
}
html[data-ag-theme] body:is(.login-page, .auth-login-page) .logo-icon {
    width: 72px !important; height: 72px !important; padding: 18px !important; border-radius: 50% !important;
    color: var(--ag-ink-inverse) !important; background: var(--ag-accent) !important;
}
html[data-ag-theme] body:is(.login-page, .auth-login-page) .logo-text { font: 700 clamp(34px, 4vw, 54px)/1 var(--ag-display-font) !important; letter-spacing: -.035em !important; }
html[data-ag-theme] body:is(.login-page, .auth-login-page) .tagline { max-width: 42ch !important; color: var(--ag-ink-secondary) !important; font-size: 17px !important; line-height: 1.55 !important; }
html[data-ag-theme] body:is(.login-page, .auth-login-page) .workspace-preview {
    padding: 18px !important; border-radius: var(--ag-radius-lg) !important;
    color: var(--ag-ink) !important; background: var(--ag-glass-regular) !important;
    border: 1px solid var(--ag-hairline) !important; box-shadow: none !important; backdrop-filter: blur(20px) !important;
}
html[data-ag-theme] body:is(.login-page, .auth-login-page) .preview-dot { background: var(--ag-ink-tertiary) !important; box-shadow: none !important; }
html[data-ag-theme] body:is(.login-page, .auth-login-page) .login-form-container {
    display: flex !important; align-items: center !important; justify-content: center !important;
    padding: clamp(24px, 6vw, 88px) !important; background: var(--ag-bg) !important;
}
html[data-ag-theme] body:is(.login-page, .auth-login-page) .form-wrapper {
    width: min(100%, 520px) !important; max-height: calc(100vh - 48px); overflow-y: auto;
    padding: clamp(28px, 5vw, 52px) !important; color: var(--ag-ink) !important;
    background: var(--ag-glass-regular) !important; border: 1px solid var(--ag-hairline) !important;
    border-radius: var(--ag-radius-sheet) !important; box-shadow: var(--ag-shadow-floating) !important;
    -webkit-backdrop-filter: blur(20px) saturate(125%) !important; backdrop-filter: blur(20px) saturate(125%) !important;
    animation: none !important;
}
html[data-ag-theme] body:is(.login-page, .auth-login-page) .form-title { color: var(--ag-ink) !important; font-size: 28px !important; letter-spacing: -.02em !important; }
html[data-ag-theme] body:is(.login-page, .auth-login-page) :where(.form-subtitle, .input-label) { color: var(--ag-ink-secondary) !important; }
html[data-ag-theme] body:is(.login-page, .auth-login-page) :where(.error-alert, .success-alert) {
    padding: 14px 16px !important; border-radius: var(--ag-radius-md) !important;
    color: var(--ag-ink) !important; background: var(--ag-glass-subtle) !important; border: 1px solid var(--ag-hairline) !important;
}
html[data-ag-theme] body:is(.login-page, .auth-login-page) .error-alert { color: var(--ag-error) !important; border-color: color-mix(in srgb, var(--ag-error) 34%, transparent) !important; }
html[data-ag-theme] body:is(.login-page, .auth-login-page) .submit-button { min-height: 52px !important; background: var(--ag-accent) !important; color: var(--ag-ink-inverse) !important; }

/* Scrollbars */
* { scrollbar-width: thin; scrollbar-color: var(--ag-ink-quaternary) transparent; }
*::-webkit-scrollbar { width: 8px; height: 8px; }
*::-webkit-scrollbar-track { background: transparent; }
*::-webkit-scrollbar-thumb { background: var(--ag-ink-quaternary); border-radius: var(--ag-radius-pill); }

@media (max-width: 960px) {
    :root { --ag-drawer-width: min(86vw, 320px); }
    .ag-workspace { padding: 20px 16px 48px !important; }
    html[data-ag-theme] body:is(.login-page, .auth-login-page) .login-container { grid-template-columns: 1fr !important; }
    html[data-ag-theme] body:is(.login-page, .auth-login-page) .login-branding { display: none !important; }
    html[data-ag-theme] body:is(.login-page, .auth-login-page) .login-form-container { min-height: 100vh !important; padding: 20px !important; }
    html[data-ag-theme] body:is(.login-page, .auth-login-page) .form-wrapper { max-height: none; }
    html[data-ag-theme] body .mud-tabs-tabbar { width: 100%; }
    .ag-app-actions__identity { display: none; }
}

@media (prefers-reduced-transparency: reduce) {
    .ag-topbar, .ag-drawer, .mud-dialog, .mud-popover, .mud-snackbar, .form-wrapper {
        -webkit-backdrop-filter: none !important; backdrop-filter: none !important;
        background: var(--ag-surface-regular) !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after {
        animation-duration: .01ms !important; animation-iteration-count: 1 !important;
        scroll-behavior: auto !important; transition-duration: .01ms !important;
    }
}

/*
   Project-wide clean boundary.
   Components may retain business markup while their former embedded visual
   declarations are made inert by this higher-specificity semantic layer.
*/
html[data-ag-theme][data-ag-theme-mode] body[data-ag-theme][data-ag-theme-mode]
    :where(
        [class~="card"], [class$="-card"], [class*="-card "],
        [class~="panel"], [class$="-panel"], [class*="-panel "],
        [class~="tile"], [class$="-tile"], [class*="-tile "],
        [class~="widget"], [class$="-widget"], [class*="-widget "],
        [class~="surface"], [class$="-surface"], [class*="-surface "],
        [class~="shell"], [class$="-shell"], [class*="-shell "]
    ):not(img):not(canvas):not(video):not(.mud-input-root):not(.mud-button-root):not(.pass-card):not(.ag-shell):not(.ag-auth-shell) {
    color: var(--ag-ink) !important;
    background-color: var(--ag-glass-subtle) !important;
    background-image: none !important;
    border: 1px solid var(--ag-hairline) !important;
    border-radius: var(--ag-radius-lg) !important;
    box-shadow: none !important;
}

html[data-ag-theme][data-ag-theme-mode] body[data-ag-theme][data-ag-theme-mode] .ops-home {
    background-color: transparent !important;
    background-image: none !important;
}

html[data-ag-theme][data-ag-theme-mode] body[data-ag-theme][data-ag-theme-mode]
    :where(.ops-header, .page-header, .modern-page-header, .mt-page-header) {
    color: var(--ag-ink) !important;
    background: var(--ag-glass-subtle) !important;
    border: 1px solid var(--ag-hairline) !important;
    border-radius: var(--ag-radius-xl) !important;
    box-shadow: none !important;
}

html[data-ag-theme][data-ag-theme-mode] body[data-ag-theme][data-ag-theme-mode] .mud-button-filled.mud-button-filled,
html[data-ag-theme][data-ag-theme-mode] body[data-ag-theme][data-ag-theme-mode] .create-dashboard-btn.create-dashboard-btn {
    color: var(--ag-ink-inverse) !important;
    background-color: var(--ag-accent) !important;
    background-image: none !important;
    border-color: var(--ag-accent) !important;
    border-radius: var(--ag-radius-pill) !important;
    box-shadow: none !important;
}

html[data-ag-theme][data-ag-theme-mode] body[data-ag-theme][data-ag-theme-mode] .mud-button-outlined.mud-button-outlined,
html[data-ag-theme][data-ag-theme-mode] body[data-ag-theme][data-ag-theme-mode] .mud-icon-button.mud-icon-button {
    color: var(--ag-ink) !important;
    background-color: var(--ag-glass-regular) !important;
    background-image: none !important;
    border-color: var(--ag-hairline) !important;
    box-shadow: none !important;
}

html[data-ag-theme][data-ag-theme-mode] body[data-ag-theme][data-ag-theme-mode] .mud-button-filled-error.mud-button-filled-error,
html[data-ag-theme][data-ag-theme-mode] body[data-ag-theme][data-ag-theme-mode] .mud-button-text-error.mud-button-text-error,
html[data-ag-theme][data-ag-theme-mode] body[data-ag-theme][data-ag-theme-mode] .mud-icon-button-color-error.mud-icon-button-color-error {
    color: var(--ag-error) !important;
    background: transparent !important;
    border-color: color-mix(in srgb, var(--ag-error) 36%, transparent) !important;
}

html[data-ag-theme][data-ag-theme-mode] body[data-ag-theme][data-ag-theme-mode]
    :where(.metric-card, .stat-card, .summary-card) :where(.metric-icon, .stat-icon, .summary-icon) {
    color: var(--ag-ink) !important;
    background-color: var(--ag-glass-regular) !important;
    background-image: none !important;
    border: 1px solid var(--ag-hairline) !important;
    box-shadow: none !important;
}

html[data-ag-theme][data-ag-theme-mode] body[data-ag-theme][data-ag-theme-mode]
    :where([class*="dialog-header"], [class*="dialog-body"], [class*="dialog-footer"], [class*="modal-header"], [class*="modal-body"], [class*="modal-footer"], [class*="drawer-header"], [class*="drawer-body"], [class*="drawer-footer"]) {
    color: var(--ag-ink) !important;
    background: transparent !important;
    border-color: var(--ag-hairline) !important;
    box-shadow: none !important;
}

html[data-ag-theme][data-ag-theme-mode] body[data-ag-theme][data-ag-theme-mode]
    :where([class*="title"], [class*="heading"], [class*="name"], [class*="value"], strong) {
    color: var(--ag-ink) !important;
    text-shadow: none !important;
}

html[data-ag-theme][data-ag-theme-mode] body[data-ag-theme][data-ag-theme-mode]
    :where([class*="subtitle"], [class*="description"], [class*="caption"], [class*="helper"], [class*="meta"], [class*="muted"]) {
    color: var(--ag-ink-secondary) !important;
}

html[data-ag-theme][data-ag-theme-mode] body[data-ag-theme][data-ag-theme-mode]
    :where(
        [class~="status"], [class$="-status"], [class*="-status "],
        [class~="priority"], [class$="-priority"], [class*="-priority "],
        [class~="badge"], [class$="-badge"], [class*="-badge "],
        [class~="pill"], [class$="-pill"], [class*="-pill "],
        [class~="tag"], [class$="-tag"], [class*="-tag "]
    ):not([class*="error"]):not([class*="danger"]):not(.mud-badge) {
    color: var(--ag-ink-secondary) !important;
    background-color: var(--ag-glass-regular) !important;
    background-image: none !important;
    border-color: var(--ag-hairline) !important;
    box-shadow: none !important;
}

html[data-ag-theme][data-ag-theme-mode] body[data-ag-theme][data-ag-theme-mode]
    :where([class*="error"], [class*="danger"], [class*="destructive"], [class*="critical"]) {
    color: var(--ag-error) !important;
    border-color: color-mix(in srgb, var(--ag-error) 34%, transparent) !important;
}

html[data-ag-theme][data-ag-theme-mode] body[data-ag-theme][data-ag-theme-mode]
    :where([class*="alert"], [class*="notice"], [class*="banner"]):not([class*="error"]):not([class*="danger"]) {
    color: var(--ag-ink) !important;
    background-color: var(--ag-glass-regular) !important;
    background-image: none !important;
    border-color: var(--ag-hairline) !important;
    box-shadow: none !important;
}

html[data-ag-theme][data-ag-theme-mode] body[data-ag-theme][data-ag-theme-mode]
    :where([class*="toolbar"], [class*="filters"], [class*="actions"], [class*="controls"], [class*="tabs-container"]) {
    color: var(--ag-ink) !important;
    background-color: transparent !important;
    background-image: none !important;
    border-color: var(--ag-hairline) !important;
    box-shadow: none !important;
}

html[data-ag-theme][data-ag-theme-mode] body[data-ag-theme][data-ag-theme-mode]
    :where(table:not(.mud-table-root), [class*="table"] table) {
    width: 100%;
    color: var(--ag-ink) !important;
    background: transparent !important;
    border-color: var(--ag-hairline) !important;
    border-collapse: separate;
    border-spacing: 0;
}

html[data-ag-theme][data-ag-theme-mode] body[data-ag-theme][data-ag-theme-mode]
    :where(table:not(.mud-table-root) th, [class*="table"] th) {
    color: var(--ag-ink-secondary) !important;
    background: var(--ag-glass-regular) !important;
    border-color: var(--ag-hairline) !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: .08em !important;
    text-transform: uppercase !important;
}

html[data-ag-theme][data-ag-theme-mode] body[data-ag-theme][data-ag-theme-mode]
    :where(table:not(.mud-table-root) td, [class*="table"] td) {
    color: var(--ag-ink) !important;
    background: transparent !important;
    border-color: var(--ag-hairline) !important;
}

html[data-ag-theme][data-ag-theme-mode] body[data-ag-theme][data-ag-theme-mode]
    :where(.btn, [class*="btn-primary"], [class*="button-primary"], [class*="submit-button"]) {
    min-height: 44px !important;
    color: var(--ag-ink-inverse) !important;
    background: var(--ag-accent) !important;
    border: 1px solid var(--ag-accent) !important;
    border-radius: var(--ag-radius-pill) !important;
    box-shadow: none !important;
    text-transform: none !important;
}

html[data-ag-theme][data-ag-theme-mode] body[data-ag-theme][data-ag-theme-mode]
    :where([class*="btn-secondary"], [class*="button-secondary"], [class*="cancel-button"]) {
    color: var(--ag-ink) !important;
    background: var(--ag-glass-subtle) !important;
    border: 1px solid var(--ag-hairline) !important;
    border-radius: var(--ag-radius-pill) !important;
    box-shadow: none !important;
}

html[data-ag-theme][data-ag-theme-mode] body[data-ag-theme][data-ag-theme-mode]
    :where([class*="progress-track"], [class*="meter-track"], [class*="bar-track"]) {
    background: var(--ag-meter-track) !important;
    border-color: transparent !important;
}

html[data-ag-theme][data-ag-theme-mode] body[data-ag-theme][data-ag-theme-mode]
    :where([class*="progress-fill"], [class*="meter-fill"], [class*="bar-fill"]) {
    background: var(--ag-accent) !important;
    box-shadow: none !important;
}

/*
   AG Access component primitive reset.
   MudBlazor remains the behavior/accessibility engine; none of its stock or
   legacy project visuals are allowed to cross this boundary.
*/
html[data-ag-theme][data-ag-theme-mode] body[data-ag-theme][data-ag-theme-mode] {
    color: var(--ag-ink) !important;
}

html[data-ag-theme][data-ag-theme-mode] body[data-ag-theme][data-ag-theme-mode]
    .ag-workspace > :where([class$="-container"], [class$="-page"], [class$="-shell"]) {
    color: var(--ag-ink) !important;
    background-color: transparent !important;
    background-image: none !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

html[data-ag-theme][data-ag-theme-mode] body[data-ag-theme][data-ag-theme-mode] .mud-tabs.mud-tabs {
    width: 100% !important;
    color: var(--ag-ink) !important;
    background-color: transparent !important;
    background-image: none !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    overflow: visible !important;
}

html[data-ag-theme][data-ag-theme-mode] body[data-ag-theme][data-ag-theme-mode]
    .ag-workspace.ag-workspace > :is(
        [class$="-container"][class$="-container"],
        [class$="-page"][class$="-page"],
        [class$="-shell"][class$="-shell"]
    ) {
    color: var(--ag-ink) !important;
    background-color: transparent !important;
    background-image: none !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

html[data-ag-theme][data-ag-theme-mode] body[data-ag-theme][data-ag-theme-mode] .mud-tabs .mud-tabs-tabbar {
    width: fit-content !important;
    max-width: 100% !important;
    min-height: 52px !important;
    margin: 0 0 var(--ag-space-5) !important;
    padding: 4px !important;
    color: var(--ag-ink) !important;
    background-color: var(--ag-glass-regular) !important;
    background-image: none !important;
    border: 1px solid var(--ag-hairline) !important;
    border-radius: var(--ag-radius-pill) !important;
    box-shadow: none !important;
    overflow: hidden !important;
}

html[data-ag-theme][data-ag-theme-mode] body[data-ag-theme][data-ag-theme-mode] .mud-tabs .mud-tabs-tabbar-inner,
html[data-ag-theme][data-ag-theme-mode] body[data-ag-theme][data-ag-theme-mode] .mud-tabs .mud-tabs-tabbar-content {
    min-width: 0 !important;
    max-width: 100% !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

html[data-ag-theme][data-ag-theme-mode] body[data-ag-theme][data-ag-theme-mode] .mud-tabs .mud-tabs-tabbar-content {
    overflow-x: auto !important;
    scrollbar-width: none;
}

html[data-ag-theme][data-ag-theme-mode] body[data-ag-theme][data-ag-theme-mode] .mud-tabs .mud-tabs-tabbar-content::-webkit-scrollbar {
    display: none;
}

html[data-ag-theme][data-ag-theme-mode] body[data-ag-theme][data-ag-theme-mode] .mud-tabs .mud-tab.mud-tab {
    width: auto !important;
    min-width: max-content !important;
    min-height: 42px !important;
    padding: 0 17px !important;
    color: var(--ag-ink-tertiary) !important;
    background-color: transparent !important;
    background-image: none !important;
    border: 0 !important;
    border-radius: var(--ag-radius-pill) !important;
    box-shadow: none !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}

html[data-ag-theme][data-ag-theme-mode] body[data-ag-theme][data-ag-theme-mode] .mud-tabs .mud-tab.mud-tab:hover {
    color: var(--ag-ink) !important;
    background-color: var(--ag-glass-prominent) !important;
}

html[data-ag-theme][data-ag-theme-mode] body[data-ag-theme][data-ag-theme-mode] .mud-tabs .mud-tab.mud-tab-active.mud-tab-active {
    color: var(--ag-ink-inverse) !important;
    background-color: var(--ag-accent) !important;
    background-image: none !important;
}

html[data-ag-theme][data-ag-theme-mode] body[data-ag-theme][data-ag-theme-mode] .mud-tabs :where(.mud-tabs-slider, .mud-tab-slider) {
    display: none !important;
}

html[data-ag-theme][data-ag-theme-mode] body[data-ag-theme][data-ag-theme-mode] .mud-tabs .mud-tabs-panels.mud-tabs-panels {
    padding: 0 !important;
    color: var(--ag-ink) !important;
    background-color: transparent !important;
    background-image: none !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    overflow: visible !important;
}

html[data-ag-theme][data-ag-theme-mode] body[data-ag-theme][data-ag-theme-mode] .mud-tabs .mud-tabs-scroll-button {
    flex: 0 0 42px !important;
    width: 42px !important;
    height: 42px !important;
    margin: 0 2px !important;
    color: var(--ag-ink) !important;
    background-color: var(--ag-glass-prominent) !important;
    border: 1px solid var(--ag-hairline) !important;
    border-radius: 50% !important;
    box-shadow: none !important;
}

html[data-ag-theme][data-ag-theme-mode] body[data-ag-theme][data-ag-theme-mode] .mud-input-control.mud-input-control,
html[data-ag-theme][data-ag-theme-mode] body[data-ag-theme][data-ag-theme-mode] .mud-select.mud-select,
html[data-ag-theme][data-ag-theme-mode] body[data-ag-theme][data-ag-theme-mode] .mud-picker.mud-picker {
    min-width: 0 !important;
    min-height: 0 !important;
    height: auto !important;
    color: var(--ag-ink) !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

html[data-ag-theme][data-ag-theme-mode] body[data-ag-theme][data-ag-theme-mode] .mud-input-control .mud-input-control-input-container {
    min-height: 52px !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    color: var(--ag-ink) !important;
    background: transparent !important;
}

html[data-ag-theme][data-ag-theme-mode] body[data-ag-theme][data-ag-theme-mode] .mud-input-control .mud-input.mud-input {
    display: flex !important;
    align-items: center !important;
    min-height: 52px !important;
    height: 52px !important;
    margin: 0 !important;
    padding: 0 14px !important;
    color: var(--ag-ink) !important;
    background-color: var(--ag-glass-subtle) !important;
    background-image: none !important;
    border: 0 !important;
    border-radius: var(--ag-radius-md) !important;
    box-shadow: none !important;
}

html[data-ag-theme][data-ag-theme-mode] body[data-ag-theme][data-ag-theme-mode]
    .ag-workspace.ag-workspace .mud-input-control.mud-input-control .mud-input.mud-input.mud-input {
    color: var(--ag-ink) !important;
    background-color: var(--ag-glass-subtle) !important;
    background-image: none !important;
    border: 0 !important;
    border-radius: var(--ag-radius-md) !important;
    box-shadow: none !important;
}

html[data-ag-theme][data-ag-theme-mode] body[data-ag-theme][data-ag-theme-mode] .mud-input-control .mud-input .mud-input-slot.mud-input-slot,
html[data-ag-theme][data-ag-theme-mode] body[data-ag-theme][data-ag-theme-mode] .mud-input-control .mud-input :where(input, textarea) {
    min-width: 0 !important;
    min-height: 0 !important;
    height: auto !important;
    margin: 0 !important;
    padding: 14px 0 !important;
    color: var(--ag-ink) !important;
    -webkit-text-fill-color: currentColor !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    font: 500 14px/1.35 var(--ag-font) !important;
}

html[data-ag-theme][data-ag-theme-mode] body[data-ag-theme][data-ag-theme-mode]
    .mud-input-control .mud-input-outlined-with-label .mud-input-slot.mud-input-slot {
    padding-top: 20px !important;
    padding-bottom: 7px !important;
}

html[data-ag-theme][data-ag-theme-mode] body[data-ag-theme][data-ag-theme-mode] .mud-input-control .mud-input-outlined-border {
    inset: 0 !important;
    height: 52px !important;
    color: var(--ag-ink) !important;
    border: 1px solid var(--ag-hairline) !important;
    border-radius: var(--ag-radius-md) !important;
    box-shadow: none !important;
}

html[data-ag-theme][data-ag-theme-mode] body[data-ag-theme][data-ag-theme-mode]
    .mud-input-control:focus-within .mud-input-outlined-border {
    border-color: var(--ag-border-strong) !important;
    box-shadow: 0 0 0 3px var(--ag-glass-regular) !important;
}

html[data-ag-theme][data-ag-theme-mode] body[data-ag-theme][data-ag-theme-mode] .mud-input-control .mud-input-label.mud-input-label {
    max-width: calc(100% - 28px) !important;
    color: var(--ag-ink-secondary) !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    font: 500 13px/1 var(--ag-font) !important;
}

html[data-ag-theme][data-ag-theme-mode] body[data-ag-theme][data-ag-theme-mode] .mud-input-control .mud-input-adornment.mud-input-adornment,
html[data-ag-theme][data-ag-theme-mode] body[data-ag-theme][data-ag-theme-mode] .mud-input-control .mud-picker-input-button {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 36px !important;
    height: 36px !important;
    margin: 0 !important;
    padding: 0 !important;
    color: var(--ag-ink-secondary) !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 50% !important;
    box-shadow: none !important;
}

html[data-ag-theme][data-ag-theme-mode] body[data-ag-theme][data-ag-theme-mode]
    .mud-input-control .mud-input:has(textarea) {
    align-items: flex-start !important;
    min-height: 96px !important;
    height: auto !important;
}

html[data-ag-theme][data-ag-theme-mode] body[data-ag-theme][data-ag-theme-mode]
    .mud-input-control .mud-input:has(textarea) .mud-input-outlined-border {
    min-height: 96px !important;
    height: 100% !important;
}

html[data-ag-theme][data-ag-theme-mode] body[data-ag-theme][data-ag-theme-mode]
    .mud-input-number-control .mud-input-numeric-spin {
    top: 0 !important;
    right: 0 !important;
    bottom: auto !important;
    width: 42px !important;
    height: 52px !important;
    color: var(--ag-ink-secondary) !important;
    background: transparent !important;
    border-left: 1px solid var(--ag-hairline) !important;
}

html[data-ag-theme][data-ag-theme-mode] body[data-ag-theme][data-ag-theme-mode]
    .mud-input-number-control .mud-input-numeric-spin > button.mud-button-root {
    min-width: 42px !important;
    width: 42px !important;
    min-height: 0 !important;
    height: 26px !important;
    margin: 0 !important;
    padding: 0 !important;
    color: var(--ag-ink-secondary) !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

html[data-ag-theme][data-ag-theme-mode] body[data-ag-theme][data-ag-theme-mode]
    .mud-input-number-control .mud-input-numeric-spin > button.mud-button-root:first-child {
    border-bottom: 1px solid var(--ag-hairline) !important;
}

html[data-ag-theme][data-ag-theme-mode] body[data-ag-theme][data-ag-theme-mode]
    .mud-input-number-control .mud-input-numeric-spin .mud-icon-root {
    width: 18px !important;
    height: 18px !important;
    font-size: 18px !important;
}

html[data-ag-theme][data-ag-theme-mode] body[data-ag-theme][data-ag-theme-mode]
    .mud-dialog.mud-dialog :where(.mud-dialog-title, .mud-dialog-content, .mud-dialog-actions) {
    color: var(--ag-ink) !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

html[data-ag-theme][data-ag-theme-mode] body[data-ag-theme][data-ag-theme-mode]
    .mud-dialog.mud-dialog .mud-dialog-title {
    border-bottom: 1px solid var(--ag-hairline) !important;
}

html[data-ag-theme][data-ag-theme-mode] body[data-ag-theme][data-ag-theme-mode]
    .mud-dialog.mud-dialog .mud-dialog-actions {
    border-top: 1px solid var(--ag-hairline) !important;
}

html[data-ag-theme][data-ag-theme-mode] body[data-ag-theme][data-ag-theme-mode] .mud-input-control :where(.mud-input-underline::before, .mud-input-underline::after, .mud-input-filled::before, .mud-input-filled::after) {
    display: none !important;
    border: 0 !important;
}

html[data-ag-theme][data-ag-theme-mode] body[data-ag-theme][data-ag-theme-mode]
    :where(.mud-popover.mud-popover, .mud-menu-paper.mud-menu-paper, .mud-picker.mud-picker, .mud-autocomplete-popover.mud-autocomplete-popover) {
    color: var(--ag-ink) !important;
    background-color: var(--ag-bg-elevated) !important;
    background-image: none !important;
    border: 1px solid var(--ag-hairline) !important;
    border-radius: var(--ag-radius-lg) !important;
    box-shadow: var(--ag-shadow-floating) !important;
}

html[data-ag-theme][data-ag-theme-mode] body[data-ag-theme][data-ag-theme-mode]
    .mud-popover-provider:has(.mud-popover-open) > .mud-overlay {
    background: transparent !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
}

html[data-ag-theme][data-ag-theme-mode] body[data-ag-theme][data-ag-theme-mode]
    .mud-popover.mud-popover > .mud-list.mud-list,
html[data-ag-theme][data-ag-theme-mode] body[data-ag-theme][data-ag-theme-mode]
    .mud-menu-paper.mud-menu-paper .mud-list.mud-list {
    margin: 0 !important;
    padding: 6px !important;
    color: var(--ag-ink) !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: inherit !important;
    box-shadow: none !important;
}

html[data-ag-theme][data-ag-theme-mode] body[data-ag-theme][data-ag-theme-mode]
    :where(.mud-list-item.mud-list-item, .mud-menu-item.mud-menu-item, .mud-select-item.mud-select-item) {
    min-height: 44px !important;
    margin: 2px 4px !important;
    color: var(--ag-ink) !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: var(--ag-radius-md) !important;
}

html[data-ag-theme][data-ag-theme-mode] body[data-ag-theme][data-ag-theme-mode]
    :where(.mud-list-item.mud-list-item, .mud-menu-item.mud-menu-item, .mud-select-item.mud-select-item):hover,
html[data-ag-theme][data-ag-theme-mode] body[data-ag-theme][data-ag-theme-mode]
    :where(.mud-list-item-selected.mud-list-item-selected, .mud-selected-item.mud-selected-item) {
    color: var(--ag-ink) !important;
    background-color: var(--ag-glass-regular) !important;
}

html[data-ag-theme][data-ag-theme-mode] body[data-ag-theme][data-ag-theme-mode]
    :where(.empty-state.empty-state, .agc-empty.agc-empty, .agc-summary-item.agc-summary-item, .hero-badge.hero-badge) {
    color: var(--ag-ink) !important;
    background-color: var(--ag-glass-subtle) !important;
    background-image: none !important;
    border: 1px solid var(--ag-hairline) !important;
    border-radius: var(--ag-radius-lg) !important;
    box-shadow: none !important;
}

html[data-ag-theme][data-ag-theme-mode] body[data-ag-theme][data-ag-theme-mode]
    .ag-workspace .filter-bar.filter-bar {
    color: var(--ag-ink) !important;
    background-color: var(--ag-glass-subtle) !important;
    background-image: none !important;
    border: 1px solid var(--ag-hairline) !important;
    border-radius: var(--ag-radius-lg) !important;
    box-shadow: none !important;
}

html[data-ag-theme][data-ag-theme-mode] body[data-ag-theme][data-ag-theme-mode]
    .ag-workspace .filter-row.filter-row {
    color: var(--ag-ink) !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

html[data-ag-theme][data-ag-theme-mode] body[data-ag-theme][data-ag-theme-mode]
    :where(.reports-hero.reports-hero, .mt-page-header.mt-page-header, .page-header.page-header) {
    color: var(--ag-ink) !important;
    background-color: var(--ag-glass-subtle) !important;
    background-image: none !important;
    border: 1px solid var(--ag-hairline) !important;
    border-radius: var(--ag-radius-xl) !important;
    box-shadow: none !important;
}

html[data-ag-theme][data-ag-theme-mode] body[data-ag-theme][data-ag-theme-mode]
    :where(.hero-badge-label, .metric-label, .metric-note, .metric-copy, .metric-copy small) {
    color: var(--ag-ink-secondary) !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

/* Login is hosted by EmptyLayout, whose real body marker is auth-login-page. */
html[data-ag-theme][data-ag-theme-mode] body.auth-login-page {
    overflow: auto !important;
    color: var(--ag-ink) !important;
    background: var(--ag-bg) !important;
}

html[data-ag-theme][data-ag-theme-mode] body.auth-login-page .login-container {
    display: grid !important;
    grid-template-columns: minmax(380px, .96fr) minmax(440px, 1.04fr) !important;
    min-height: 100vh !important;
    color: var(--ag-ink) !important;
    background: var(--ag-bg) !important;
}

html[data-ag-theme][data-ag-theme-mode] body.auth-login-page .login-branding {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: clamp(32px, 6vw, 80px) !important;
    color: var(--ag-ink) !important;
    background: transparent !important;
    border-right: 1px solid var(--ag-hairline) !important;
}

html[data-ag-theme][data-ag-theme-mode] body.auth-login-page .login-branding::before {
    content: "";
    position: absolute;
    inset: clamp(24px, 6vw, 72px) clamp(20px, 4vw, 48px);
    background: var(--ag-glass-subtle) !important;
    border: 1px solid var(--ag-hairline) !important;
    border-radius: var(--ag-radius-sheet) !important;
    box-shadow: none !important;
}

html[data-ag-theme][data-ag-theme-mode] body.auth-login-page .branding-content {
    position: relative !important;
    z-index: 1 !important;
    width: min(100%, 520px) !important;
    color: var(--ag-ink) !important;
}

html[data-ag-theme][data-ag-theme-mode] body.auth-login-page :where(
    .logo-text, .preview-header, .preview-row, .preview-row strong, .feature-item
) {
    color: var(--ag-ink) !important;
}

html[data-ag-theme][data-ag-theme-mode] body.auth-login-page :where(.tagline, .form-subtitle, .input-label) {
    color: var(--ag-ink-secondary) !important;
}

html[data-ag-theme][data-ag-theme-mode] body.auth-login-page :where(.logo-eyebrow, .form-eyebrow) {
    color: var(--ag-ink-tertiary) !important;
}

html[data-ag-theme][data-ag-theme-mode] body.auth-login-page .logo-icon {
    width: 64px !important;
    height: 64px !important;
    padding: 16px !important;
    color: var(--ag-ink-inverse) !important;
    background: var(--ag-accent) !important;
    border-radius: 50% !important;
    box-shadow: none !important;
}

html[data-ag-theme][data-ag-theme-mode] body.auth-login-page :where(.workspace-preview, .feature-item) {
    color: var(--ag-ink) !important;
    background: var(--ag-glass-subtle) !important;
    border: 1px solid var(--ag-hairline) !important;
    border-radius: var(--ag-radius-md) !important;
    box-shadow: none !important;
}

html[data-ag-theme][data-ag-theme-mode] body.auth-login-page .feature-icon {
    color: var(--ag-ink-secondary) !important;
}

html[data-ag-theme][data-ag-theme-mode] body.auth-login-page .preview-row {
    border-color: var(--ag-hairline) !important;
}

html[data-ag-theme][data-ag-theme-mode] body.auth-login-page .login-form-container {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: clamp(24px, 6vw, 80px) !important;
    color: var(--ag-ink) !important;
    background: transparent !important;
}

html[data-ag-theme][data-ag-theme-mode] body.auth-login-page .form-wrapper {
    width: min(100%, 500px) !important;
    max-height: calc(100vh - 48px) !important;
    padding: clamp(28px, 5vw, 48px) !important;
    overflow-y: auto !important;
    color: var(--ag-ink) !important;
    background: var(--ag-glass-regular) !important;
    border: 1px solid var(--ag-hairline) !important;
    border-radius: var(--ag-radius-sheet) !important;
    box-shadow: var(--ag-shadow-card) !important;
    animation: none !important;
}

html[data-ag-theme][data-ag-theme-mode] body.auth-login-page .form-title {
    color: var(--ag-ink) !important;
}

html[data-ag-theme][data-ag-theme-mode] body.auth-login-page .remember-checkbox,
html[data-ag-theme][data-ag-theme-mode] body.auth-login-page .remember-checkbox .mud-input-control-input-container {
    min-height: 36px !important;
    height: 36px !important;
}

html[data-ag-theme][data-ag-theme-mode] body.auth-login-page .remember-checkbox .mud-checkbox {
    min-height: 36px !important;
    height: 36px !important;
    color: var(--ag-ink-secondary) !important;
}

html[data-ag-theme][data-ag-theme-mode] body.auth-login-page .remember-checkbox .mud-checkbox > .mud-icon-button {
    min-width: 32px !important;
    width: 32px !important;
    min-height: 32px !important;
    height: 32px !important;
    padding: 6px !important;
    color: var(--ag-ink-secondary) !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 50% !important;
}

html[data-ag-theme][data-ag-theme-mode] body.auth-login-page .remember-checkbox .mud-typography,
html[data-ag-theme][data-ag-theme-mode] body.auth-login-page .forgot-link {
    color: var(--ag-ink-secondary) !important;
}

/* User Management: retire the embedded blue/white mini-theme. */
html[data-ag-theme][data-ag-theme-mode] body[data-ag-theme][data-ag-theme-mode]
    .modern-users-container.modern-users-container {
    --users-bg: transparent;
    --users-surface: var(--ag-glass-subtle);
    --users-surface-soft: var(--ag-glass-subtle);
    --users-ink: var(--ag-ink);
    --users-muted: var(--ag-ink-secondary);
    --users-line: var(--ag-hairline);
    --users-line-soft: var(--ag-hairline);
    --users-primary: var(--ag-accent);
    --users-primary-soft: var(--ag-glass-regular);
    --users-shadow: none;
    --users-shadow-soft: none;
    max-width: none !important;
    min-height: 0 !important;
    padding: 0 !important;
    color: var(--ag-ink) !important;
    background: transparent !important;
}

html[data-ag-theme][data-ag-theme-mode] body[data-ag-theme][data-ag-theme-mode]
    .modern-users-container :where(
        .users-command, .users-kpi, .filters-section, .modern-table-wrapper,
        .pagination-container, .section-command
    ) {
    color: var(--ag-ink) !important;
    background-color: var(--ag-glass-subtle) !important;
    background-image: none !important;
    border: 1px solid var(--ag-hairline) !important;
    border-radius: var(--ag-radius-lg) !important;
    box-shadow: none !important;
}

html[data-ag-theme][data-ag-theme-mode] body[data-ag-theme][data-ag-theme-mode]
    .modern-users-container :where(.tabs-container, .modern-table-container) {
    padding: 0 !important;
    color: var(--ag-ink) !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    overflow: visible !important;
}

html[data-ag-theme][data-ag-theme-mode] body[data-ag-theme][data-ag-theme-mode]
    .modern-users-container .modern-table-wrapper {
    overflow-x: auto !important;
}

html[data-ag-theme][data-ag-theme-mode] body[data-ag-theme][data-ag-theme-mode]
    .modern-users-container .modern-table-wrapper::before {
    display: none !important;
}

html[data-ag-theme][data-ag-theme-mode] body[data-ag-theme][data-ag-theme-mode]
    .modern-users-container :where(.mud-table, .mud-table-container, .mud-table-head, .table-header-cell) {
    color: var(--ag-ink) !important;
    background: transparent !important;
    border-color: var(--ag-hairline) !important;
    box-shadow: none !important;
}

html[data-ag-theme][data-ag-theme-mode] body[data-ag-theme][data-ag-theme-mode]
    .modern-users-container .mud-table-body {
    color: var(--ag-ink) !important;
    background: transparent !important;
}

html[data-ag-theme][data-ag-theme-mode] body[data-ag-theme][data-ag-theme-mode]
    .modern-users-container :where(.table-cell, .mud-table-cell) {
    color: var(--ag-ink) !important;
    border-color: var(--ag-hairline) !important;
}

.modern-users-container .user-copy {
    display: grid;
    gap: 2px;
    min-width: 0;
}

html[data-ag-theme][data-ag-theme-mode] body[data-ag-theme][data-ag-theme-mode]
    .modern-users-container :where(.email-text, .phone-text, .pagination-info, .no-data) {
    color: var(--ag-ink-secondary) !important;
}

html[data-ag-theme][data-ag-theme-mode] body[data-ag-theme][data-ag-theme-mode]
    .modern-users-container :where(.role-badge, .status-badge, .action-buttons) {
    color: var(--ag-ink-secondary) !important;
    background: var(--ag-glass-subtle) !important;
    border: 1px solid var(--ag-hairline) !important;
    box-shadow: none !important;
}

html[data-ag-theme][data-ag-theme-mode] body[data-ag-theme][data-ag-theme-mode]
    .modern-users-container .action-buttons {
    flex-wrap: nowrap !important;
    border-radius: var(--ag-radius-pill) !important;
}

html[data-ag-theme][data-ag-theme-mode] body[data-ag-theme][data-ag-theme-mode]
    .modern-users-container .action-btn.action-btn {
    color: var(--ag-ink-secondary) !important;
    background: transparent !important;
    border: 0 !important;
}

html[data-ag-theme][data-ag-theme-mode] body[data-ag-theme][data-ag-theme-mode]
    .modern-users-container .action-btn.action-btn:hover {
    color: var(--ag-ink) !important;
    background: var(--ag-glass-regular) !important;
}

/* Compliance: quiet module rail + contextual secondary switcher. */
html[data-ag-theme][data-ag-theme-mode] body[data-ag-theme][data-ag-theme-mode]
    .compliance-tabs--primary.mud-tabs-vertical {
    display: flex !important;
    align-items: flex-start !important;
    gap: var(--ag-space-6) !important;
    width: 100% !important;
    overflow: visible !important;
}

html[data-ag-theme][data-ag-theme-mode] body[data-ag-theme][data-ag-theme-mode]
    .compliance-tabs--primary.mud-tabs-vertical > .mud-tabs-tabbar {
    position: sticky !important;
    top: calc(var(--ag-topbar-height) + 20px) !important;
    flex: 0 0 224px !important;
    width: 224px !important;
    max-height: calc(100vh - var(--ag-topbar-height) - 40px) !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 8px !important;
    overflow: hidden auto !important;
    background: var(--ag-glass-subtle) !important;
    border: 1px solid var(--ag-hairline) !important;
    border-radius: var(--ag-radius-lg) !important;
}

html[data-ag-theme][data-ag-theme-mode] body[data-ag-theme][data-ag-theme-mode]
    .compliance-tabs--primary.mud-tabs-vertical > .mud-tabs-tabbar::before {
    content: "Compliance areas";
    display: block;
    padding: 8px 10px 10px;
    color: var(--ag-ink-tertiary);
    font: 600 11px/1 var(--ag-font);
    letter-spacing: .12em;
    text-transform: uppercase;
}

html[data-ag-theme][data-ag-theme-mode] body[data-ag-theme][data-ag-theme-mode]
    .compliance-tabs--primary.mud-tabs-vertical > .mud-tabs-tabbar .mud-tabs-tabbar-content {
    display: flex !important;
    flex-direction: column !important;
    gap: 2px !important;
    overflow: visible !important;
}

html[data-ag-theme][data-ag-theme-mode] body[data-ag-theme][data-ag-theme-mode]
    .compliance-tabs--primary.mud-tabs-vertical > .mud-tabs-tabbar .mud-tab.mud-tab {
    justify-content: flex-start !important;
    width: 100% !important;
    min-height: 42px !important;
    padding: 0 12px !important;
    border-radius: var(--ag-radius-md) !important;
}

html[data-ag-theme][data-ag-theme-mode] body[data-ag-theme][data-ag-theme-mode]
    .compliance-tabs--primary.mud-tabs-vertical > .mud-tabs-panels {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    width: auto !important;
    padding: 0 !important;
}

html[data-ag-theme][data-ag-theme-mode] body[data-ag-theme][data-ag-theme-mode]
    .compliance-tabs--secondary > .mud-tabs-tabbar {
    min-height: 50px !important;
    margin: 0 0 var(--ag-space-5) !important;
    padding: 4px !important;
    background: var(--ag-glass-subtle) !important;
}

html[data-ag-theme][data-ag-theme-mode] body[data-ag-theme][data-ag-theme-mode]
    .compliance-tabs--secondary > .mud-tabs-tabbar .mud-tab.mud-tab {
    min-height: 40px !important;
    padding: 0 14px !important;
}

html[data-ag-theme][data-ag-theme-mode] body[data-ag-theme][data-ag-theme-mode]
    .compliance-container .mt-page-header__actions {
    display: flex !important;
    align-items: stretch !important;
    gap: 8px !important;
}

html[data-ag-theme][data-ag-theme-mode] body[data-ag-theme][data-ag-theme-mode]
    .compliance-container .mt-page-header {
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 14px !important;
    margin-bottom: var(--ag-space-5) !important;
}

html[data-ag-theme][data-ag-theme-mode] body[data-ag-theme][data-ag-theme-mode]
    .compliance-container .mt-risk.mt-risk {
    display: inline-flex !important;
    align-items: center !important;
    gap: 9px !important;
    min-width: 132px !important;
    min-height: 52px !important;
    padding: 7px 10px !important;
    color: var(--ag-ink) !important;
    background: var(--ag-glass-subtle) !important;
    border: 1px solid var(--ag-hairline) !important;
    border-radius: var(--ag-radius-md) !important;
}

html[data-ag-theme][data-ag-theme-mode] body[data-ag-theme][data-ag-theme-mode]
    .compliance-container .mt-risk__body {
    display: grid !important;
    grid-template-columns: auto auto !important;
    align-items: baseline !important;
    column-gap: 6px !important;
    line-height: 1.15 !important;
}

html[data-ag-theme][data-ag-theme-mode] body[data-ag-theme][data-ag-theme-mode]
    .compliance-container .mt-risk__label {
    grid-column: 1 / -1 !important;
    color: var(--ag-ink-tertiary) !important;
}

html[data-ag-theme][data-ag-theme-mode] body[data-ag-theme][data-ag-theme-mode]
    .compliance-container :where(.cum-shell, .cum-panel, .cum-metric, .cum-case, .cum-editor, .cum-case-head) {
    color: var(--ag-ink) !important;
    background: var(--ag-glass-subtle) !important;
    border-color: var(--ag-hairline) !important;
    border-radius: var(--ag-radius-lg) !important;
    box-shadow: none !important;
}

html[data-ag-theme][data-ag-theme-mode] body[data-ag-theme][data-ag-theme-mode]
    .compliance-container :where(.cum-title, .cum-panel-title, .cum-metric strong, .cum-table td) {
    color: var(--ag-ink) !important;
}

html[data-ag-theme][data-ag-theme-mode] body[data-ag-theme][data-ag-theme-mode]
    .compliance-container :where(.cum-subtitle, .cum-metric span, .cum-metric small, .cum-table th, .cum-table td small) {
    color: var(--ag-ink-secondary) !important;
    border-color: var(--ag-hairline) !important;
}

html[data-ag-theme][data-ag-theme-mode] body[data-ag-theme][data-ag-theme-mode]
    .compliance-container .cum-table :where(thead, tbody, tr) {
    color: var(--ag-ink) !important;
    background: transparent !important;
}

html[data-ag-theme][data-ag-theme-mode] body[data-ag-theme][data-ag-theme-mode]
    .compliance-container .mud-button-label {
    white-space: nowrap !important;
}

html[data-ag-theme][data-ag-theme-mode] body[data-ag-theme][data-ag-theme-mode]
    .compliance-container .add-button.add-button {
    width: auto !important;
    min-width: max-content !important;
}

/* Compliance workspace internals: every module uses the AG Access surfaces and rhythm. */
html[data-ag-theme][data-ag-theme-mode] body[data-ag-theme][data-ag-theme-mode]
    .compliance-tabs--primary > .mud-tabs-panels,
html[data-ag-theme][data-ag-theme-mode] body[data-ag-theme][data-ag-theme-mode]
    .compliance-tabs--primary > .mud-tabs-panels > *,
html[data-ag-theme][data-ag-theme-mode] body[data-ag-theme][data-ag-theme-mode]
    .compliance-container :where(
        .vehicles-tab-container, .drivers-tab-container, .agent-licenses-tab-container,
        .office-license-tab-container, .dmv-users-tab-container,
        .ag-motors-tab-container, .giftcards-tab-container, .subtab-container,
        .cum-shell, .clr-shell
    ) {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
}

html[data-ag-theme][data-ag-theme-mode] body[data-ag-theme][data-ag-theme-mode]
    .compliance-tabs--primary > .mud-tabs-panels {
    overflow: hidden !important;
}

html[data-ag-theme][data-ag-theme-mode] body[data-ag-theme][data-ag-theme-mode]
    .compliance-container :where(
        .drivers-grid, .giftcards-grid, .dmv-users-grid, .doi-grid,
        .ag-grid, .mud-table-container, .office-license-table-wrap,
        .cum-table-wrap, .clr-table-wrap
    ) {
    max-width: 100% !important;
    overflow-x: auto !important;
}

html[data-ag-theme][data-ag-theme-mode] body[data-ag-theme][data-ag-theme-mode]
    .compliance-container :where(
        .tab-header, .filter-bar, .filter-row, .location-selector-container,
        .dmv-toolbar, .ag-motors-command, .agent-license-command,
        .agent-command, .cum-header, .clr-header
    ) {
    position: relative !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 0 var(--ag-space-5) !important;
    padding: 14px !important;
    color: var(--ag-ink) !important;
    background-color: var(--ag-glass-subtle) !important;
    background-image: none !important;
    border: 1px solid var(--ag-hairline) !important;
    border-radius: var(--ag-radius-lg) !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
}

html[data-ag-theme][data-ag-theme-mode] body[data-ag-theme][data-ag-theme-mode]
    .compliance-container :where(
        .tab-header, .filter-bar, .filter-row, .location-selector-container,
        .dmv-toolbar
    ) {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 10px !important;
}

html[data-ag-theme][data-ag-theme-mode] body[data-ag-theme][data-ag-theme-mode]
    .compliance-container :where(
        .tab-header, .filter-bar, .location-selector-container, .detail-header
    )::before {
    display: none !important;
}

html[data-ag-theme][data-ag-theme-mode] body[data-ag-theme][data-ag-theme-mode]
    .compliance-container :where(.search-field, .dmv-search) {
    flex: 1 1 240px !important;
    width: auto !important;
    min-width: min(220px, 100%) !important;
    max-width: none !important;
}

html[data-ag-theme][data-ag-theme-mode] body[data-ag-theme][data-ag-theme-mode]
    .compliance-container .filter-select {
    flex: 0 1 190px !important;
    width: auto !important;
    min-width: min(168px, 100%) !important;
    max-width: 240px !important;
}

html[data-ag-theme][data-ag-theme-mode] body[data-ag-theme][data-ag-theme-mode]
    .compliance-container :where(
        .empty-state, .dmv-empty, .doi-empty, .vehicle-filter-empty,
        .floor-plan-empty, .ag-empty, .agent-empty
    ) {
    width: 100% !important;
    min-height: 220px !important;
    padding: 32px 20px !important;
    color: var(--ag-ink-secondary) !important;
    background: var(--ag-glass-subtle) !important;
    border: 1px dashed var(--ag-hairline-strong) !important;
    border-radius: var(--ag-radius-lg) !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
}

/* Neutral metrics: color is reserved for icons and status, never entire cards. */
html[data-ag-theme][data-ag-theme-mode] body[data-ag-theme][data-ag-theme-mode]
    .compliance-container :where(
        .agent-kpi, .agent-license-kpi, .dmv-kpi, .ag-motors-kpi,
        .cum-metric, .clr-metric, .office-summary-pill
    ) {
    color: var(--ag-ink) !important;
    background-color: var(--ag-glass-subtle) !important;
    background-image: none !important;
    border: 1px solid var(--ag-hairline) !important;
    border-radius: var(--ag-radius-md) !important;
    box-shadow: none !important;
}

html[data-ag-theme][data-ag-theme-mode] body[data-ag-theme][data-ag-theme-mode]
    .compliance-container :where(
        .agent-kpi-grid, .agent-license-kpi-grid, .dmv-kpi-grid,
        .ag-motors-kpi-grid, .cum-metrics, .clr-metrics
    ) {
    width: 100% !important;
    gap: 10px !important;
}

html[data-ag-theme][data-ag-theme-mode] body[data-ag-theme][data-ag-theme-mode]
    .compliance-container :where(
        .agent-licenses-board, .agent-license-board, .dmv-board,
        .office-license-board, .office-floor-plan-board,
        .ag-motors-subtabs, .cum-panel, .clr-panel
    ) {
    color: var(--ag-ink) !important;
    background-color: var(--ag-glass-subtle) !important;
    background-image: none !important;
    border: 1px solid var(--ag-hairline) !important;
    border-radius: var(--ag-radius-lg) !important;
    box-shadow: none !important;
}

/* Company vehicles: keep navigation, command and content as separate layers. */
html[data-ag-theme][data-ag-theme-mode] body[data-ag-theme][data-ag-theme-mode]
    .compliance-container .vehicles-tab-container {
    display: grid !important;
    gap: var(--ag-space-5) !important;
}

html[data-ag-theme][data-ag-theme-mode] body[data-ag-theme][data-ag-theme-mode]
    .compliance-container :where(.vehicle-command, .vehicle-toolbar) {
    width: 100% !important;
    margin: 0 !important;
    padding: 16px !important;
    color: var(--ag-ink) !important;
    background-color: var(--ag-glass-subtle) !important;
    background-image: none !important;
    border: 1px solid var(--ag-hairline) !important;
    border-radius: var(--ag-radius-lg) !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
}

html[data-ag-theme][data-ag-theme-mode] body[data-ag-theme][data-ag-theme-mode]
    .compliance-container :where(.vehicle-kpi-grid, .vehicle-board) {
    margin: 0 !important;
}

html[data-ag-theme][data-ag-theme-mode] body[data-ag-theme][data-ag-theme-mode]
    .compliance-container .vehicle-command {
    min-height: 80px !important;
}

html[data-ag-theme][data-ag-theme-mode] body[data-ag-theme][data-ag-theme-mode]
    .compliance-container .vehicle-command-icon {
    box-shadow: none !important;
}

/* Office Licenses: identity first, compact health strip, then records. */
html[data-ag-theme][data-ag-theme-mode] body[data-ag-theme][data-ag-theme-mode]
    .compliance-container .location-selector-container {
    display: grid !important;
    grid-template-columns: minmax(190px, 1fr) minmax(190px, 1fr) auto !important;
}

html[data-ag-theme][data-ag-theme-mode] body[data-ag-theme][data-ag-theme-mode]
    .compliance-container .location-selector-container > * {
    min-width: 0 !important;
    margin: 0 !important;
}

html[data-ag-theme][data-ag-theme-mode] body[data-ag-theme][data-ag-theme-mode]
    .compliance-container .location-selector-container .add-location-btn {
    width: auto !important;
    min-width: max-content !important;
    justify-self: end !important;
}

html[data-ag-theme][data-ag-theme-mode] body[data-ag-theme][data-ag-theme-mode]
    .compliance-container .office-workspace {
    width: 100% !important;
    min-width: 0 !important;
    gap: var(--ag-space-5) !important;
}

html[data-ag-theme][data-ag-theme-mode] body[data-ag-theme][data-ag-theme-mode]
    .compliance-container .office-summary-bar {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 14px !important;
    width: 100% !important;
    padding: 16px !important;
    color: var(--ag-ink) !important;
    background: var(--ag-glass-subtle) !important;
    border: 1px solid var(--ag-hairline) !important;
    border-radius: var(--ag-radius-lg) !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
}

html[data-ag-theme][data-ag-theme-mode] body[data-ag-theme][data-ag-theme-mode]
    .compliance-container .office-summary-pills {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 8px !important;
    width: 100% !important;
}

html[data-ag-theme][data-ag-theme-mode] body[data-ag-theme][data-ag-theme-mode]
    .compliance-container .office-summary-pill {
    min-width: 0 !important;
    min-height: 64px !important;
    padding: 10px !important;
}

html[data-ag-theme][data-ag-theme-mode] body[data-ag-theme][data-ag-theme-mode]
    .compliance-container .office-summary-pill :where(.summary-value, .summary-label) {
    color: var(--ag-ink) !important;
}

html[data-ag-theme][data-ag-theme-mode] body[data-ag-theme][data-ag-theme-mode]
    .compliance-container .office-summary-pill .summary-label {
    color: var(--ag-ink-tertiary) !important;
    font-size: 10px !important;
    letter-spacing: .06em !important;
}

html[data-ag-theme][data-ag-theme-mode] body[data-ag-theme][data-ag-theme-mode]
    .compliance-container .office-board-header {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 14px !important;
    color: var(--ag-ink) !important;
    background: var(--ag-glass-regular) !important;
    border-color: var(--ag-hairline) !important;
}

html[data-ag-theme][data-ag-theme-mode] body[data-ag-theme][data-ag-theme-mode]
    .compliance-container .office-board-actions {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: flex-start !important;
    gap: 8px !important;
    width: 100% !important;
}

html[data-ag-theme][data-ag-theme-mode] body[data-ag-theme][data-ag-theme-mode]
    .compliance-container .history-filter {
    min-height: 40px !important;
    margin: 0 !important;
    padding: 2px 10px 2px 4px !important;
    background: var(--ag-glass-subtle) !important;
    border: 1px solid var(--ag-hairline) !important;
    border-radius: var(--ag-radius-pill) !important;
}

html[data-ag-theme][data-ag-theme-mode] body[data-ag-theme][data-ag-theme-mode]
    .compliance-container .office-license-table-wrap {
    scrollbar-width: thin !important;
    scrollbar-color: var(--ag-hairline-strong) transparent !important;
}

html[data-ag-theme][data-ag-theme-mode] body[data-ag-theme][data-ag-theme-mode]
    .compliance-container .office-license-table :where(th, td) {
    color: var(--ag-ink) !important;
    background: transparent !important;
    border-color: var(--ag-hairline) !important;
}

html[data-ag-theme][data-ag-theme-mode] body[data-ag-theme][data-ag-theme-mode]
    .compliance-container .office-license-table thead {
    color: var(--ag-ink-tertiary) !important;
    background: var(--ag-glass-regular) !important;
}

html[data-ag-theme][data-ag-theme-mode] body[data-ag-theme][data-ag-theme-mode]
    .compliance-container .office-license-table th {
    color: var(--ag-ink-tertiary) !important;
}

html[data-ag-theme][data-ag-theme-mode] body[data-ag-theme][data-ag-theme-mode]
    .compliance-container .office-license-table tbody tr:hover td {
    background: var(--ag-glass-regular) !important;
}

html[data-ag-theme][data-ag-theme-mode] body[data-ag-theme][data-ag-theme-mode]
    .compliance-container :where(.status-badge, .office-pdf-pill) {
    min-height: 28px !important;
    padding: 4px 9px !important;
    color: var(--ag-ink-secondary) !important;
    background: var(--ag-glass-regular) !important;
    border: 1px solid var(--ag-hairline) !important;
    border-radius: var(--ag-radius-pill) !important;
    box-shadow: none !important;
    text-decoration: none !important;
}

html[data-ag-theme][data-ag-theme-mode] body[data-ag-theme][data-ag-theme-mode]
    .compliance-container .office-floor-plan-board {
    overflow: hidden !important;
}

html[data-ag-theme][data-ag-theme-mode] body[data-ag-theme][data-ag-theme-mode]
    .compliance-container .office-floor-plan-board .floor-plan-empty {
    margin: 14px !important;
    min-height: 150px !important;
}

/* Contracts and AG Motors use quiet contextual switchers, not another primary tab row. */
html[data-ag-theme][data-ag-theme-mode] body[data-ag-theme][data-ag-theme-mode]
    .compliance-container .ag-motors-subtabs {
    width: 100% !important;
    min-width: 0 !important;
    overflow: hidden !important;
}

html[data-ag-theme][data-ag-theme-mode] body[data-ag-theme][data-ag-theme-mode]
    .compliance-container .ag-motors-subtabs > .mud-tabs-tabbar {
    height: auto !important;
    min-height: 0 !important;
    padding: 6px !important;
    background: var(--ag-glass-regular) !important;
    border-bottom: 1px solid var(--ag-hairline) !important;
}

html[data-ag-theme][data-ag-theme-mode] body[data-ag-theme][data-ag-theme-mode]
    .compliance-container .ag-motors-subtabs > .mud-tabs-tabbar .mud-tabs-tabbar-content {
    width: 100% !important;
    min-width: 0 !important;
    overflow: visible !important;
}

html[data-ag-theme][data-ag-theme-mode] body[data-ag-theme][data-ag-theme-mode]
    .compliance-container .ag-motors-subtabs > .mud-tabs-tabbar .mud-tabs-tabbar-wrapper {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 4px !important;
    width: 100% !important;
    min-width: 0 !important;
    transform: none !important;
}

html[data-ag-theme][data-ag-theme-mode] body[data-ag-theme][data-ag-theme-mode]
    .compliance-container .ag-motors-subtabs > .mud-tabs-tabbar .mud-tooltip-root {
    width: 100% !important;
    min-width: 0 !important;
}

html[data-ag-theme][data-ag-theme-mode] body[data-ag-theme][data-ag-theme-mode]
    .compliance-container .ag-motors-subtabs > .mud-tabs-tabbar .mud-tab.mud-tab {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 38px !important;
    margin: 0 !important;
    padding: 6px 8px !important;
    border-radius: var(--ag-radius-md) !important;
    color: var(--ag-ink-secondary) !important;
    background: transparent !important;
    font-size: 12px !important;
}

html[data-ag-theme][data-ag-theme-mode] body[data-ag-theme][data-ag-theme-mode]
    .compliance-container .ag-motors-subtabs > .mud-tabs-tabbar .mud-tab.mud-tab-active {
    color: var(--ag-ink-inverse) !important;
    background: var(--ag-accent) !important;
}

html[data-ag-theme][data-ag-theme-mode] body[data-ag-theme][data-ag-theme-mode]
    .compliance-container .ag-motors-subtabs > .mud-tabs-tabbar :where(.mud-tabs-scroll-button, .mud-tabs-slider) {
    display: none !important;
}

html[data-ag-theme][data-ag-theme-mode] body[data-ag-theme][data-ag-theme-mode]
    .compliance-container .ag-motors-subtabs > .mud-tabs-panels {
    width: 100% !important;
    min-width: 0 !important;
    padding: 14px !important;
    color: var(--ag-ink) !important;
    background: transparent !important;
    box-sizing: border-box !important;
}

html[data-ag-theme][data-ag-theme-mode] body[data-ag-theme][data-ag-theme-mode]
    .compliance-container .ag-motors-command {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center !important;
}

html[data-ag-theme][data-ag-theme-mode] body[data-ag-theme][data-ag-theme-mode]
    .compliance-container .ag-motors-command-pills span {
    color: var(--ag-ink-secondary) !important;
    background: var(--ag-glass-regular) !important;
    border-color: var(--ag-hairline) !important;
}

html[data-ag-theme][data-ag-theme-mode] body[data-ag-theme][data-ag-theme-mode]
    .compliance-container .ag-motors-kpi-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

/* MudBlazor remains behavioral; Compliance controls inherit only AG Access visuals. */
html[data-ag-theme][data-ag-theme-mode] body[data-ag-theme][data-ag-theme-mode]
    .compliance-container :where(.mud-input.mud-input-filled, .mud-input.mud-input-outlined) {
    min-height: 44px !important;
    color: var(--ag-ink) !important;
    background: var(--ag-glass-regular) !important;
    border: 1px solid var(--ag-hairline) !important;
    border-radius: var(--ag-radius-md) !important;
    box-shadow: none !important;
}

html[data-ag-theme][data-ag-theme-mode] body[data-ag-theme][data-ag-theme-mode]
    .compliance-container :where(.mud-input.mud-input-filled, .mud-input.mud-input-outlined)::before,
html[data-ag-theme][data-ag-theme-mode] body[data-ag-theme][data-ag-theme-mode]
    .compliance-container :where(.mud-input.mud-input-filled, .mud-input.mud-input-outlined)::after {
    display: none !important;
}

html[data-ag-theme][data-ag-theme-mode] body[data-ag-theme][data-ag-theme-mode]
    .compliance-container :where(.mud-input-slot, .mud-input-label, .mud-select-input, input) {
    color: var(--ag-ink) !important;
}

html[data-ag-theme][data-ag-theme-mode] body[data-ag-theme][data-ag-theme-mode]
    .compliance-container :where(.mud-table, .mud-table-head, .mud-table-body, .mud-data-grid) {
    color: var(--ag-ink) !important;
    background: transparent !important;
    border-color: var(--ag-hairline) !important;
    box-shadow: none !important;
}

html[data-ag-theme][data-ag-theme-mode] body[data-ag-theme][data-ag-theme-mode]
    .compliance-container :where(.mud-table-cell, .mud-table-row, .mud-table-head .mud-table-cell) {
    color: var(--ag-ink) !important;
    border-color: var(--ag-hairline) !important;
}

html[data-ag-theme][data-ag-theme-mode] body[data-ag-theme][data-ag-theme-mode]
    .compliance-container .mud-table-head .mud-table-cell {
    color: var(--ag-ink-tertiary) !important;
    background: var(--ag-glass-regular) !important;
}

@media (max-width: 1420px) {
    html[data-ag-theme][data-ag-theme-mode] body[data-ag-theme][data-ag-theme-mode]
        .compliance-container .ag-motors-kpi-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    html[data-ag-theme][data-ag-theme-mode] body[data-ag-theme][data-ag-theme-mode]
        .compliance-container .agent-license-command {
        grid-template-columns: 1fr !important;
    }

    html[data-ag-theme][data-ag-theme-mode] body[data-ag-theme][data-ag-theme-mode]
        .compliance-container .agent-command-actions {
        justify-content: flex-start !important;
    }

    html[data-ag-theme][data-ag-theme-mode] body[data-ag-theme][data-ag-theme-mode]
        .compliance-container .agent-search {
        max-width: none !important;
    }
}

@media (min-width: 1500px) {
    html[data-ag-theme][data-ag-theme-mode] body[data-ag-theme][data-ag-theme-mode]
        .compliance-container .office-board-header {
        grid-template-columns: minmax(180px, 1fr) auto !important;
    }

    html[data-ag-theme][data-ag-theme-mode] body[data-ag-theme][data-ag-theme-mode]
        .compliance-container .office-board-actions {
        justify-content: flex-end !important;
        width: auto !important;
    }
}

@media (max-width: 1180px) {
    html[data-ag-theme][data-ag-theme-mode] body[data-ag-theme][data-ag-theme-mode]
        .compliance-container .location-selector-container {
        grid-template-columns: 1fr !important;
    }

    html[data-ag-theme][data-ag-theme-mode] body[data-ag-theme][data-ag-theme-mode]
        .compliance-container .location-selector-container .mud-button-root {
        justify-self: start !important;
    }

    html[data-ag-theme][data-ag-theme-mode] body[data-ag-theme][data-ag-theme-mode]
        .compliance-container .office-summary-pills {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 1080px) {
    html[data-ag-theme][data-ag-theme-mode] body.auth-login-page .login-container {
        grid-template-columns: 1fr !important;
    }

    html[data-ag-theme][data-ag-theme-mode] body.auth-login-page .login-branding {
        display: none !important;
    }

    html[data-ag-theme][data-ag-theme-mode] body.auth-login-page .login-form-container {
        min-height: 100vh !important;
        padding: 20px !important;
    }

    html[data-ag-theme][data-ag-theme-mode] body[data-ag-theme][data-ag-theme-mode]
        .compliance-tabs--primary.mud-tabs-vertical {
        display: block !important;
    }

    html[data-ag-theme][data-ag-theme-mode] body[data-ag-theme][data-ag-theme-mode]
        .compliance-tabs--primary.mud-tabs-vertical > .mud-tabs-tabbar {
        position: static !important;
        width: 100% !important;
        max-height: none !important;
        margin-bottom: var(--ag-space-5) !important;
        overflow: hidden !important;
        border-radius: var(--ag-radius-pill) !important;
    }

    html[data-ag-theme][data-ag-theme-mode] body[data-ag-theme][data-ag-theme-mode]
        .compliance-tabs--primary.mud-tabs-vertical > .mud-tabs-tabbar::before {
        display: none !important;
    }

    html[data-ag-theme][data-ag-theme-mode] body[data-ag-theme][data-ag-theme-mode]
        .compliance-tabs--primary.mud-tabs-vertical > .mud-tabs-tabbar .mud-tabs-tabbar-content {
        flex-direction: row !important;
        overflow-x: auto !important;
    }
}

@media (max-width: 760px) {
    html[data-ag-theme][data-ag-theme-mode] body[data-ag-theme][data-ag-theme-mode]
        .compliance-container .mt-page-header {
        grid-template-columns: auto minmax(0, 1fr) !important;
    }

    html[data-ag-theme][data-ag-theme-mode] body[data-ag-theme][data-ag-theme-mode]
        .compliance-container .mt-page-header__actions {
        grid-column: 1 / -1 !important;
        width: 100% !important;
    }

    html[data-ag-theme][data-ag-theme-mode] body[data-ag-theme][data-ag-theme-mode]
        .compliance-container .office-summary-pills,
    html[data-ag-theme][data-ag-theme-mode] body[data-ag-theme][data-ag-theme-mode]
        .compliance-container .ag-motors-kpi-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    html[data-ag-theme][data-ag-theme-mode] body[data-ag-theme][data-ag-theme-mode]
        .compliance-container .ag-motors-subtabs > .mud-tabs-tabbar .mud-tabs-tabbar-wrapper {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    html[data-ag-theme][data-ag-theme-mode] body[data-ag-theme][data-ag-theme-mode]
        .compliance-container .ag-motors-command {
        grid-template-columns: 1fr !important;
    }
}

@media print {
    .ag-topbar, .ag-drawer, .ag-auth-theme, .mud-scroll-to-top { display: none !important; }
    .ag-main { margin: 0 !important; padding: 0 !important; }
    body { background: #FFFFFF !important; color: #0A0A0C !important; }
}
} /* End compatibility scope. The clean kit never consumes this layer. */

/* AG clean kit: MudBlazor behavior/accessibility adapter. Token-only visuals. */
html[data-ag-theme] body .mud-dialog-container:has(.agc-dialog) .mud-overlay-scrim {
    background: var(--ag-token-color-scrim-modal) !important;
    opacity: 1 !important;
    backdrop-filter: blur(var(--ag-token-blur-regular));
}
html[data-ag-theme] body .mud-dialog.agc-dialog {
    display: flex !important;
    flex-direction: column !important;
    font-family: var(--ag-token-typography-family-ui) !important;
    width: min(var(--ag-token-web-dialogWidth), calc(100vw - var(--ag-token-space-40))) !important;
    max-width: var(--ag-token-web-dialogWidth) !important;
    max-height: calc(100dvh - var(--ag-token-space-40)) !important;
    margin: var(--ag-token-space-20) !important;
    padding: 0 !important;
    color: var(--ag-token-color-ink-primary) !important;
    background: var(--ag-token-color-bg-elevated) !important;
    border: var(--ag-token-web-hairlineWidth) solid var(--ag-token-color-border-hairline) !important;
    border-radius: var(--ag-token-radius-sheet) !important;
    box-shadow: var(--ag-token-elevation-floating) !important;
    overflow: hidden !important;
}
html[data-ag-theme] body .mud-dialog.agc-dialog--wide,
html[data-ag-theme] body .mud-dialog.agc-ticket-detail {
    width: min(var(--ag-token-web-workspaceWidth), calc(100vw - var(--ag-token-space-40))) !important;
    max-width: var(--ag-token-web-workspaceWidth) !important;
}
html[data-ag-theme] body .agc-dialog .agc-dialog-content {
    padding: 0 !important; margin: 0 !important; color: inherit !important; background: transparent !important;
    overflow-y: auto !important; min-height: 0 !important;
    flex: 1 1 auto !important; overscroll-behavior: contain;
}
html[data-ag-theme] body .agc-ticket-detail .agc-ticket-detail__content {
    display: flex !important;
    flex-direction: column !important;
    gap: var(--ag-token-space-24);
    padding: var(--ag-token-space-32) !important;
    overflow-x: hidden !important;
}
html[data-ag-theme] body .agc-ticket-detail__content > * {
    flex-shrink: 0;
    min-width: 0;
    max-width: 100%;
}
@media (max-width: 760px) {
    html[data-ag-theme] body .mud-dialog.agc-dialog {
        width: calc(100vw - var(--ag-token-space-16)) !important;
        max-width: calc(100vw - var(--ag-token-space-16)) !important;
        max-height: calc(100dvh - var(--ag-token-space-16)) !important;
        margin: var(--ag-token-space-8) !important;
    }
    html[data-ag-theme] body .agc-ticket-detail .agc-ticket-detail__content {
        padding: var(--ag-token-space-20) !important;
    }
}
html[data-ag-theme] body .agc-dialog .mud-dialog-title { padding: 0 !important; margin: 0 !important; flex: none !important; }
html[data-ag-theme] body .mud-dialog.agc-dialog--compact { width: min(var(--ag-token-web-confirmationWidth), calc(100vw - var(--ag-token-space-40))) !important; max-width: var(--ag-token-web-confirmationWidth) !important; }
html[data-ag-theme] body .agc-dialog .agc-dialog-actions {
    padding: 0 !important; margin: 0 !important; flex: none !important; background: transparent !important;
}
html[data-ag-theme] body [data-ag-kit] .agc-platform-input { width: 100%; min-width: 0; margin: 0 !important; padding: 0 !important; }
html[data-ag-theme] body [data-ag-kit] .agc-platform-input :is(.mud-input-control-input-container,.mud-select) { margin: 0 !important; padding: 0 !important; }
html[data-ag-theme] body [data-ag-kit] .agc-platform-input .mud-input {
    min-height: var(--ag-token-size-inputHeight) !important;
    height: auto !important; margin: 0 !important;
    background: var(--ag-token-color-glass-subtle-tint) !important;
    color: var(--ag-token-color-ink-primary) !important;
    border: var(--ag-token-web-hairlineWidth) solid var(--ag-token-color-border-hairline) !important;
    border-radius: var(--ag-token-radius-md) !important;
    box-shadow: none !important;
}
html[data-ag-theme] body [data-ag-kit] .agc-platform-input .mud-input:focus-within { border-color: var(--ag-token-color-border-strong) !important; }
html[data-ag-theme] body [data-ag-kit] .agc-platform-input .mud-input-error { border-color: var(--ag-token-color-state-error) !important; }
html[data-ag-theme] body [data-ag-kit] .agc-platform-input :is(fieldset,.mud-input-label),
html[data-ag-theme] body [data-ag-kit] .agc-platform-input .mud-input::before,
html[data-ag-theme] body [data-ag-kit] .agc-platform-input .mud-input::after { display: none !important; }
html[data-ag-theme] body [data-ag-kit] .agc-platform-input :is(input,textarea,.mud-input-slot) {
    min-width: 0 !important; height: auto !important; padding: var(--ag-token-space-12) var(--ag-token-space-16) !important;
    font-family: var(--ag-token-typography-family-ui) !important; font-size: var(--ag-token-typography-style-subhead-size) !important;
    line-height: var(--ag-token-typography-style-body-lineHeight) !important;
    color: var(--ag-token-color-ink-primary) !important; -webkit-text-fill-color: currentColor !important;
    background: transparent !important; border: 0 !important; outline: 0 !important; box-shadow: none !important;
}
html[data-ag-theme] body [data-ag-kit] .agc-platform-input :is(input,textarea)::placeholder { color: var(--ag-token-color-ink-secondary) !important; opacity: 1 !important; }
html[data-ag-theme] body [data-ag-kit] .agc-field--multiline .mud-input { min-height: var(--ag-token-web-textareaHeight) !important; align-items: flex-start !important; }
html[data-ag-theme] body [data-ag-kit] .agc-field--multiline textarea { min-height: var(--ag-token-web-textareaHeight) !important; resize: vertical !important; }
html[data-ag-theme] body [data-ag-kit] .agc-platform-input .mud-input-adornment { color: var(--ag-token-color-ink-secondary) !important; margin-inline-end: var(--ag-token-space-12) !important; background: transparent !important; }
html[data-ag-theme] body [data-ag-kit] .agc-platform-input .mud-input-helper-text { margin: var(--ag-token-space-4) 0 0 !important; padding: 0 !important; font-size: var(--ag-token-typography-style-footnote-size) !important; color: var(--ag-token-color-ink-secondary) !important; }
html[data-ag-theme] body [data-ag-kit] .agc-platform-input .mud-input-helper-text.mud-input-error { color: var(--ag-token-color-state-error) !important; border: 0 !important; }
html[data-ag-theme] body [data-ag-kit] .agc-platform-input .mud-input-control-helper-container { padding: 0 !important; margin: 0 !important; }
html[data-ag-theme] body [data-ag-kit] .agc-ticket-composer .agc-platform-input .mud-input { background: var(--ag-token-color-bg-elevated) !important; }
html[data-ag-theme] body [data-ag-kit] .agc-platform-grid { color: var(--ag-token-color-ink-primary) !important; background: transparent !important; box-shadow: none !important; }
html[data-ag-theme] body [data-ag-kit] .agc-platform-grid :is(.mud-table-container,.mud-table,.mud-table-root,.mud-data-grid) { color: var(--ag-token-color-ink-primary) !important; background: transparent !important; box-shadow: none !important; }
html[data-ag-theme] body [data-ag-kit] .agc-platform-grid .mud-table-head { background: var(--ag-token-color-glass-regular-tint) !important; }
html[data-ag-theme] body [data-ag-kit] .agc-platform-grid .mud-table-head .mud-table-cell { padding: var(--ag-token-space-12) var(--ag-token-space-16) !important; color: var(--ag-token-color-ink-secondary) !important; border-color: var(--ag-token-color-border-hairline) !important; font-size: var(--ag-token-typography-style-caption-size) !important; font-weight: var(--ag-token-typography-style-caption-weight) !important; letter-spacing: var(--ag-token-typography-style-caption-tracking) !important; text-transform: uppercase !important; }
html[data-ag-theme] body [data-ag-density="compact"] .agc-platform-grid .mud-table-head :is(.mud-table-cell,.column-header) { white-space: nowrap !important; }
html[data-ag-theme] body [data-ag-kit] .agc-platform-grid .mud-table-body .mud-table-row { color: var(--ag-token-color-ink-primary) !important; background: transparent !important; }
html[data-ag-theme] body [data-ag-kit] .agc-platform-grid .mud-table-body .mud-table-row:hover { background: var(--ag-token-color-glass-subtle-tint) !important; }
html[data-ag-theme] body [data-ag-kit] .agc-platform-grid .mud-table-body .mud-table-cell { padding: var(--ag-token-space-16) !important; color: var(--ag-token-color-ink-primary) !important; border-color: var(--ag-token-color-border-hairline) !important; }
html[data-ag-theme] body [data-ag-kit] .agc-platform-grid .mud-table-pagination { min-height: var(--ag-token-size-inputHeight) !important; padding-inline: var(--ag-token-space-12) !important; border-top: var(--ag-token-web-hairlineWidth) solid var(--ag-token-color-border-hairline) !important; background: var(--ag-token-color-glass-subtle-tint) !important; color: var(--ag-token-color-ink-secondary) !important; }
html[data-ag-theme] body [data-ag-kit] .agc-platform-grid.agc-legal-grid { width: 100% !important; overflow: hidden !important; border: var(--ag-token-web-hairlineWidth) solid var(--ag-token-color-border-hairline) !important; border-radius: var(--ag-token-radius-xl) !important; background: var(--ag-token-color-glass-subtle-tint) !important; }
html[data-ag-theme] body [data-ag-kit] .agc-platform-grid.agc-legal-grid .mud-table-container { max-width: 100% !important; overflow-x: auto !important; }
html[data-ag-theme] body [data-ag-kit] .agc-platform-grid.agc-legal-grid--wide .mud-table-root { min-width: calc(var(--ag-token-web-fieldColumnMin) * 5) !important; }
html[data-ag-theme] body [data-ag-kit] .agc-platform-grid.agc-legal-grid :is(.mud-icon-root,.mud-table-sort-label-icon,.mud-icon-button) { color: var(--ag-token-color-ink-secondary) !important; }
html[data-ag-theme] body [data-ag-kit] .agc-platform-grid.agc-legal-grid .mud-icon-button { min-width: var(--ag-token-size-touchTargetMin) !important; min-height: var(--ag-token-size-touchTargetMin) !important; border-radius: var(--ag-token-radius-pill) !important; }
html[data-ag-theme] body [data-ag-kit] .agc-platform-grid.agc-legal-grid .mud-icon-button:hover { background: var(--ag-token-color-glass-regular-tint) !important; color: var(--ag-token-color-ink-primary) !important; }
html[data-ag-theme] body [data-ag-kit] .agc-platform-grid.agc-legal-grid :is(.mud-table-pagination-select,.mud-select,.mud-input) { color: var(--ag-token-color-ink-primary) !important; background: transparent !important; }
html[data-ag-theme] body [data-ag-kit] .agc-platform-tabs { width: 100% !important; max-width: 100% !important; min-width: 0 !important; overflow: hidden !important; color: var(--ag-token-color-ink-primary) !important; background: transparent !important; box-shadow: none !important; }
html[data-ag-theme] body [data-ag-kit] .agc-platform-tabs > .mud-tabs-tabbar { width: 100% !important; max-width: 100% !important; min-width: 0 !important; min-height: var(--ag-token-size-buttonHeight) !important; padding: var(--ag-token-space-4) !important; overflow: hidden !important; border: var(--ag-token-web-hairlineWidth) solid var(--ag-token-color-border-hairline) !important; border-radius: var(--ag-token-radius-pill) !important; background: var(--ag-token-color-glass-regular-tint) !important; }
html[data-ag-theme] body [data-ag-kit] .agc-platform-tabs > .mud-tabs-tabbar :is(.mud-tabs-tabbar-content,.mud-tabs-tabbar-wrapper) { max-width: 100% !important; min-width: 0 !important; background: transparent !important; }
html[data-ag-theme] body [data-ag-kit] .agc-platform-tabs > .mud-tabs-tabbar .mud-tabs-tabbar-content { width: 100% !important; overflow-x: auto !important; }
html[data-ag-theme] body [data-ag-kit] .agc-platform-tabs > .mud-tabs-tabbar .mud-tabs-tabbar-wrapper { display: flex !important; width: max-content !important; max-width: none !important; gap: var(--ag-token-space-4) !important; }
html[data-ag-theme] body [data-ag-kit] .agc-platform-tabs > .mud-tabs-tabbar .mud-tab { flex: 1 0 auto !important; min-width: max-content !important; min-height: var(--ag-token-size-touchTargetMin) !important; padding: var(--ag-token-space-8) var(--ag-token-space-16) !important; border: 0 !important; border-radius: var(--ag-token-radius-pill) !important; color: var(--ag-token-color-ink-secondary) !important; background: transparent !important; font-family: var(--ag-token-typography-family-ui) !important; font-size: var(--ag-token-typography-style-subhead-size) !important; font-weight: var(--ag-token-typography-style-subhead-weight) !important; text-transform: none !important; }
html[data-ag-theme] body [data-ag-kit] .agc-platform-tabs > .mud-tabs-tabbar .mud-tab:hover { color: var(--ag-token-color-ink-primary) !important; background: var(--ag-token-color-glass-subtle-tint) !important; }
html[data-ag-theme] body [data-ag-kit] .agc-platform-tabs > .mud-tabs-tabbar .mud-tab.mud-tab-active { color: var(--ag-token-color-ink-inverse) !important; background: var(--ag-token-color-accent-solid) !important; }
html[data-ag-theme] body [data-ag-kit] .agc-platform-tabs > .mud-tabs-tabbar .mud-tab .mud-icon-root { color: inherit !important; }
html[data-ag-theme] body [data-ag-kit] .agc-platform-tabs > .mud-tabs-tabbar :is(.mud-tabs-slider,.mud-tabs-scroll-button) { display: none !important; }
html[data-ag-theme] body [data-ag-kit] .agc-platform-tabs > .mud-tabs-panels { width: 100% !important; max-width: 100% !important; min-width: 0 !important; padding: var(--ag-token-space-20) 0 0 !important; overflow: hidden !important; color: var(--ag-token-color-ink-primary) !important; background: transparent !important; }
html[data-ag-theme] body .agc-platform-popover {
    background: var(--ag-token-color-surface-fallback-prominent) !important;
    color: var(--ag-token-color-ink-primary) !important;
    border: var(--ag-token-web-hairlineWidth) solid var(--ag-token-color-border-hairline) !important;
    border-radius: var(--ag-token-radius-md) !important;
    box-shadow: var(--ag-token-elevation-floating) !important;
    font-family: var(--ag-token-typography-family-ui) !important;
}
html[data-ag-theme] body .agc-platform-popover :is(.mud-list,.mud-list-item,.mud-typography) { color: inherit !important; background: transparent !important; font: inherit !important; }
html[data-ag-theme] body .agc-platform-popover .mud-list-item { min-height: var(--ag-token-size-touchTargetMin) !important; }
html[data-ag-theme] body .agc-platform-popover :is(.mud-selected-item,.mud-list-item:hover) { background: var(--ag-token-color-glass-regular-tint) !important; color: var(--ag-token-color-ink-primary) !important; }
@media (prefers-reduced-transparency: reduce) {
    html[data-ag-theme] body .mud-dialog-container:has(.agc-dialog) .mud-overlay-scrim { backdrop-filter: none; }
}