/* Gemeinsamer Textfluss: Wortgrenzen zuerst, Notumbruch nur bei überbreiten Zeichenketten. */
body {
    word-break: normal;
    line-break: auto;
    overflow-wrap: anywhere;
    hyphens: manual;
}
body{margin:0;background:var(--xa-bg);color:var(--xa-text);font-family:var(--xa-font)}h1{font-size:30px;margin:0;font-weight:650;letter-spacing:-.7px}h2{font-size:18px;font-weight:650;margin:0 0 22px}p{color:var(--xa-muted);line-height:1.6}a{color:var(--xa-primary)}.xa-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.xa-page-header p{margin:8px 0 0}.xa-surface{padding:var(--xa-padding);background:var(--xa-surface);border:1px solid var(--xa-border);border-radius:var(--xa-surface-radius);margin-bottom:var(--xa-card-gap)}.xa-status{display:inline-flex;padding:5px 11px;border-radius:var(--xa-radius);font-size:13px;white-space:nowrap;background:var(--xa-neutral-bg);color:var(--xa-muted)}.xa-status-success{background:var(--xa-sage);color:var(--xa-primary)}.xa-status-warning{background:var(--xa-warning-bg);color:var(--xa-warning)}.xa-status-danger{background:var(--xa-danger-bg);color:var(--xa-danger)}.xa-pagination{display:flex;gap:var(--xa-gap);align-items:center;justify-content:flex-end;padding-top:18px;flex-wrap:wrap}.xa-pagination>span:first-child{margin-right:auto;color:var(--xa-muted)}select{padding:8px;border:1px solid var(--xa-border);border-radius:var(--xa-radius);background:var(--xa-surface);color:var(--xa-text)}.xa-discard{flex-direction:column;align-items:flex-start!important}.xa-actions{display:flex;gap:var(--xa-gap);align-items:center;flex-wrap:wrap}.xa-button-spinner-slot{display:inline-flex;align-items:center;justify-content:center;flex:0 0 18px;width:18px;height:18px;line-height:0}.xa-button-spinner{display:block!important;width:18px!important;height:18px!important;margin:0;color:inherit!important}.xa-button-loading .mud-button-label{gap:8px}.mud-button{border-radius:var(--xa-radius)!important;text-transform:none!important}.mud-table-root th{color:var(--xa-muted)!important;font-size:13px!important}.mud-table-root td{border-color:var(--xa-border)!important}.xa-field{display:grid;gap:var(--xa-field-label-gap)}.xa-field>label{font-weight:600;font-size:14px;line-height:var(--xa-field-label-line-height)}.xa-field>small{color:var(--xa-muted)}.xa-alert{padding:16px;border-radius:var(--xa-radius);background:var(--xa-neutral-bg);color:var(--xa-text);margin:12px 0}.xa-alert-danger{background:var(--xa-danger-bg);color:var(--xa-danger)}.xa-alert-success{background:var(--xa-sage);color:var(--xa-primary)}.xa-alert-warning{background:var(--xa-warning-bg);color:var(--xa-warning)}.xa-palette-primary{background:var(--xa-primary);color:var(--xa-surface)}.xa-palette-sage{background:var(--xa-sage)}.xa-palette-bg{background:var(--xa-bg)}
/* Original-SVGs dienen als Maske: Konturen bleiben unverändert und übernehmen die aktuelle Textfarbe. */
/* MudAlert rendert den äußeren Rahmen: Aktionshinweise erhalten ihre Abstände vom umgebenden Stack. */
.xa-alert:has(.xa-alert-actions){margin:0}
.xa-icon{display:inline-block;width:22px;height:22px;flex-shrink:0;vertical-align:middle;background-color:currentColor;-webkit-mask:var(--xa-icon-source) center/contain no-repeat;mask:var(--xa-icon-source) center/contain no-repeat}
/* Das Symbol sitzt auf Höhe der ersten Textzeile, auch bei mehrzeiligen Meldungen. */
.xa-alert{display:flex;align-items:flex-start;gap:12px;line-height:1.5}
.xa-alert-icon{display:flex;align-items:center;justify-content:center;flex:0 0 22px;height:1.5em}
.xa-alert-icon .xa-icon{width:20px;height:20px}
.xa-alert-content{flex:1;min-width:0;overflow-wrap:anywhere}
/* Kennzahlen verwenden dieselben Farben wie Rückmeldungen; die Bedeutung bleibt zusätzlich ausgeschrieben. */
.xa-metric-card{display:flex;align-items:center;gap:24px;min-width:0;padding:20px;background:var(--xa-surface);border:1px solid var(--xa-border);border-radius:var(--xa-surface-radius);box-shadow:0 2px 8px #20292703}
.xa-metric-icon{display:flex;align-items:center;justify-content:center;flex:0 0 62px;width:62px;min-width:62px;height:62px;border-radius:50%;background:var(--xa-neutral-bg);color:var(--xa-muted)}
.xa-metric-icon .xa-icon{width:32px;height:32px}
.xa-metric-icon-success{background:var(--xa-sage);color:var(--xa-primary)}
.xa-metric-icon-warning{background:var(--xa-warning-bg);color:var(--xa-warning)}
.xa-metric-icon-danger{background:var(--xa-danger-bg);color:var(--xa-danger)}
.xa-metric-text{margin:0;min-width:0;line-height:1.3}
.xa-metric-text dt{color:var(--xa-muted);font-size:15px;font-weight:400;overflow-wrap:anywhere}
.xa-metric-text dd{margin:3px 0 0;color:var(--xa-text);font-size:36px;font-weight:700;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
/* MudBlazor übernimmt Overlay, Fokus und Drawer-Animation; hier liegen nur ML-Layout und Übergangsdauer. */
:root{--xa-overlay-duration:300ms;--xa-side-panel-width:560px;--xa-detail-summary-text-min-width:180px}
.xa-side-panel.mud-drawer{z-index:1400;width:var(--xa-side-panel-width);max-width:90vw;transition-duration:var(--xa-overlay-duration)!important;transition-timing-function:cubic-bezier(.2,0,.2,1)!important;border-left:1px solid var(--xa-border);background:var(--xa-surface)}
.xa-side-panel .mud-drawer-content,.xa-side-panel .mud-focus-trap{height:100%;min-height:0;display:flex;flex-direction:column}
.xa-frame{display:flex;flex-direction:column;min-width:0;min-height:0;height:100%;color:var(--xa-text);background:var(--xa-surface)}
.xa-frame-header,.xa-frame-footer{display:flex;flex-shrink:0;align-items:center;justify-content:space-between;gap:var(--xa-gap);padding:var(--xa-padding);border-bottom:1px solid var(--xa-border)}
.xa-frame-header h2{margin:0;font-size:20px;font-weight:650}
.xa-frame-header{flex-direction:column;align-items:stretch;gap:12px}.xa-frame-title-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0}
.xa-frame-title-row>.mud-button-root{flex-shrink:0}
.xa-frame-footer{flex-wrap:wrap;border-bottom:0;border-top:1px solid var(--xa-border);justify-content:flex-end}
.xa-frame-body{-webkit-user-select:text;user-select:text;overflow:auto;min-width:0;min-height:0;flex:1;padding:var(--xa-padding)}
.xa-frame-closing{pointer-events:none}
.mud-dialog.xa-dialog{border:1px solid var(--xa-border);border-radius:var(--xa-surface-radius);width:540px;max-width:90vw;max-height:85dvh;overflow:hidden;animation:xa-dialog-enter var(--xa-overlay-duration) cubic-bezier(.2,0,0,1) both}
.xa-dialog .mud-focus-trap{display:flex;flex-direction:column;min-height:0;max-height:85dvh}
.xa-dialog .xa-dialog-content{padding:0!important;display:flex;flex-direction:column;min-height:0;overflow:hidden}
.xa-dialog .xa-frame{max-height:85dvh}
.mud-dialog.xa-dialog:has(.xa-frame-closing){animation:xa-dialog-leave var(--xa-overlay-duration) ease-in both}
@keyframes xa-dialog-enter{from{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}
@keyframes xa-dialog-leave{from{opacity:1;transform:none}to{opacity:0;transform:translateY(8px) scale(.98)}}
.xa-alert-layout{display:flex;align-items:flex-start;gap:12px;width:100%}
.xa-alert .mud-alert-position,.xa-alert .mud-alert-message{width:100%;padding:0}
.mud-chip.xa-status{margin:0;height:auto;padding:5px 11px;font-size:13px}
.mud-chip.xa-status-success{background:var(--xa-sage);color:var(--xa-primary)}
.mud-chip.xa-status-warning{background:var(--xa-warning-bg);color:var(--xa-warning)}
.mud-chip.xa-status-danger{background:var(--xa-danger-bg);color:var(--xa-danger)}
@media(prefers-reduced-motion:reduce){.xa-side-panel.mud-drawer{transition-duration:0ms!important}.mud-dialog.xa-dialog{animation:none!important}}
/* MudCard ist standardmäßig vertikal; die freigegebene Kennzahlenansicht bleibt horizontal. */
.mud-card.xa-metric-card{flex-direction:row}
.xa-side-panel.mud-drawer--closed{box-shadow:none}
.xa-drawer-host{position:fixed;inset:0;overflow:clip;pointer-events:none;z-index:1400;contain:layout paint}.xa-drawer-host .xa-side-panel{pointer-events:auto}
.xa-choice-group{border:0;margin:0;padding:0;min-width:0}
.xa-choice-group legend,.xa-field-label{font-weight:600;font-size:14px;margin-bottom:8px}

/* Oberhalb beschriftete Felder teilen Abstand und Ausrichtung auch bei aktivem Fokus. */
.xa-field { min-width: 0; }
.xa-field > .mud-input-control { margin-top: 0; margin-bottom: 0; }
.xa-search-empty{padding:12px 16px}
.xa-file-names{padding-left:20px;overflow-wrap:anywhere}
.xa-field .mud-input-control{margin-top:0}
/* Eigene Feldbeschriftungen folgen demselben klaren Fehlerzustand wie MudBlazor-Eingaben. */
.xa-field-error>label,.xa-price-field-error .xa-price-heading>strong{color:var(--xa-danger)}
/* Größere Griff-Fläche im ML-Design; Wert und Tastaturbedienung bleiben beim MudSlider. */
.xa-slider.mud-slider .mud-slider-input::-webkit-slider-runnable-track{height:4px;background:var(--xa-sage)}
.xa-slider.mud-slider .mud-slider-input::-webkit-slider-thumb{width:16px;height:16px;transform:none;margin-top:-6px;background:var(--xa-primary)}
.xa-slider.mud-slider .mud-slider-input::-moz-range-track{height:4px;background:var(--xa-sage)}
.xa-slider.mud-slider .mud-slider-input::-moz-range-thumb{width:16px;height:16px;transform:none;background:var(--xa-primary)}
/* Kompakte Pausekarte: MudCard und MudCollapse übernehmen Struktur und Aufklappen. */
.mud-card.xa-pause-card{padding:16px;border:1px solid var(--xa-border);border-radius:var(--xa-surface-radius);background:var(--xa-surface)}
.mud-card.xa-pause-card-paused{background:var(--xa-warning-bg);border-color:var(--xa-warning)}
.xa-pause-heading{display:flex;align-items:flex-start;gap:12px}
.xa-pause-symbol{display:flex;align-items:center;justify-content:center;flex:0 0 36px;height:36px;border-radius:50%;background:var(--xa-sage);color:var(--xa-primary)}
.xa-pause-card-paused .xa-pause-symbol{background:#b66a0814;color:var(--xa-warning)}
.xa-pause-description{flex:1;min-width:0}
.xa-pause-description strong{font-size:16px;color:var(--xa-primary)}
.xa-pause-card-paused .xa-pause-description strong{color:var(--xa-warning)}
.xa-pause-description p,.xa-pause-note{margin:3px 0 0;font-size:13px;overflow-wrap:anywhere}
.xa-pause-action{display:flex;flex-direction:column;align-items:flex-end;gap:4px}
.xa-pause-action small{font-size:11px;color:var(--xa-muted)}
.xa-pause-action .mud-button-label,.xa-pause-edit .mud-button-label{gap:8px}
.xa-pause-action .xa-icon,.xa-pause-edit .xa-icon{width:17px;height:17px}
.xa-pause-note{margin:8px 0 0 48px}
.xa-pause-edit.mud-button{align-self:flex-start;margin-top:8px}
.xa-pause-editor{padding-top:10px}
.xa-pause-editor .mud-input{background:var(--xa-surface)}
.xa-pause-editor-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:12px}
.xa-pause-collapse{transition-duration:250ms!important}
@media(prefers-reduced-motion:reduce){.xa-pause-collapse{transition-duration:0ms!important}}
@media(max-width:600px){.xa-pause-heading{flex-wrap:wrap}.xa-pause-action{margin-left:48px;align-items:flex-start}.xa-pause-editor-actions{flex-wrap:wrap}}
.mud-dialog.xa-dialog-wide{width:1000px;max-width:94vw}

.xa-import-file{padding:18px;border:1px solid var(--xa-border);border-radius:10px}
.xa-import-file-heading{display:flex;align-items:center;gap:16px;margin-bottom:16px}
.xa-import-file-heading>span{display:flex;align-items:center;justify-content:center;width:54px;height:54px;background:var(--xa-sage);color:var(--xa-primary);border-radius:50%}
.xa-import-file-heading .xa-icon{width:30px;height:30px}.xa-import-file-heading p{margin:3px 0 0;color:var(--xa-muted)}
.xa-import-file-choice{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border:1px solid var(--xa-border);border-radius:7px}
.xa-import-file-choice strong{font-size:14px;overflow-wrap:anywhere}.xa-import-file-choice small{display:block;color:var(--xa-muted)}.xa-import-file-choice .mud-button{flex-shrink:0}
.xa-import-steps .mud-stepper-content{display:none}.xa-import-steps .mud-stepper-actions{display:none}
/* Das vereinbarte Button-Design gilt auch in Portalen/Overlays außerhalb des Seitenlayouts. */
.xa-button.mud-button{min-height:43px;font-size:14px;box-shadow:none}
.xa-button.mud-button:hover,.xa-button.mud-button:focus{box-shadow:none}
/* Der Tastaturfokus gehört zum gemeinsamen Button und bleibt auch im Portal sichtbar. */
.xa-button.mud-button:focus-visible{outline:2px solid var(--xa-primary);outline-offset:3px}
.xa-button .mud-button-label{gap:10px}
.xa-button .xa-icon{width:20px;height:20px}
.xa-button.xa-button-loading{background:var(--xa-sage)!important;color:var(--xa-primary)!important}
/* Größen gehören zum Button-Vertrag und gelten unabhängig von der jeweiligen Seite. */
.xa-button.mud-button.xa-button-size-compact{min-height:32px;padding:4px 8px}
.xa-button.mud-button.xa-button-size-icon{min-width:46px;width:46px;height:43px;padding:8px}
/* Die reguläre einzeilige Mud-Eingabe ist 56 Pixel hoch; Feldaktionen verwenden dieselbe Geometrie. */
:root{--xa-field-control-height:56px;--xa-field-label-gap:8px;--xa-field-label-line-height:20px}
.xa-button.mud-button.xa-button-size-fieldicon{min-width:var(--xa-field-control-height);width:var(--xa-field-control-height);min-height:var(--xa-field-control-height);height:var(--xa-field-control-height);padding:8px}
/* Löschaktionen bleiben auch gesperrt als blassrote destruktive Aktion erkennbar. */
.xa-button.mud-button.xa-button-variant-danger:disabled{color:color-mix(in srgb,var(--xa-danger) 40%,transparent)!important;border-color:color-mix(in srgb,var(--xa-danger) 30%,transparent);background:transparent}
.xa-button.mud-button.xa-button-size-compacticon{min-width:32px;width:32px;min-height:32px;height:32px;padding:5px}
.xa-button-size-compacticon .xa-icon{width:16px;height:16px}
.xa-search-field{position:relative;min-width:0}
.xa-search-field>.xa-icon{position:absolute;left:12px;top:12px;width:18px;height:18px;color:var(--xa-muted);z-index:1;pointer-events:none}
.xa-search-field .mud-input-control{margin:0}
.xa-search-field .mud-input-outlined{background:var(--xa-surface);border-radius:var(--xa-radius)}
.xa-search-field .mud-input-slot{padding:10px 12px 10px 38px!important;font-size:13px}
.xa-disclosure .mud-collapse-container{transition-duration:250ms!important}
@media(prefers-reduced-motion:reduce){.xa-disclosure .mud-collapse-container{transition-duration:0ms!important}}
.xa-clickable-row{cursor:pointer}.xa-clickable-row>td:first-child:has(.mud-checkbox){cursor:default}

/* Snackbar bleibt auch vor Dialogen und Drawern sichtbar, ohne Fokus zu übernehmen. */
#mud-snackbar-container{z-index:1600}.mud-snackbar{border-radius:var(--xa-radius)!important}.xa-snackbar-message{display:flex;align-items:center;gap:12px}.xa-snackbar-message>span{overflow-wrap:anywhere}

/* Gemeinsame Textrollen: relative Größen unterstützen die Browser-Schrifteinstellung. */
:root{--xa-type-h1:1.875rem;--xa-type-h2:1.5rem;--xa-type-h3:1.25rem;--xa-type-h4:1.125rem;--xa-type-h5:1rem;--xa-type-body:.875rem;--xa-type-helper:.8125rem;--xa-type-caption:.75rem}
.xa-type{font-family:var(--xa-font);color:var(--xa-text);margin:0 0 12px;overflow-wrap:anywhere;letter-spacing:normal}
.xa-type-h1{font-size:var(--xa-type-h1);font-weight:650;line-height:1.2}
.xa-type-h2{font-size:var(--xa-type-h2);font-weight:650;line-height:1.3}
.xa-type-h3{font-size:var(--xa-type-h3);font-weight:600;line-height:1.4}
.xa-type-h4{font-size:var(--xa-type-h4);font-weight:600;line-height:1.4}
.xa-type-h5{font-size:var(--xa-type-h5);font-weight:600;line-height:1.5}
.xa-type-h6,.xa-type-label{font-size:var(--xa-type-body);font-weight:600;line-height:1.5}
.xa-type-body{font-size:var(--xa-type-body);font-weight:400;line-height:1.6}
.xa-type-lead{font-size:var(--xa-type-h4);font-weight:400;line-height:1.6}
.xa-type-helper{font-size:var(--xa-type-helper);color:var(--xa-muted);line-height:1.5}
.xa-type-caption{font-size:var(--xa-type-caption);color:var(--xa-muted);line-height:1.5}
.xa-type a{text-decoration:underline;text-underline-offset:3px}
.xa-page-container{max-width:1280px;margin-inline:auto;min-width:0}.xa-page-content{min-width:0}.xa-page-actions{position:sticky;bottom:0;z-index:5;display:flex;justify-content:flex-end;gap:12px;padding:18px 24px;background:var(--xa-surface);border:1px solid var(--xa-border);border-radius:var(--xa-radius);margin-top:24px;flex-wrap:wrap}
.xa-content-card{border:1px solid var(--xa-border);border-radius:var(--xa-surface-radius)!important;overflow:hidden}.xa-card-header .xa-type{margin:0}.xa-card-footer{padding:16px 24px;border-top:1px solid var(--xa-border);display:flex;justify-content:flex-end;align-items:center;gap:12px;flex-wrap:wrap}.xa-content-card .mud-card-content{padding:24px}.xa-stack{min-width:0}
.xa-image-media{display:block;width:100%;height:260px;background:var(--xa-bg);border-radius:var(--xa-radius)}.xa-image-actions{display:flex;flex-wrap:wrap;gap:12px;margin:12px 0}.xa-image-empty{display:grid;place-items:center;min-height:180px;background:var(--xa-bg);border:1px dashed var(--xa-border);border-radius:var(--xa-radius);color:var(--xa-muted)}.xa-image-preview{width:100%;max-height:65vh}.xa-progress-example{display:grid;gap:10px}.xa-progress-ring{display:flex;align-items:center;gap:12px}
.xa-metric-text .xa-metric-comparison{font-size:14px;font-weight:400;color:var(--xa-muted);margin-top:8px}.xa-metric-text .xa-metric-footer{font-size:14px;font-weight:400;margin-top:16px;padding-top:12px;border-top:1px solid var(--xa-border)}
.xa-metric-expanded{display:grid;grid-template-columns:auto 1fr;gap:20px}.xa-metric-expanded>.xa-metric-footer{grid-column:1/-1;border-top:1px solid var(--xa-border);padding-top:16px;text-align:center;font-size:14px}

/* Kennzahlen bleiben kompakt; die Symbolfläche darf im Grid nicht auf Iconbreite schrumpfen. */
.xa-metric-card{width:100%;max-width:440px;box-sizing:border-box}.xa-metric-expanded{grid-template-columns:62px minmax(0,1fr)}
.xa-progress-example .mud-progress-linear,.xa-progress-example .mud-progress-linear-bar{border-radius:var(--xa-radius)}

.mud-card.xa-metric-expanded{height:auto;align-content:start;grid-template-rows:auto auto}

.xa-button.xa-chip-button{border-radius:999px;border:1px solid var(--xa-muted);color:var(--xa-text);background:var(--xa-surface);padding-inline:12px}
.xa-button.xa-chip-button-selected{background:var(--xa-danger-bg);color:var(--xa-danger);border-color:var(--xa-danger)}
.xa-button.xa-chip-button:hover:not(:disabled){box-shadow:inset 0 0 0 1px currentColor;background:var(--xa-bg)}
.xa-button.xa-chip-button-selected:hover:not(:disabled){background:var(--xa-danger-bg)}
.xa-button.xa-chip-button:focus-visible{outline:2px solid var(--xa-primary);outline-offset:3px}
.xa-unsaved-actions{width:100%;justify-content:flex-end;flex-wrap:wrap}

/* Fachdialoge liegen über Seitenteilen; Bestätigungen bleiben darüber separat bedienbar. */
.mud-dialog-container:has(.xa-dialog){z-index:1450!important}
.mud-dialog-container:has(.xa-unsaved-dialog,.xa-confirmation-dialog){z-index:1500!important}

/* Die notwendige Wiederanmeldung besitzt Vorrang vor Fachbestätigungen und erhält deren Vorgang im Hintergrund. */
.mud-dialog-container:has(.xa-session-recovery-dialog){z-index:1600!important}

/* Der Provider hält ausgesetzte Dialoge samt Dateieingaben montiert; die gesamte Ebene einschließlich Fokuswächtern bleibt verborgen. */
.mud-dialog-container:has(.xa-frame-suspended){display:none!important}
.xa-button.xa-priority-select{border-radius:999px!important;height:32px!important;min-height:32px!important;padding:0 12px!important;border:1px solid var(--xa-border)!important;background:var(--xa-neutral-bg)!important;color:var(--xa-text)!important;font-size:13px!important;font-weight:500!important}
.xa-button.xa-priority-select.xa-priority-urgent{background:var(--xa-danger-bg)!important;color:var(--xa-danger)!important;border-color:color-mix(in srgb,var(--xa-danger) 25%,transparent)!important}
.xa-priority-select .mud-button-label{display:flex;align-items:center;gap:8px}
.xa-priority-select .xa-icon,.xa-priority-option .xa-icon{width:16px;height:16px}
.xa-button.xa-priority-select:hover:not(:disabled){filter:brightness(.97)}
.xa-button.xa-priority-select:focus-visible{outline:2px solid var(--xa-primary);outline-offset:3px}
.xa-priority-menu,.xa-action-menu{padding:6px;border-radius:12px!important;min-width:200px}
.xa-priority-menu .mud-menu-item,.xa-action-menu .mud-menu-item{border-radius:8px}
.xa-priority-option{display:flex;align-items:center;gap:10px}
.xa-priority-check{width:16px;display:inline-flex}
.xa-priority-option-selected{background:var(--xa-neutral-bg)}
.xa-priority-option-selected.xa-priority-urgent{background:var(--xa-danger-bg);color:var(--xa-danger)}
.xa-global-search{width:100%;min-width:0}
.xa-global-search .mud-input-control{margin:0}
.xa-global-result{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:6px 2px}
.xa-global-result>span{display:grid;gap:4px}
.xa-global-result small{font-size:11px;color:var(--xa-muted)}
.xa-global-result strong{font-size:14px;font-weight:600}
.xa-global-search{position:relative}
.xa-global-shortcut{position:absolute;right:36px;top:50%;transform:translateY(-50%);padding:2px 5px;border:1px solid var(--xa-border);border-radius:4px;color:var(--xa-muted);background:var(--xa-bg);font:11px var(--xa-font);pointer-events:none}
.xa-global-search .mud-input input{padding-right:62px!important}
.xa-global-search:focus-within .xa-global-shortcut{display:none}
/* Große Formularaktionen bleiben als wiederverwendbare XaButton-Größe zentral definiert. */
.xa-button.mud-button.xa-button-size-large{min-height:56px;padding:12px 20px;font-size:20px;line-height:1.4}

/* Navigationsaktionen erhalten dieselbe Ausrichtung wie benachbarte Seitenlinks. */
.xa-button.mud-button.xa-navigation-button{width:100%;justify-content:flex-start;padding:13px 16px;border-radius:9px;color:var(--xa-text);font-weight:400;text-transform:none}
.xa-button.xa-navigation-button .mud-button-label{justify-content:flex-start;gap:13px}
.xa-button.xa-navigation-button .xa-icon{width:21px;height:21px;flex-shrink:0}

/* Der Benutzerbereich bleibt ein echter Menübutton mit ruhiger Darstellung. */
.xa-button.mud-button.xa-user-menu-trigger{padding:6px 8px;text-align:left;text-transform:none;border-radius:9px}

/* Gemeinsame Aktionsmenüs verwenden dieselben Abstände wie die XA-Prioritätsauswahl. */
.xa-action-menu-item{display:flex;align-items:center;gap:12px;font-size:14px;color:inherit}
.xa-action-menu-item .xa-icon{width:20px;height:20px;flex-shrink:0}


/* Dezenter Initialen-Avatar und kompakter Menüauslöser wie im Bibliotheksheader. */
.mud-avatar.xa-avatar-subtle{width:42px;height:42px;background:var(--xa-sage);color:var(--xa-primary);font-size:14px;font-weight:600}
.xa-button.mud-button.xa-avatar-menu-trigger{min-width:42px;width:42px;height:42px;padding:0;border-radius:50%!important}






.xa-print-preview{margin:24px 0 0;padding:0 4px;color:var(--xa-text)}
.xa-print-preview-width{text-align:center;font-size:12px;margin-bottom:10px}
.xa-print-preview-row{display:flex;justify-content:center;align-items:center;gap:10px}
.xa-print-preview-row svg{display:block;max-width:calc(100% - 66px);height:auto;overflow:visible;flex-shrink:1}
.xa-print-area{fill:var(--xa-surface);stroke:var(--xa-primary);stroke-width:1.5;vector-effect:non-scaling-stroke}
.xa-print-margin{fill:none;stroke:var(--xa-primary);stroke-width:1;stroke-dasharray:5 4;vector-effect:non-scaling-stroke}
.xa-print-preview-height{font-size:12px;white-space:nowrap}
.xa-print-preview figcaption,.xa-print-preview-empty{font-size:12px;color:var(--xa-muted);margin:12px 0 0}

/* Maßlinien sitzen direkt an der proportionalen Zeichnung, unabhängig vom Seitenverhältnis. */
.xa-print-preview{padding:0 64px 0 6px;margin-top:42px}
.xa-print-preview-row{position:relative;display:block;max-width:100%;margin:0 auto}
.xa-print-preview-row svg{width:100%!important;max-width:none;height:100%;display:block}
.xa-print-preview-width{position:absolute;left:0;right:0;top:-22px;height:1px;background:var(--xa-text);margin:0}
.xa-print-preview-width span{position:absolute;left:50%;top:0;transform:translate(-50%,-50%);padding:0 8px;background:var(--xa-surface);white-space:nowrap}
.xa-print-preview-width:before,.xa-print-preview-width:after{content:"";position:absolute;top:-3px;border-top:3px solid transparent;border-bottom:3px solid transparent}
.xa-print-preview-width:before{left:0;border-right:5px solid var(--xa-text)}
.xa-print-preview-width:after{right:0;border-left:5px solid var(--xa-text)}
.xa-print-preview-height{position:absolute;right:-14px;top:0;bottom:0;width:1px;background:var(--xa-text)}
.xa-print-preview-height span{position:absolute;left:7px;top:50%;transform:translateY(-50%);background:var(--xa-surface)}
.xa-print-preview-height:before,.xa-print-preview-height:after{content:"";position:absolute;left:-3px;border-left:3px solid transparent;border-right:3px solid transparent}
.xa-print-preview-height:before{top:0;border-bottom:5px solid var(--xa-text)}
.xa-print-preview-height:after{bottom:0;border-top:5px solid var(--xa-text)}
.xa-print-area{fill:var(--xa-sage);fill-opacity:.18}
.xa-file-type{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:30px;height:36px;border-radius:4px;font-size:10px;font-weight:700;color:white;background:var(--xa-primary)}
.xa-file-type-pdf{background:#b93838}.xa-file-type-psd{background:#174a77}

/* Einheitliche transparente Registerleisten in Portal und Galerie. */
.xa-tab-bar,.xa-tab-bar .mud-tabs-tabbar,.xa-tab-bar .mud-tabs-toolbar{background:transparent!important;box-shadow:none!important}
.xa-tab-bar .mud-tabs-tabbar{border-bottom:1px solid var(--xa-border)}
.xa-tab-bar .mud-tab{font-size:14px;font-weight:500;min-height:48px;text-transform:none}
.xa-tab-bar .mud-tab.mud-tab-active{color:var(--xa-primary);font-weight:600}
.xa-release-card{background:var(--xa-surface);border:1px solid var(--xa-border);border-radius:14px;padding:24px;display:flex;flex-direction:column;gap:18px}
.xa-release-card-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}
.xa-release-card h2{font-size:19px;margin:0}.xa-release-card p{margin:0;font-size:14px;line-height:1.6;color:var(--xa-muted)}
.xa-release-card>strong{font-size:14px}
/* Gemeinsame Formularaktionen bleiben beim Scrollen erreichbar und im Inhaltsfluss. */
.xa-form-footer{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;position:sticky;bottom:0;padding:18px 0 calc(18px + env(safe-area-inset-bottom));background:var(--xa-bg);border-top:1px solid var(--xa-border);z-index:2}
.xa-form-footer>div{display:flex;gap:12px;flex-wrap:wrap}
.xa-form-footer>div:last-child{margin-left:auto}
.xa-release-card-message{display:flex;align-items:center;gap:12px}
.xa-release-card-message .xa-icon{color:var(--xa-primary);flex-shrink:0}
.xa-release-card>.xa-button{margin-top:auto}

.xa-page-heading{display:flex;align-items:center;gap:16px;flex-wrap:wrap}

/* Zusätzlicher Platz unter der Textzeile verhindert abgeschnittene Unterlängen.
   Die originale Zeilenhöhe und Transformation bleiben unverändert, damit leere
   und schwebende Feldbeschriftungen ihre bisherige Grundlinie behalten. */
.mud-input-control>.mud-input-control-input-container>.mud-input-label.mud-input-label-inputcontrol{padding-bottom:.3em!important}

/* Neutrale Werkzeugaktionen und ihre Auswahl gelten für alle XA-Werkzeugleisten. */
.xa-button.mud-button.xa-button-variant-toolbar{color:var(--xa-muted);border-radius:6px;flex-shrink:0}
.xa-button.mud-button.xa-button-variant-toolbar[aria-pressed="true"]{color:var(--xa-primary);background:var(--xa-sage)}
.xa-button.mud-button.xa-button-variant-toolbar:hover:not(:disabled){background:var(--xa-neutral-bg)}

.xa-button.mud-button.xa-button-variant-toolbar:disabled{color:var(--mud-palette-action-disabled)}

/* MudCard rendert den Inhaltsbereich selbst; Varianten bleiben deshalb zentral am gemeinsamen Kartenrahmen. */
.xa-content-card.xa-card-compact .mud-card-content{padding:16px}
.xa-content-card.xa-card-highlighted{background:var(--xa-sage)}

.xa-button.mud-button.xa-button-variant-field{border-color:var(--xa-border);background:var(--xa-surface);color:var(--xa-text);font-weight:400}
.xa-button.mud-button.xa-button-variant-field:hover:not(:disabled){border-color:var(--xa-primary);background:var(--xa-surface)}
.xa-button.mud-button.xa-button-variant-field:focus-visible{outline:2px solid var(--xa-primary);outline-offset:2px}