:root{--sauter-blue: #0082c8;--sauter-blue-light: #99c7ed;--sauter-yellow: #f8de22;--sauter-slate: #44546a;--sauter-blue-deep: #003b78;--sauter-blue-night: #121f2c;--blue-50: #e6f3fb;--blue-100: #cce7f7;--blue-200: #99c7ed;--blue-300: #66aae3;--blue-400: #338cd5;--blue-500: #0082c8;--blue-600: #006aa6;--blue-700: #00528b;--blue-800: #003b78;--blue-900: #002851;--yellow-300: #fced7a;--yellow-400: #fae64d;--yellow-500: #f8de22;--yellow-600: #e6c70a;--yellow-700: #b89e00;--white: #ffffff;--neutral-50: #f5f7f9;--neutral-100: #eaeef2;--neutral-200: #d8dee6;--neutral-300: #bcc6d1;--neutral-400: #97a3b2;--neutral-500: #6f7d8f;--neutral-600: #54637a;--neutral-700: #44546a;--neutral-800: #313e50;--neutral-900: #1d2733;--black: #0d141c;--status-ok-bg: #e3f4ec;--status-ok: #1f8a5b;--status-info-bg: #e6f3fb;--status-info: #0082c8;--status-warning-bg: #fdf4d6;--status-warning: #b07900;--status-alarm-bg: #fbe6e6;--status-alarm: #c4362f;--brand-primary: var(--sauter-blue);--brand-primary-hover:var(--blue-600);--brand-primary-press:var(--blue-700);--brand-accent: var(--sauter-yellow);--brand-accent-press: var(--yellow-600);--surface-page: var(--neutral-50);--surface-card: var(--white);--surface-sunken: var(--neutral-100);--surface-raised: var(--white);--surface-inverse: var(--sauter-blue-night);--surface-brand: var(--sauter-blue);--surface-brand-deep: var(--sauter-blue-deep);--text-primary: var(--neutral-900);--text-secondary: var(--neutral-600);--text-muted: var(--neutral-500);--text-inverse: var(--white);--text-on-brand: var(--white);--text-on-dark: var(--sauter-blue-light);--text-link: var(--sauter-blue);--border-subtle: var(--neutral-200);--border-default: var(--neutral-300);--border-strong: var(--neutral-400);--border-brand: var(--sauter-blue);--focus-ring: var(--blue-400);--accent-keyline: var(--sauter-yellow)}:root{--font-display: "Archivo", system-ui, -apple-system, "Segoe UI", sans-serif;--font-body: "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, "SF Mono", "Consolas", monospace;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--weight-display: 800;--text-2xs: .6875rem;--text-xs: .75rem;--text-sm: .875rem;--text-base:1rem;--text-md: 1.125rem;--text-lg: 1.375rem;--text-xl: 1.75rem;--text-2xl: 2.25rem;--text-3xl: 3rem;--text-4xl: 4rem;--leading-tight: 1.1;--leading-snug: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.65;--tracking-tight: -.02em;--tracking-normal: 0;--tracking-wide: .04em;--tracking-caps: .08em;--type-display: var(--weight-display) var(--text-4xl)/var(--leading-tight) var(--font-display);--type-hero: var(--weight-bold) var(--text-3xl)/var(--leading-tight) var(--font-display);--type-title: var(--weight-bold) var(--text-2xl)/var(--leading-snug) var(--font-display);--type-section: var(--weight-semibold) var(--text-xl)/var(--leading-snug) var(--font-display);--type-card-title: var(--weight-semibold) var(--text-lg)/var(--leading-snug) var(--font-display);--type-lead: var(--weight-regular) var(--text-md)/var(--leading-relaxed) var(--font-body);--type-body: var(--weight-regular) var(--text-base)/var(--leading-normal) var(--font-body);--type-body-sm: var(--weight-regular) var(--text-sm)/var(--leading-normal) var(--font-body);--type-caption: var(--weight-regular) var(--text-xs)/var(--leading-normal) var(--font-body);--type-data: var(--weight-medium) var(--text-base)/var(--leading-snug) var(--font-mono)}:root{--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 2.5rem;--space-8: 3rem;--space-9: 4rem;--space-10: 5rem;--space-12: 7.5rem;--radius-xs: 2px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 10px;--radius-xl: 16px;--radius-pill: 999px;--control-sm: 32px;--control-md: 40px;--control-lg: 48px;--border-hair: 1px;--border-thick: 2px;--keyline-w: 3px;--container-max: 1200px;--container-wide: 1440px;--sidebar-w: 248px}:root{--shadow-xs: 0 1px 2px rgba(29, 39, 51, .06);--shadow-sm: 0 1px 3px rgba(29, 39, 51, .08), 0 1px 2px rgba(29, 39, 51, .06);--shadow-md: 0 4px 12px rgba(29, 39, 51, .1), 0 1px 3px rgba(29, 39, 51, .06);--shadow-lg: 0 12px 28px rgba(29, 39, 51, .14), 0 2px 6px rgba(29, 39, 51, .08);--shadow-xl: 0 24px 48px rgba(29, 39, 51, .18);--shadow-focus: 0 0 0 3px rgba(51, 140, 213, .45);--ease-standard: cubic-bezier(.2, 0, .2, 1);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in: cubic-bezier(.4, 0, 1, 1);--duration-fast: .12s;--duration-normal: .2s;--duration-slow: .32s}@font-face{font-family:Archivo;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/archivo-var-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Archivo;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/archivo-var-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:100 700;font-display:swap;src:url(/fonts/ibm-plex-sans-var-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:100 700;font-display:swap;src:url(/fonts/ibm-plex-sans-var-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/ibm-plex-mono-400-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/ibm-plex-mono-400-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/ibm-plex-mono-500-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/ibm-plex-mono-500-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/ibm-plex-mono-600-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/ibm-plex-mono-600-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:SAUTER Figures;font-style:normal;font-weight:100 700;font-display:swap;src:url(/fonts/ibm-plex-sans-var-latin.woff2) format("woff2");unicode-range:U+0030-0039}:root{--font-mono: "SAUTER Figures", "IBM Plex Mono", ui-monospace, "SF Mono", "Consolas", monospace}:root{--ds-danger-hover: #a82c26}.ds-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);border-radius:var(--radius-md);font-family:var(--font-body);font-weight:var(--weight-semibold);line-height:1;white-space:nowrap;cursor:pointer;text-decoration:none;transition:background var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard),transform var(--duration-fast) var(--ease-standard)}.ds-btn--sm{height:var(--control-sm);padding:0 var(--space-3);font-size:var(--text-sm)}.ds-btn--md{height:var(--control-md);padding:0 var(--space-5);font-size:var(--text-base)}.ds-btn--lg{height:var(--control-lg);padding:0 var(--space-6);font-size:var(--text-md)}.ds-btn--full{width:100%}.ds-btn--primary{background:var(--brand-primary);color:var(--text-on-brand);border:var(--border-hair) solid var(--brand-primary)}.ds-btn--primary:hover:not(:disabled){background:var(--brand-primary-hover);border-color:var(--brand-primary-hover)}.ds-btn--primary:active:not(:disabled){background:var(--brand-primary-press)}.ds-btn--secondary{background:var(--surface-card);color:var(--brand-primary);border:var(--border-hair) solid var(--border-default)}.ds-btn--secondary:hover:not(:disabled){background:var(--surface-sunken)}.ds-btn--ghost{background:transparent;color:var(--brand-primary);border:var(--border-hair) solid transparent}.ds-btn--ghost:hover:not(:disabled){background:var(--blue-50)}.ds-btn--accent{background:var(--brand-accent);color:var(--neutral-900);border:var(--border-hair) solid var(--brand-accent)}.ds-btn--accent:hover:not(:disabled){background:var(--brand-accent-press);border-color:var(--brand-accent-press)}.ds-btn--danger{background:var(--status-alarm);color:var(--text-inverse);border:var(--border-hair) solid var(--status-alarm)}.ds-btn--danger:hover:not(:disabled){background:var(--ds-danger-hover);border-color:var(--ds-danger-hover)}.ds-btn:active:not(:disabled){transform:translateY(1px)}.ds-btn:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.ds-btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.ds-iconbtn{display:inline-flex;align-items:center;justify-content:center;flex:none;padding:0;border-radius:var(--radius-md);cursor:pointer;transition:background var(--duration-fast) var(--ease-standard)}.ds-iconbtn--sm{width:var(--control-sm);height:var(--control-sm)}.ds-iconbtn--md{width:var(--control-md);height:var(--control-md)}.ds-iconbtn--lg{width:var(--control-lg);height:var(--control-lg)}.ds-iconbtn--ghost{background:transparent;color:var(--text-secondary);border:var(--border-hair) solid transparent}.ds-iconbtn--outline{background:var(--surface-card);color:var(--brand-primary);border:var(--border-hair) solid var(--border-default)}.ds-iconbtn--solid{background:var(--brand-primary);color:var(--text-inverse);border:var(--border-hair) solid var(--brand-primary)}.ds-iconbtn--ghost:hover:not(:disabled),.ds-iconbtn--outline:hover:not(:disabled){background:var(--surface-sunken)}.ds-iconbtn--solid:hover:not(:disabled){background:var(--brand-primary-hover)}.ds-iconbtn:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.ds-iconbtn:disabled{opacity:.45;cursor:not-allowed}.ds-field{display:flex;flex-direction:column;gap:var(--space-2);min-width:0;font-family:var(--font-body)}.ds-field__label{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-primary)}.ds-field__hint{font-size:var(--text-xs);color:var(--text-muted)}.ds-field__error{font-size:var(--text-xs);color:var(--status-alarm)}.ds-input{display:flex;align-items:center;gap:var(--space-2);padding:0 var(--space-3);background:var(--surface-card);border:var(--border-hair) solid var(--border-default);border-radius:var(--radius-md);transition:border-color var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard)}.ds-input--sm{height:var(--control-sm)}.ds-input--md{height:var(--control-md)}.ds-input--lg{height:var(--control-lg)}.ds-input:focus-within{border-color:var(--brand-primary);box-shadow:var(--shadow-focus)}.ds-input--error{border-color:var(--status-alarm)}.ds-input--disabled{background:var(--surface-sunken)}.ds-input__icon{display:inline-flex;flex:none;color:var(--text-muted)}.ds-input input{flex:1;min-width:0;min-height:0;padding:0;border:none;outline:none;background:transparent;font-family:var(--font-body);font-size:var(--text-base);color:var(--text-primary)}.ds-input input:focus-visible{box-shadow:none}.ds-select{position:relative;display:flex;align-items:center}.ds-select select{appearance:none;-webkit-appearance:none;width:100%;min-height:0;padding:0 var(--space-7) 0 var(--space-3);background:var(--surface-card);border:var(--border-hair) solid var(--border-default);border-radius:var(--radius-md);font-family:var(--font-body);font-size:var(--text-base);color:var(--text-primary);cursor:pointer;outline:none;transition:border-color var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard)}.ds-select--sm select{height:var(--control-sm)}.ds-select--md select{height:var(--control-md)}.ds-select--lg select{height:var(--control-lg)}.ds-select select:focus{border-color:var(--brand-primary);box-shadow:var(--shadow-focus)}.ds-select select:disabled{background:var(--surface-sunken);cursor:not-allowed}.ds-select__chevron{position:absolute;right:var(--space-3);pointer-events:none;color:var(--text-muted)}.ds-checkbox{display:inline-flex;align-items:center;gap:var(--space-3);font-family:var(--font-body);font-size:var(--text-base);color:var(--text-primary);cursor:pointer}.ds-checkbox--disabled{opacity:.5;cursor:not-allowed}.ds-checkbox__box{position:relative;width:20px;height:20px;flex:none;display:inline-flex;align-items:center;justify-content:center;background:var(--surface-card);border:var(--border-hair) solid var(--border-strong);border-radius:var(--radius-sm);color:var(--text-inverse);transition:background var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard)}.ds-checkbox__box:has(input:checked){background:var(--brand-primary);border-color:var(--brand-primary)}.ds-checkbox__box:has(input:focus-visible){box-shadow:var(--shadow-focus)}.ds-checkbox__mark{opacity:0;transition:opacity var(--duration-fast) var(--ease-standard)}.ds-checkbox__box:has(input:checked) .ds-checkbox__mark{opacity:1}.ds-checkbox input{position:absolute;inset:0;width:100%;height:100%;min-height:0;margin:0;padding:0;opacity:0;cursor:inherit}.ds-switch{display:inline-flex;align-items:center;gap:var(--space-3);font-family:var(--font-body);font-size:var(--text-base);color:var(--text-primary);cursor:pointer}.ds-switch--disabled{opacity:.5;cursor:not-allowed}.ds-switch__track{position:relative;width:40px;height:22px;flex:none;background:var(--neutral-300);border-radius:var(--radius-pill);transition:background var(--duration-normal) var(--ease-standard)}.ds-switch__track:has(input:checked){background:var(--brand-primary)}.ds-switch__knob{position:absolute;top:2px;left:2px;width:18px;height:18px;background:var(--white);border-radius:50%;box-shadow:var(--shadow-sm);transition:left var(--duration-normal) var(--ease-out)}.ds-switch__track:has(input:checked) .ds-switch__knob{left:20px}.ds-switch input{position:absolute;inset:0;width:100%;height:100%;min-height:0;margin:0;padding:0;opacity:0;cursor:inherit}.ds-switch__track:has(input:focus-visible){box-shadow:var(--shadow-focus)}.ds-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 var(--space-2);border-radius:var(--radius-pill);font-family:var(--font-body);font-size:var(--text-xs);font-weight:var(--weight-semibold);line-height:1}.ds-badge--neutral{background:var(--surface-sunken);color:var(--text-secondary)}.ds-badge--brand{background:var(--blue-50);color:var(--brand-primary)}.ds-badge--accent{background:var(--yellow-500);color:var(--neutral-900)}.ds-badge--ok{background:var(--status-ok-bg);color:var(--status-ok)}.ds-badge--warning{background:var(--status-warning-bg);color:var(--status-warning)}.ds-badge--alarm{background:var(--status-alarm-bg);color:var(--status-alarm)}.ds-statuspill{display:inline-flex;align-items:center;gap:var(--space-2);height:24px;padding:0 var(--space-3);border-radius:var(--radius-pill);font-family:var(--font-body);font-size:var(--text-xs);font-weight:var(--weight-semibold);line-height:1}.ds-statuspill__dot{width:8px;height:8px;flex:none;border-radius:50%;background:currentColor}.ds-statuspill--ok{background:var(--status-ok-bg);color:var(--status-ok)}.ds-statuspill--info{background:var(--status-info-bg);color:var(--status-info)}.ds-statuspill--warning{background:var(--status-warning-bg);color:var(--status-warning)}.ds-statuspill--alarm{background:var(--status-alarm-bg);color:var(--status-alarm)}.ds-statuspill--offline{background:var(--surface-sunken);color:var(--text-secondary)}.ds-statuspill--offline .ds-statuspill__dot{background:var(--neutral-400)}.ds-tag{display:inline-flex;align-items:center;gap:var(--space-2);height:26px;padding:0 var(--space-3);background:var(--surface-card);border:var(--border-hair) solid var(--border-default);border-radius:var(--radius-sm);font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-primary);line-height:1}.ds-tag__dot{width:8px;height:8px;flex:none;border-radius:50%}.ds-tag__remove{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;min-height:0;margin-left:2px;padding:0;background:transparent;border:none;border-radius:var(--radius-xs);color:var(--text-muted);cursor:pointer}.ds-tag__remove:hover{background:var(--surface-sunken);color:var(--text-primary)}.ds-card{background:var(--surface-card);border:var(--border-hair) solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden;font-family:var(--font-body)}.ds-card--keyline{border-top:var(--keyline-w) solid var(--accent-keyline)}.ds-card--hoverable{transition:transform var(--duration-normal) var(--ease-standard),box-shadow var(--duration-normal) var(--ease-standard)}.ds-card--hoverable:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.ds-card__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4) var(--space-5);border-bottom:var(--border-hair) solid var(--border-subtle)}.ds-card__header>div:first-child{min-width:0}.ds-card__title{margin:0;font:var(--type-card-title);color:var(--text-primary)}.ds-card__subtitle{margin:2px 0 0;font-size:var(--text-sm);color:var(--text-secondary)}.ds-card__actions{display:flex;align-items:center;gap:var(--space-2);flex:none}.ds-metric{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-5);background:var(--surface-card);border:var(--border-hair) solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);font-family:var(--font-body)}.ds-metric__head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.ds-metric__label{font-size:var(--text-xs);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:var(--tracking-caps);color:var(--text-secondary)}.ds-metric__icon{display:inline-flex;flex:none;color:var(--brand-primary)}.ds-metric--warning .ds-metric__icon{color:var(--status-warning)}.ds-metric--alarm .ds-metric__icon{color:var(--status-alarm)}.ds-metric__value{display:flex;align-items:baseline;gap:var(--space-2)}.ds-metric__number{font-family:var(--font-mono);font-weight:var(--weight-medium);font-size:var(--text-2xl);line-height:1;color:var(--text-primary)}.ds-metric__unit{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-muted)}.ds-metric__trend{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-muted)}.ds-metric__trend--up{color:var(--status-ok)}.ds-metric__trend--down{color:var(--status-alarm)}.ds-tabs{display:flex;gap:var(--space-5);border-bottom:var(--border-hair) solid var(--border-subtle);font-family:var(--font-body)}.ds-tabs__tab{position:relative;display:inline-flex;align-items:center;gap:var(--space-2);min-height:0;margin-bottom:-1px;padding:var(--space-3) 0;background:transparent;border:none;border-bottom:var(--keyline-w) solid transparent;border-radius:0;font-size:var(--text-base);font-weight:var(--weight-medium);color:var(--text-secondary);cursor:pointer;transition:color var(--duration-fast) var(--ease-standard)}.ds-tabs__tab:hover{background:transparent;color:var(--text-primary)}.ds-tabs__tab[aria-selected=true]{font-weight:var(--weight-semibold);color:var(--text-primary);border-bottom-color:var(--accent-keyline)}.ds-tabs__badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 6px;border-radius:var(--radius-pill);background:var(--surface-sunken);color:var(--text-secondary);font-size:var(--text-xs);font-weight:var(--weight-semibold)}.ds-tabs__tab[aria-selected=true] .ds-tabs__badge{background:var(--blue-50);color:var(--brand-primary)}.ds-avatar{position:relative;display:inline-flex;flex:none}.ds-avatar__face{display:inline-flex;align-items:center;justify-content:center;overflow:hidden;border-radius:50%;background:var(--sauter-blue);color:var(--text-inverse);font-family:var(--font-body);font-weight:var(--weight-semibold)}.ds-avatar__face img{width:100%;height:100%;object-fit:cover}.ds-avatar--image .ds-avatar__face{background:var(--surface-sunken)}.ds-avatar__status{position:absolute;right:0;bottom:0;border-radius:50%;border:var(--border-thick) solid var(--surface-card)}.ds-avatar__status--ok{background:var(--status-ok)}.ds-avatar__status--warning{background:var(--status-warning)}.ds-avatar__status--alarm{background:var(--status-alarm)}.ds-avatar__status--offline{background:var(--neutral-400)}*{box-sizing:border-box}html,body,#root{margin:0;min-width:320px;min-height:100%;background:var(--surface-page);color:var(--text-primary);font:var(--type-body);-webkit-font-smoothing:antialiased}body{min-height:100vh}h1{margin:0;font:var(--type-title);letter-spacing:var(--tracking-tight)}h2{margin:0;font:var(--type-section);letter-spacing:var(--tracking-tight)}h3{margin:0;font:var(--type-card-title)}p{line-height:var(--leading-normal)}a{color:var(--text-link);text-decoration:none}a:hover{color:var(--blue-700);text-decoration:underline}:focus-visible{outline:none;box-shadow:var(--shadow-focus);border-radius:var(--radius-sm)}code,.data,.kpi,time{font-family:var(--font-mono)}code{padding:var(--space-1);background:var(--surface-sunken);border-radius:var(--radius-xs)}textarea{font:inherit}.icon{display:block;flex:none}.eyebrow,.card-label{margin:0 0 var(--space-3);display:flex;align-items:center;gap:var(--space-2);font:var(--weight-semibold) var(--text-xs)/1 var(--font-body);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--text-secondary)}.eyebrow:before,.card-label:before{content:"";width:20px;height:var(--keyline-w);flex:none;background:var(--accent-keyline)}.eyebrow--light{color:var(--text-on-dark)}.link-button{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1);background:none;border:0;font:var(--type-body-sm);font-weight:var(--weight-semibold);color:var(--text-link);cursor:pointer}.link-button:hover{color:var(--blue-700);text-decoration:underline}.link-button:disabled{opacity:.45;cursor:not-allowed;text-decoration:none}.file-button{position:relative;overflow:hidden}.file-button input[type=file]{position:absolute;inset:0;opacity:0;cursor:pointer}.app-shell{display:grid;grid-template-columns:var(--sidebar-w) minmax(0,1fr);min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;z-index:5;width:var(--sidebar-w);padding:var(--space-6) var(--space-4);display:flex;flex-direction:column;background:var(--surface-inverse);color:var(--text-inverse)}.brand{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-2);padding:0 var(--space-2);color:var(--text-inverse);text-decoration:none}.brand:hover{color:var(--text-inverse);text-decoration:none}.brand img{width:132px;height:auto}.brand span{font-size:var(--text-2xs);font-weight:var(--weight-medium);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--text-on-dark)}.sidebar nav{display:grid;gap:var(--space-2);margin-top:var(--space-9)}.sidebar nav a{min-height:var(--control-lg);padding:0 var(--space-4);border-left:var(--keyline-w) solid transparent;border-radius:var(--radius-md);display:flex;align-items:center;gap:var(--space-3);color:var(--neutral-300);font-size:var(--text-sm);font-weight:var(--weight-semibold);text-decoration:none;transition:background var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard)}.sidebar nav a:hover{color:var(--text-inverse);background:var(--neutral-800);text-decoration:none}.sidebar nav a.active{color:var(--text-inverse);background:var(--blue-800);border-left-color:var(--accent-keyline)}.sidebar nav a.active .icon{color:var(--accent-keyline)}.sidebar-foot{margin-top:auto;padding:var(--space-5) var(--space-2) 0;border-top:var(--border-hair) solid var(--neutral-700);display:flex;align-items:center;gap:var(--space-3);min-width:0}.sidebar-foot>div{min-width:0}.sidebar-foot strong,.sidebar-foot small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-foot strong{font-size:var(--text-xs)}.sidebar-foot small{margin-top:var(--space-1);font-size:var(--text-2xs);color:var(--neutral-400)}.main{grid-column:2;min-width:0}.topbar{height:72px;padding:0 var(--space-7);position:sticky;top:0;z-index:4;display:flex;align-items:center;justify-content:flex-end;gap:var(--space-4);background:var(--surface-card);border-bottom:var(--border-hair) solid var(--border-subtle)}.mobile-brand{display:none}.subsidiary-select{display:flex;align-items:center;gap:var(--space-3)}.subsidiary-select>span{font-size:var(--text-2xs);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:var(--tracking-caps);color:var(--text-secondary)}.subsidiary-select .ds-field{min-width:170px}.access-warning,.error-text{color:var(--status-alarm)}.success-text{color:var(--status-ok)}.page{width:min(100%,var(--container-wide));margin:auto;padding:var(--space-8) clamp(var(--space-5),5vw,var(--space-10)) var(--space-10)}.page-heading{margin-bottom:var(--space-7);display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-6)}.page-heading p:not(.eyebrow){margin:var(--space-2) 0 0;color:var(--text-secondary);font-size:var(--text-md)}.section-heading{margin:var(--space-8) 0 var(--space-4);display:flex;align-items:end;justify-content:space-between;gap:var(--space-4)}.section-heading.compact{margin:0 0 var(--space-5)}.section-heading h2,.ds-card h2{font:var(--type-card-title)}.status-group,.standard-pills{display:flex;gap:var(--space-2);flex-wrap:wrap}.helper{font-size:var(--text-sm);color:var(--text-secondary)}.alert{padding:var(--space-3) var(--space-4);margin:0 0 var(--space-4);border:var(--border-hair) solid;border-radius:var(--radius-md);font-size:var(--text-sm)}.alert.error{background:var(--status-alarm-bg);border-color:var(--status-alarm);color:var(--status-alarm)}.alert.success{background:var(--status-ok-bg);border-color:var(--status-ok);color:var(--status-ok)}.alert.warning{background:var(--status-warning-bg);border-color:var(--status-warning);color:var(--status-warning)}.center-state{min-height:70vh;display:grid;place-content:center;text-align:center;gap:var(--space-4)}.button-row{display:flex;justify-content:center;gap:var(--space-2)}.spinner{width:36px;height:36px;margin:auto;border:3px solid var(--border-subtle);border-top-color:var(--brand-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.skeleton-list{height:180px;border-radius:var(--radius-lg);background:var(--surface-sunken);animation:pulse 1.4s ease-in-out infinite}@keyframes pulse{50%{opacity:.55}}.empty{padding:var(--space-9);border:var(--border-hair) dashed var(--border-default);border-radius:var(--radius-lg);text-align:center;color:var(--text-secondary)}.empty h3{margin-top:var(--space-3)}.empty p{margin-bottom:0}.empty-icon{width:48px;height:48px;margin:auto;border-radius:var(--radius-md);background:var(--blue-50);color:var(--brand-primary);display:grid;place-items:center}.welcome{min-height:100vh;display:grid;grid-template-columns:minmax(420px,46%) 1fr;background:var(--surface-brand)}.welcome-panel{padding:clamp(var(--space-7),8vw,var(--space-12));display:flex;flex-direction:column;align-items:flex-start;justify-content:center;color:var(--text-inverse);background:var(--surface-brand-deep)}.welcome-logo{width:170px;margin-bottom:var(--space-10)}.welcome h1{font:var(--type-display);font-size:clamp(var(--text-2xl),5vw,var(--text-4xl));margin:var(--space-2) 0 var(--space-5)}.welcome-panel>p:not(.eyebrow){max-width:520px;margin:0 0 var(--space-7);font:var(--type-lead);color:var(--text-on-dark)}.welcome-art{position:relative;display:grid;place-items:center;overflow:hidden}.welcome-art>img{position:absolute;width:min(82%,700px);opacity:.1}.score-orbit{position:relative;width:min(48vw,440px);aspect-ratio:1;border:var(--border-hair) solid var(--blue-200);border-radius:50%;display:grid;place-content:center;text-align:center;color:var(--text-inverse)}.score-orbit:before,.score-orbit:after{content:"";position:absolute;border:var(--border-hair) solid var(--blue-200);border-radius:50%;inset:15%}.score-orbit:after{inset:30%}.score-orbit b{font-family:var(--font-mono);font-size:clamp(var(--text-3xl),8vw,5.5rem);font-weight:var(--weight-medium)}.score-orbit span{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-caps);color:var(--text-on-dark)}.hero-grid{display:grid;grid-template-columns:1fr 1.35fr;gap:var(--space-5)}.score-card{display:flex;align-items:center;justify-content:space-between;gap:var(--space-5)}.big-score strong,.result-summary strong,.table-score,.framework-scores b,.domain-grid b{font-family:var(--font-mono);font-weight:var(--weight-semibold)}.big-score strong{font-size:var(--text-3xl)}.big-score span,.result-summary span{color:var(--text-muted)}.big-score.muted strong{color:var(--neutral-300)}.score-card p:last-child{margin-bottom:0;font-size:var(--text-xs);color:var(--text-secondary)}.ring{--score: 0;width:108px;height:108px;flex:none;border-radius:50%;background:conic-gradient(var(--brand-primary) calc(var(--score) * 1%),var(--neutral-100) 0);display:grid;place-items:center;position:relative}.ring:before{content:"";position:absolute;width:80px;height:80px;border-radius:50%;background:var(--surface-card)}.ring span{position:relative;font-family:var(--font-mono);font-size:var(--text-lg);font-weight:var(--weight-semibold)}.action-card{padding:var(--space-6);background:var(--surface-brand-deep);color:var(--text-inverse);border-radius:var(--radius-lg);display:grid;grid-template-columns:auto 1fr auto;gap:var(--space-5);align-items:center}.action-card .card-label{color:var(--text-on-dark)}.action-card h2{font:var(--type-card-title)}.action-card p:last-child{margin-bottom:0;font-size:var(--text-xs);color:var(--text-on-dark)}.action-icon{width:52px;height:52px;border-radius:var(--radius-md);background:var(--blue-700);display:grid;place-items:center;color:var(--accent-keyline)}.table-card{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{padding:var(--space-4) var(--space-5);border-bottom:var(--border-hair) solid var(--border-subtle);text-align:left}th{font-size:var(--text-2xs);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--text-muted)}td{font-size:var(--text-sm)}td small{display:block;margin-top:var(--space-1);color:var(--text-muted)}tbody tr{transition:background var(--duration-fast) var(--ease-standard)}tbody tr:hover{background:var(--neutral-50)}tbody tr:last-child td{border-bottom:0}.table-score{font-size:var(--text-lg)}.assessment-layout{min-height:calc(100vh - 72px);display:grid;grid-template-columns:320px minmax(500px,900px) 200px;justify-content:center;background:var(--surface-page)}.question-panel{height:calc(100vh - 72px);position:sticky;top:72px;display:flex;flex-direction:column;min-width:0;background:var(--surface-card);border-right:var(--border-hair) solid var(--border-subtle)}.assessment-meta{padding:var(--space-5)}.assessment-meta h2{font-size:var(--text-md)}.back-link{margin-bottom:var(--space-5)}.progress-label{margin-top:var(--space-5);display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-secondary)}.progress{height:4px;margin-top:var(--space-2);background:var(--surface-sunken)}.progress span,.bar span{display:block;height:100%;background:var(--brand-primary)}.filters{padding:0 var(--space-3) var(--space-3);display:grid;gap:var(--space-3)}.filters .ds-tabs{gap:var(--space-4)}.filters .ds-tabs__tab{font-size:var(--text-sm)}.question-list{overflow:auto;padding:0 var(--space-2) var(--space-6)}.question-list>button{width:100%;min-height:56px;padding:var(--space-2) var(--space-3);display:grid;grid-template-columns:40px 1fr auto;gap:var(--space-3);align-items:center;background:none;border:0;border-left:var(--keyline-w) solid transparent;color:var(--text-primary);text-align:left;cursor:pointer;transition:background var(--duration-fast) var(--ease-standard)}.question-list>button:hover{background:var(--neutral-50)}.question-list>button.active{background:var(--blue-50);border-left-color:var(--accent-keyline)}.question-list strong,.question-list small{display:block}.question-list strong{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:var(--weight-semibold)}.question-list small{margin-top:2px;font-size:var(--text-xs);color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.question-state{width:32px;height:32px;border:var(--border-hair) solid var(--border-default);border-radius:50%;display:grid;place-items:center;font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--weight-semibold)}.question-state.answered{background:var(--brand-primary);border-color:var(--brand-primary);color:var(--text-on-brand)}.flag{color:var(--status-warning)}.question-workspace{padding:var(--space-6) var(--space-7) var(--space-10);min-width:0}.question-top{margin-bottom:var(--space-4);display:flex;justify-content:flex-end;font-size:var(--text-xs);color:var(--text-muted)}.save-state{display:flex;align-items:center;gap:var(--space-2);color:var(--status-ok)}.question-number{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--blue-700)}.question-card h1{margin:var(--space-3) 0;font-size:clamp(var(--text-lg),2vw,var(--text-xl));line-height:var(--leading-snug)}.question-context{font-size:var(--text-xs);color:var(--text-muted)}.compliance-panel{margin-top:var(--space-5);padding:var(--space-4);background:var(--blue-50);border-left:var(--keyline-w) solid var(--brand-primary);border-radius:var(--radius-md)}.compliance-panel__head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3);font-size:var(--text-sm)}.compliance-panel__head strong{font-size:var(--text-base)}.compliance-panel__head span{font-size:var(--text-xs);color:var(--text-secondary)}.compliance-empty{margin:var(--space-4) 0 0;font-size:var(--text-xs);color:var(--text-secondary)}.compliance-group{margin-top:var(--space-4)}.compliance-group__label{margin:0 0 var(--space-2);font-size:var(--text-2xs);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:var(--tracking-caps);color:var(--text-secondary)}.compliance-row{margin-top:var(--space-2);padding:var(--space-3);background:var(--surface-card);border:var(--border-hair) solid var(--border-subtle);border-radius:var(--radius-sm);font-size:var(--text-xs)}.compliance-row__summary{display:flex;align-items:center;gap:var(--space-3)}details.compliance-row>.compliance-row__summary{cursor:pointer}.compliance-row__summary b{flex:1;font-family:var(--font-mono);font-size:var(--text-sm)}.compliance-row__summary small{font-size:var(--text-xs);color:var(--text-secondary)}.compliance-row p{color:var(--text-secondary)}.compliance-row a{display:inline-flex;align-items:center;gap:var(--space-1)}.scale{padding:0;margin:var(--space-6) 0;border:0}.scale legend{margin-bottom:var(--space-3);font-size:var(--text-sm);color:var(--text-secondary)}.scale label{margin-top:-1px;padding:var(--space-3);display:grid;grid-template-columns:28px 34px 1fr auto;gap:var(--space-2);align-items:center;border:var(--border-hair) solid var(--border-subtle);cursor:pointer;transition:background var(--duration-fast) var(--ease-standard)}.scale label:first-of-type{border-radius:var(--radius-md) var(--radius-md) 0 0}.scale label:last-of-type{border-radius:0 0 var(--radius-md) var(--radius-md)}.scale label:hover{background:var(--neutral-50)}.scale label.selected{position:relative;background:var(--blue-50);border-color:var(--brand-primary)}.scale input{accent-color:var(--brand-primary)}.level-number{width:28px;height:28px;border-radius:var(--radius-sm);display:grid;place-items:center;background:var(--surface-sunken);font-family:var(--font-mono);font-weight:var(--weight-semibold);font-size:var(--text-xs)}.scale strong,.scale small{display:block}.scale strong{font-size:var(--text-sm)}.scale small{margin-top:var(--space-1);font-size:var(--text-xs);color:var(--text-muted)}.scale em{font-family:var(--font-mono);font-style:normal;font-size:var(--text-xs);color:var(--text-muted)}.answer-extras>label>span{display:flex;justify-content:space-between;font-size:var(--text-xs);font-weight:var(--weight-semibold)}.answer-extras textarea{width:100%;min-height:84px;margin-top:var(--space-2);padding:var(--space-3);background:var(--surface-card);border:var(--border-hair) solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);resize:vertical}.answer-extras textarea:focus-visible{border-color:var(--brand-primary)}.evidence-box{margin-top:var(--space-5);padding:var(--space-4);display:grid;grid-template-columns:1fr auto;align-items:center;gap:var(--space-2);border:var(--border-hair) dashed var(--border-default);border-radius:var(--radius-md)}.evidence-box strong,.evidence-box small{display:block}.evidence-box small{font-size:var(--text-2xs);color:var(--text-muted)}.evidence-file{grid-column:1 / -1;display:grid;grid-template-columns:1fr auto;align-items:center;gap:var(--space-2);padding:var(--space-2);border-radius:var(--radius-sm);background:var(--surface-page);font-family:var(--font-mono);font-size:var(--text-2xs)}.upload-button{justify-self:end}.assessment-footer{margin-top:var(--space-4);display:flex;justify-content:space-between;align-items:center;gap:var(--space-3)}.assessment-footer>div{display:flex;gap:var(--space-2)}.live-score{padding-top:var(--space-8);padding-left:var(--space-4)}.live-score__note{margin:var(--space-2) 0 0;font-size:var(--text-2xs);color:var(--text-muted)}.result-summary{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--space-6);align-items:center}.result-summary strong{margin-right:var(--space-1);font-size:var(--text-xl)}.result-summary>div:nth-child(2) strong{display:block;font-size:var(--text-base)}.results-grid{margin-top:var(--space-5);display:grid;grid-template-columns:1.4fr 1fr;gap:var(--space-5)}.trend-chart{width:100%;height:210px}.trend-chart line{stroke:var(--border-subtle)}.trend-chart polyline{fill:none;stroke:var(--brand-primary);stroke-width:3}.trend-chart circle{fill:var(--accent-keyline);stroke:var(--surface-card);stroke-width:2}.trend-chart text{font-family:var(--font-mono);font-size:var(--text-2xs);fill:var(--text-secondary);text-anchor:middle}.chart-empty{height:210px;display:grid;place-content:center;color:var(--text-muted);font-size:var(--text-xs)}.framework-scores>div{padding:var(--space-3) 0;border-bottom:var(--border-hair) solid var(--border-subtle);display:flex;justify-content:space-between}.framework-scores>div:last-child{border-bottom:0}.framework-scores strong,.framework-scores small{display:block}.framework-scores strong{font-size:var(--text-sm)}.framework-scores small{font-size:var(--text-2xs);color:var(--text-muted)}.framework-scores b{font-size:var(--text-lg)}.domain-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3)}.domain-grid article{padding:var(--space-4);display:grid;grid-template-columns:1fr auto;gap:var(--space-2);background:var(--surface-card);border:var(--border-hair) solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-xs)}.domain-grid strong,.domain-grid span{display:block}.domain-grid strong{font-size:var(--text-sm)}.domain-grid span{font-size:var(--text-2xs);color:var(--text-muted)}.domain-grid b{font-size:var(--text-lg)}.bar{grid-column:1 / -1;height:4px;background:var(--surface-sunken)}.comparison-note{margin-top:var(--space-4);font-size:var(--text-xs);color:var(--text-secondary)}.comparison-note strong{margin-right:var(--space-2)}.answer-results{display:grid;gap:var(--space-3)}.answer-results details{padding:var(--space-4);background:var(--surface-card);border:var(--border-hair) solid var(--border-subtle);border-radius:var(--radius-md);transition:background var(--duration-fast) var(--ease-standard)}.answer-results details:hover{background:var(--neutral-50)}.answer-results summary{display:flex;align-items:center;gap:var(--space-3);cursor:pointer}.answer-results summary>span{font-family:var(--font-mono);font-size:var(--text-xs);flex:none}.answer-results summary>strong{flex:1;font-size:var(--text-sm);font-weight:var(--weight-medium)}.answer-results blockquote{margin:var(--space-3) 0 0;padding-left:var(--space-4);border-left:var(--border-thick) solid var(--border-subtle);color:var(--text-secondary);font-size:var(--text-sm)}.result-mappings,.result-evidence{margin-top:var(--space-3);display:grid;gap:var(--space-2);font-size:var(--text-xs)}.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-5)}.admin-grid+.ds-card,.page>.ds-card+.ds-card{margin-top:var(--space-5)}.admin-card.wide{grid-column:1 / -1}.import-preview{margin:var(--space-4) 0;padding:var(--space-4);background:var(--surface-page);border:var(--border-hair) solid var(--border-subtle);border-radius:var(--radius-md)}.import-preview>div strong,.import-preview>div span{display:block}.import-preview>div span,.import-preview p{font-size:var(--text-xs)}.import-preview p{display:flex;align-items:center;gap:var(--space-2)}.import-preview p.error{color:var(--status-alarm)}.import-preview p.warning{color:var(--status-warning)}.catalogue-list>div,.compact-list>div{padding:var(--space-3) 0;border-bottom:var(--border-hair) solid var(--border-subtle);display:flex;align-items:center;gap:var(--space-3)}.catalogue-list>div:last-child,.compact-list>div:last-child{border-bottom:0}.catalogue-list>div>div,.compact-list>div>div{flex:1}.catalogue-list strong,.catalogue-list small,.compact-list strong,.compact-list small{display:block}.catalogue-list small,.compact-list small{font-size:var(--text-2xs);color:var(--text-muted)}.version-badge{width:40px;height:40px;flex:none;border-radius:var(--radius-md);display:grid;place-items:center;background:var(--surface-sunken);font-family:var(--font-mono);font-weight:var(--weight-semibold);font-size:var(--text-sm)}.subsidiary-edit{width:100%;padding:var(--space-4);background:var(--surface-page);border:var(--border-hair) solid var(--border-subtle);border-radius:var(--radius-md);display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--space-4);align-items:end}.subsidiary-edit .ds-checkbox{align-self:center}.subsidiary-edit__actions{grid-column:1 / -1;display:flex;gap:var(--space-2)}.subsidiary-edit .error-text{grid-column:1 / -1}.stack-form{margin:var(--space-4) 0;display:grid;gap:var(--space-4);justify-items:start}.stack-form .ds-field{width:100%}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3);width:100%}.requirement-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3)}.requirement-grid article{padding:var(--space-4);border:var(--border-hair) solid var(--border-subtle);border-radius:var(--radius-md)}.requirement-grid article>div{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);margin-bottom:var(--space-2)}.requirement-grid small{color:var(--text-muted);font-size:var(--text-2xs)}.requirement-grid p{font-size:var(--text-xs);color:var(--text-secondary)}.requirement-grid a{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs)}.requirement-form,.mapping-form{margin:var(--space-4) 0 var(--space-5);padding:var(--space-4);background:var(--surface-page);border:var(--border-hair) solid var(--border-subtle);border-radius:var(--radius-md);display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4);align-items:end}.requirement-form>button,.mapping-form>button{justify-self:start}.requirement-form .error-text,.mapping-form .error-text,.mapping-form .success-text,.field-block{grid-column:1 / -1}.field-block{display:flex;flex-direction:column;gap:var(--space-2)}.field-block>span{font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-primary)}.field-block textarea{width:100%;padding:var(--space-3);background:var(--surface-card);border:var(--border-hair) solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);resize:vertical}.field-block textarea:focus-visible{border-color:var(--brand-primary)}.mapping-review{margin-top:var(--space-5)}.mapping-toggle{margin-top:var(--space-4)}.mapping-list{margin-top:var(--space-4);display:grid;gap:var(--space-2)}.mapping-list details{padding:var(--space-3);border:var(--border-hair) solid var(--border-subtle);border-radius:var(--radius-md);transition:background var(--duration-fast) var(--ease-standard)}.mapping-list details:hover{background:var(--neutral-50)}.mapping-list summary{display:grid;grid-template-columns:80px 1fr auto auto;align-items:center;gap:var(--space-3);cursor:pointer}.mapping-list summary>span{font-family:var(--font-mono);font-size:var(--text-xs)}.mapping-questions{display:flex;flex-wrap:wrap;gap:var(--space-1);margin:var(--space-2) 0 var(--space-4)}.mapping-questions span{padding:2px var(--space-2);border-radius:var(--radius-xs);background:var(--status-warning-bg);color:var(--status-warning);font-family:var(--font-mono);font-size:var(--text-2xs);font-weight:var(--weight-medium);cursor:help}.mapping-questions span.approved{background:var(--status-ok-bg);color:var(--status-ok)}.mapping-list summary>small{font-size:var(--text-2xs);color:var(--text-muted)}.mapping-list h3{margin-top:var(--space-4);font-size:var(--text-base)}.mapping-list p{font-size:var(--text-sm);color:var(--text-secondary)}.entra-sync{margin-top:var(--space-4)}.entra-company-list{margin-top:var(--space-4);display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.entra-company-list article{padding:var(--space-4);border:var(--border-hair) solid var(--border-subtle);border-radius:var(--radius-md)}.entra-company-list header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.entra-company-list header strong,.entra-company-list header small{display:block}.entra-company-list header small{font-size:var(--text-2xs);color:var(--text-muted)}.entra-import-form{margin-top:var(--space-3);display:grid;grid-template-columns:.8fr .7fr 1.2fr .6fr auto;gap:var(--space-2);align-items:end}.entra-import-form .ds-tabs,.entra-import-form .relink-field,.entra-import-form .error-text{grid-column:1 / -1}.user-invite{display:grid;grid-template-columns:.8fr 1.8fr;gap:var(--space-7)}.invite-form{display:grid;grid-template-columns:1fr 180px;gap:var(--space-4);align-items:start}.invite-form fieldset{grid-column:1 / -1;padding:var(--space-3);border:var(--border-hair) solid var(--border-subtle);border-radius:var(--radius-md)}.invite-form legend{font-size:var(--text-xs);color:var(--text-secondary)}.invite-form>button{grid-column:2;justify-self:end}.company-checks{display:flex;gap:var(--space-4);flex-wrap:wrap}.company-checks .ds-checkbox{font-size:var(--text-sm)}.company-checks.compact{margin-top:var(--space-3)}.portal-users{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.portal-user-card header{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--space-3)}.portal-user-card header strong,.portal-user-card header small{display:block}.portal-user-card header strong{font-size:var(--text-sm)}.portal-user-card header small{font-size:var(--text-2xs);color:var(--text-muted)}.portal-user-card .helper{margin:var(--space-3) 0 0;font-size:var(--text-xs)}.portal-edit{margin-top:var(--space-3)}.portal-user-card footer{margin-top:var(--space-4);display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.role-guide{margin-top:var(--space-5);display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-3)}.role-guide article{padding:var(--space-4);background:var(--surface-sunken);border-radius:var(--radius-md)}.role-guide strong{font-size:var(--text-sm)}.role-guide p{margin-bottom:0;font-size:var(--text-xs);color:var(--text-secondary)}@media(max-width:1180px){.assessment-layout{grid-template-columns:300px minmax(480px,1fr)}.live-score{display:none}.requirement-grid{grid-template-columns:1fr 1fr}.entra-company-list{grid-template-columns:1fr}.role-guide{grid-template-columns:1fr 1fr}}@media(max-width:900px){.app-shell{display:block}.sidebar{position:sticky;top:0;width:100%;height:auto;padding:var(--space-3) var(--space-4);display:grid;grid-template-columns:auto 1fr auto;align-items:center}.brand{padding:0}.brand img{width:105px}.brand span,.sidebar-foot{display:none}.sidebar nav{margin:0;display:flex;justify-content:flex-end;gap:var(--space-1)}.sidebar nav a{min-height:var(--control-md);padding:0 var(--space-3);border-left:0;border-bottom:var(--keyline-w) solid transparent}.sidebar nav a.active{border-bottom-color:var(--accent-keyline)}.sidebar nav a .icon+*{display:none}.main{min-width:0}.topbar{top:64px;height:64px;padding:0 var(--space-4)}.page{padding:var(--space-6) var(--space-4) var(--space-9)}.hero-grid,.results-grid,.admin-grid,.user-invite{grid-template-columns:1fr}.admin-card.wide{grid-column:auto}.assessment-layout{display:block}.question-panel{height:auto;position:static;border-right:0;border-bottom:var(--border-hair) solid var(--border-subtle)}.question-list{display:flex;overflow:auto;padding:0 var(--space-3) var(--space-3)}.question-list>button{width:210px;flex:none}.question-workspace{padding:var(--space-5) var(--space-4) var(--space-9)}.welcome{grid-template-columns:1fr}.welcome-panel{min-height:62vh}.welcome-art{min-height:38vh}.score-orbit{width:280px}.domain-grid,.requirement-grid{grid-template-columns:1fr 1fr}.portal-users{grid-template-columns:1fr}}@media(max-width:620px){.sidebar{grid-template-columns:auto 1fr}.sidebar nav a{padding:0 var(--space-2)}.topbar{top:64px;justify-content:space-between}.subsidiary-select>span{display:none}.subsidiary-select .ds-field{min-width:0;max-width:190px}.page-heading{align-items:flex-start;flex-direction:column}.page-heading h1{font-size:var(--text-xl)}.standard-pills{display:none}.hero-grid,.action-card,.result-summary,.domain-grid,.requirement-grid,.role-guide{grid-template-columns:1fr}.action-card .ds-btn{grid-column:1 / -1}.score-card{align-items:flex-start}.scale label{grid-template-columns:24px 32px 1fr}.scale em{grid-column:3}.assessment-footer{align-items:stretch;flex-direction:column}.assessment-footer>div{display:grid;grid-template-columns:1fr 1fr}.assessment-footer .ds-btn{width:100%}.invite-form{grid-template-columns:1fr}.invite-form>button{grid-column:1;justify-self:stretch}.form-row,.entra-import-form{grid-template-columns:1fr}.entra-import-form>*{grid-column:1}.mapping-list summary{grid-template-columns:65px 1fr}.mapping-list summary>small{display:none}.welcome-logo{margin-bottom:var(--space-7)}.welcome h1{font-size:var(--text-2xl)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}