@auditcore/ui-core 0.3.0

package/styles/documents.css

@@ -0,0 +1,51 @@
+/* Vergleichsverwaltung (<flowaudit-comparisons>) – gemeinsam für Vue und React. */
+
+.fa-comparisons { display: flex; flex-direction: column; gap: var(--fa-space-4); color: var(--fa-color-text); font: var(--fa-font-size-md) / var(--fa-line-height) var(--fa-font-sans); }
+.fa-comparisons__head { display: flex; flex-direction: column; gap: var(--fa-space-1); }
+.fa-comparisons__heading { margin: 0; font-size: var(--fa-font-size-lg); line-height: 1.3; }
+.fa-comparisons__subheading { margin: 0; font-size: var(--fa-font-size-md); }
+.fa-comparisons__note { margin: 0; font-size: var(--fa-font-size-sm); color: var(--fa-color-text-muted); }
+.fa-comparisons__state { margin: 0; padding: var(--fa-space-4); border: 1px dashed var(--fa-color-border-strong); border-radius: var(--fa-radius); color: var(--fa-color-text-muted); text-align: center; }
+.fa-comparisons__state--error { border-style: solid; border-color: var(--fa-color-danger); background: var(--fa-color-danger-soft); color: var(--fa-color-danger); text-align: left; }
+.fa-comparisons__layout { display: grid; grid-template-columns: minmax(18rem, 2fr) minmax(18rem, 3fr); gap: var(--fa-space-5); align-items: start; }
+.fa-comparisons__layout--single { grid-template-columns: 1fr; }
+.fa-comparisons__open { display: flex; flex-direction: column; align-items: flex-start; gap: var(--fa-space-3); }
+.fa-comparisons__open > .fa-synopsis { align-self: stretch; }
+.fa-comparisons__confirm { margin: 0; }
+.fa-comparisons button:focus-visible, .fa-comparisons input:focus-visible, .fa-comparisons select:focus-visible { outline: none; box-shadow: var(--fa-focus-ring); }
+@media (max-width: 52rem) { .fa-comparisons__layout { grid-template-columns: 1fr; } }
+
+/* ComparisonForm / ComparisonOptions */
+.fa-comparisons-form { display: flex; flex-direction: column; gap: var(--fa-space-3); padding: var(--fa-space-4); border: 1px solid var(--fa-color-border); border-radius: var(--fa-radius); background: var(--fa-color-surface-raised); }
+.fa-comparisons-form__options { display: flex; flex-direction: column; gap: var(--fa-space-3); }
+.fa-comparisons-form__row { display: flex; flex-wrap: wrap; gap: var(--fa-space-3); }
+.fa-comparisons-form__row > * { flex: 1 1 12rem; }
+.fa-comparisons-form__field { display: flex; flex-direction: column; gap: var(--fa-space-1); min-width: 0; }
+.fa-comparisons-form__field label { font-size: var(--fa-font-size-xs); font-weight: 600; color: var(--fa-color-text-muted); }
+.fa-comparisons-form__field select, .fa-comparisons-form__field input[type='number'], .fa-comparisons-form__file input { padding: var(--fa-space-2); border: 1px solid var(--fa-color-border-strong); border-radius: var(--fa-radius-sm); background: var(--fa-color-surface); color: var(--fa-color-text); font: inherit; font-size: var(--fa-font-size-sm); }
+.fa-comparisons-form__field--error select, .fa-comparisons-form__field--error input { border-color: var(--fa-color-danger); }
+.fa-comparisons-form__group { display: flex; flex-wrap: wrap; gap: var(--fa-space-2) var(--fa-space-4); margin: 0; padding: var(--fa-space-2) 0 0; border: 0; border-top: 1px solid var(--fa-color-border); font-size: var(--fa-font-size-sm); }
+.fa-comparisons-form__group legend { padding: 0 var(--fa-space-1) 0 0; font-size: var(--fa-font-size-xs); font-weight: 600; color: var(--fa-color-text-muted); }
+.fa-comparisons-form__group label { display: inline-flex; align-items: center; gap: var(--fa-space-1); cursor: pointer; }
+.fa-comparisons-form__group input { accent-color: var(--fa-color-accent); width: 1rem; height: 1rem; }
+.fa-comparisons-form__group--kind { border-top: 0; padding-top: 0; }
+.fa-comparisons-form__hint { margin: 0; font-size: var(--fa-font-size-xs); color: var(--fa-color-text-muted); overflow-wrap: anywhere; }
+.fa-comparisons-form__error { flex-basis: 100%; margin: 0; font-size: var(--fa-font-size-xs); color: var(--fa-color-danger); }
+.fa-comparisons-form__problems { padding: var(--fa-space-2) var(--fa-space-3); border-left: 4px solid var(--fa-color-danger); border-radius: var(--fa-radius-sm); background: var(--fa-color-danger-soft); font-size: var(--fa-font-size-sm); }
+.fa-comparisons-form__problems p { margin: 0; font-weight: 600; }
+.fa-comparisons-form__problems ul { margin: var(--fa-space-1) 0 0; padding-left: var(--fa-space-5); }
+.fa-comparisons-form__actions { display: flex; flex-wrap: wrap; gap: var(--fa-space-2); }
+
+/* ComparisonList */
+.fa-comparisons-list { display: flex; flex-direction: column; gap: var(--fa-space-3); }
+.fa-comparisons-list__head { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--fa-space-2); }
+.fa-comparisons-list__count { margin: 0; font-size: var(--fa-font-size-xs); color: var(--fa-color-text-muted); }
+.fa-comparisons-list__items { display: flex; flex-direction: column; gap: var(--fa-space-2); margin: 0; padding: 0; list-style: none; }
+.fa-comparisons-list__item { display: flex; gap: var(--fa-space-3); align-items: flex-start; justify-content: space-between; padding: var(--fa-space-3); border: 1px solid var(--fa-color-border); border-radius: var(--fa-radius); background: var(--fa-color-surface); }
+.fa-comparisons-list__main { display: flex; flex-direction: column; gap: var(--fa-space-1); min-width: 0; }
+.fa-comparisons-list__main p { margin: 0; }
+.fa-comparisons-list__title { font-weight: 600; overflow-wrap: anywhere; }
+.fa-comparisons-list__meta { display: flex; flex-wrap: wrap; align-items: center; gap: var(--fa-space-2); font-size: var(--fa-font-size-xs); color: var(--fa-color-text-muted); }
+.fa-comparisons-list__files { font-size: var(--fa-font-size-sm); overflow-wrap: anywhere; }
+.fa-comparisons-list__counts { font-size: var(--fa-font-size-xs); color: var(--fa-color-text-muted); font-variant-numeric: tabular-nums; }
+.fa-comparisons-list__actions { display: flex; flex: none; gap: var(--fa-space-1); }

package/styles/extraction.css

@@ -0,0 +1,25 @@
+/* Belegerkennung – FaExtraction (Vue) und FlowauditExtraction (React). */
+.fa-extraction { display: flex; flex-direction: column; gap: var(--fa-space-4); font: var(--fa-font-size-sm) / var(--fa-line-height) var(--fa-font-sans); color: var(--fa-color-text); }
+.fa-extraction__card { display: flex; flex-direction: column; gap: var(--fa-space-3); padding: var(--fa-space-4); border: 1px solid var(--fa-color-border); border-radius: var(--fa-radius-lg); background: var(--fa-color-surface); box-shadow: var(--fa-shadow-sm); min-width: 0; }
+.fa-extraction__heading { margin: 0; font-size: var(--fa-font-size-md); font-weight: 600; }
+.fa-extraction__form { display: grid; grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr)); gap: var(--fa-space-3); align-items: end; }
+.fa-extraction__field { display: flex; flex-direction: column; gap: var(--fa-space-1); min-width: 0; }
+.fa-extraction__label { font-size: var(--fa-font-size-xs); font-weight: 600; color: var(--fa-color-text-muted); }
+.fa-extraction__input { min-height: 2.25rem; padding: 0 var(--fa-space-3); border: 1px solid var(--fa-color-border); border-radius: var(--fa-radius); background: var(--fa-color-surface); color: var(--fa-color-text); font: inherit; }
+.fa-extraction__file { font: inherit; color: var(--fa-color-text); }
+.fa-extraction__input:focus-visible, .fa-extraction__file:focus-visible, .fa-extraction__passed summary:focus-visible, .fa-extraction__pages summary:focus-visible { outline: none; box-shadow: var(--fa-focus-ring); }
+.fa-extraction__muted { margin: 0; color: var(--fa-color-text-muted); font-size: var(--fa-font-size-xs); }
+.fa-extraction__error { margin: 0; font-size: var(--fa-font-size-xs); color: var(--fa-color-danger); }
+.fa-extraction__failure { margin: 0; padding: var(--fa-space-2) var(--fa-space-3); border-radius: var(--fa-radius); background: var(--fa-color-danger-soft); color: var(--fa-color-danger); }
+.fa-extraction__notice { margin: 0; padding: var(--fa-space-2) var(--fa-space-3); border-left: 3px solid var(--fa-color-accent); background: var(--fa-color-accent-soft); border-radius: var(--fa-radius-sm); }
+.fa-extraction__summary { display: grid; grid-template-columns: max-content 1fr; gap: var(--fa-space-1) var(--fa-space-3); margin: 0; }
+.fa-extraction__summary dt { font-weight: 600; color: var(--fa-color-text-muted); }
+.fa-extraction__summary dd { margin: 0; overflow-wrap: anywhere; }
+.fa-extraction__table { width: 100%; border-collapse: collapse; }
+.fa-extraction__table th, .fa-extraction__table td { padding: var(--fa-space-2); border-bottom: 1px solid var(--fa-color-border); text-align: left; vertical-align: top; }
+.fa-extraction__table th { font-size: var(--fa-font-size-xs); color: var(--fa-color-text-muted); font-weight: 600; }
+.fa-extraction__table td.fa-extraction__number { font-variant-numeric: tabular-nums; white-space: nowrap; }
+.fa-extraction__scroll { overflow-x: auto; }
+.fa-extraction__flags { display: flex; flex-wrap: wrap; gap: var(--fa-space-1); margin: 0; padding: 0; list-style: none; }
+.fa-extraction__passed summary, .fa-extraction__pages summary { cursor: pointer; font-weight: 600; }
+.fa-extraction__text { margin: var(--fa-space-1) 0 0; padding: var(--fa-space-2); white-space: pre-wrap; overflow-wrap: anywhere; background: var(--fa-color-surface-raised); border-radius: var(--fa-radius); font: var(--fa-font-size-xs) / 1.5 var(--fa-font-mono, monospace); }

package/styles/extrapolation.css

@@ -0,0 +1,34 @@
+/* Hochrechnung und Fehlerquoten – ExtrapolationPanel (Vue) und FlowauditExtrapolation (React). */
+.fa-extrapolation { display: flex; flex-direction: column; gap: var(--fa-space-4); font: var(--fa-font-size-sm) / var(--fa-line-height) var(--fa-font-sans); color: var(--fa-color-text); }
+.fa-extrapolation__card { display: flex; flex-direction: column; gap: var(--fa-space-3); padding: var(--fa-space-4); border: 1px solid var(--fa-color-border); border-radius: var(--fa-radius-lg); background: var(--fa-color-surface); box-shadow: var(--fa-shadow-sm); min-width: 0; }
+.fa-extrapolation__card--result { border-color: var(--fa-color-accent); }
+.fa-extrapolation__card--residual { border-style: dashed; }
+.fa-extrapolation__heading { margin: 0; font-size: var(--fa-font-size-md); font-weight: 600; }
+.fa-extrapolation__settings { display: grid; grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr)); gap: var(--fa-space-3); align-items: start; }
+.fa-extrapolation__field { display: flex; flex-direction: column; gap: var(--fa-space-1); }
+.fa-extrapolation__label { font-size: var(--fa-font-size-xs); font-weight: 600; color: var(--fa-color-text-muted); }
+.fa-extrapolation__input, .fa-extrapolation__select { min-height: 2.25rem; width: 100%; box-sizing: border-box; padding: 0 var(--fa-space-2); border: 1px solid var(--fa-color-border); border-radius: var(--fa-radius); background: var(--fa-color-surface); color: var(--fa-color-text); font: inherit; }
+.fa-extrapolation__input--number { text-align: end; font-variant-numeric: tabular-nums; }
+.fa-extrapolation__input:focus-visible, .fa-extrapolation__select:focus-visible, .fa-extrapolation__check:focus-visible { outline: none; border-color: var(--fa-color-accent); box-shadow: var(--fa-focus-ring); }
+.fa-extrapolation__input[aria-invalid="true"], .fa-extrapolation__select[aria-invalid="true"] { border-color: var(--fa-color-danger); }
+.fa-extrapolation__hint, .fa-extrapolation__muted { margin: 0; color: var(--fa-color-text-muted); font-size: var(--fa-font-size-xs); }
+.fa-extrapolation__error { margin: 0; font-size: var(--fa-font-size-xs); color: var(--fa-color-danger); }
+.fa-extrapolation__failure { margin: 0; padding: var(--fa-space-2) var(--fa-space-3); border-radius: var(--fa-radius); background: var(--fa-color-danger-soft); color: var(--fa-color-danger); }
+.fa-extrapolation__scroll { overflow-x: auto; }
+.fa-extrapolation__grid { width: 100%; border-collapse: collapse; }
+.fa-extrapolation__grid th { padding: var(--fa-space-1) var(--fa-space-2); text-align: start; font-size: var(--fa-font-size-xs); color: var(--fa-color-text-muted); white-space: nowrap; }
+.fa-extrapolation__grid td { padding: var(--fa-space-1); vertical-align: top; }
+.fa-extrapolation__grid td .fa-extrapolation__input { min-width: 7rem; }
+.fa-extrapolation__grid td .fa-extrapolation__select { min-width: 9rem; }
+.fa-extrapolation__actions { display: flex; flex-wrap: wrap; gap: var(--fa-space-2); align-items: center; }
+.fa-extrapolation__source code { display: block; margin-top: var(--fa-space-1); font-size: var(--fa-font-size-xs); overflow-wrap: anywhere; }
+.fa-extrapolation__metrics { display: grid; grid-template-columns: repeat(auto-fit, minmax(13rem, 1fr)); gap: var(--fa-space-3); margin: 0; }
+.fa-extrapolation__metric { display: flex; flex-direction: column; gap: var(--fa-space-1); padding: var(--fa-space-3); border-radius: var(--fa-radius); background: var(--fa-color-surface-raised); border: 1px solid var(--fa-color-border); }
+.fa-extrapolation__metric dt { font-size: var(--fa-font-size-xs); color: var(--fa-color-text-muted); }
+.fa-extrapolation__metric dd { margin: 0; }
+.fa-extrapolation__value { font-size: var(--fa-font-size-md); font-weight: 600; font-variant-numeric: tabular-nums; }
+.fa-extrapolation__conclusion { display: flex; flex-wrap: wrap; gap: var(--fa-space-2); align-items: center; margin: 0; }
+.fa-extrapolation__list { margin: 0; padding-left: var(--fa-space-5); }
+.fa-extrapolation__warnings { margin: 0; padding: var(--fa-space-2) var(--fa-space-3) var(--fa-space-2) var(--fa-space-5); border-radius: var(--fa-radius); background: var(--fa-color-warning-soft); color: var(--fa-color-warning); }
+.fa-extrapolation__fingerprint { font-family: var(--fa-font-mono); font-size: var(--fa-font-size-xs); overflow-wrap: anywhere; color: var(--fa-color-text-muted); }
+.fa-extrapolation__nowrap { white-space: nowrap; }

package/styles/geo.css

@@ -0,0 +1,54 @@
+/* Leaflet (BSD-2-Clause, © Volodymyr Agafonkin) – Grundstile der Karte. */
+@import 'leaflet/dist/leaflet.css';
+
+.fa-geo { display: flex; flex-direction: column; gap: var(--fa-space-3); font: var(--fa-font-size-sm) / var(--fa-line-height) var(--fa-font-sans); color: var(--fa-color-text); }
+.fa-geo__layout { display: grid; grid-template-columns: minmax(18rem, 1fr) minmax(18rem, 24rem); gap: var(--fa-space-4); align-items: start; }
+@media (max-width: 52rem) { .fa-geo__layout { grid-template-columns: 1fr; } }
+.fa-geo__canvas-wrap { display: flex; flex-direction: column; gap: var(--fa-space-2); min-width: 0; position: sticky; top: var(--fa-space-3); }
+.fa-geo__canvas { height: min(70vh, 36rem); min-height: 20rem; border: 1px solid var(--fa-color-border); border-radius: var(--fa-radius-lg); background: var(--fa-color-surface-sunken); overflow: hidden; }
+.fa-geo__canvas:focus-visible { outline: none; box-shadow: var(--fa-focus-ring); }
+.fa-geo__map-bar { display: flex; flex-wrap: wrap; gap: var(--fa-space-2); align-items: center; justify-content: space-between; }
+.fa-geo__panel { display: flex; flex-direction: column; gap: var(--fa-space-3); min-width: 0; }
+.fa-geo__card { display: flex; flex-direction: column; gap: var(--fa-space-2); padding: var(--fa-space-3) var(--fa-space-4); border: 1px solid var(--fa-color-border); border-radius: var(--fa-radius-lg); background: var(--fa-color-surface); box-shadow: var(--fa-shadow-sm); }
+.fa-geo__heading { margin: 0; font-size: var(--fa-font-size-md); font-weight: 600; }
+.fa-geo__row { display: flex; flex-wrap: wrap; gap: var(--fa-space-2); align-items: flex-end; }
+.fa-geo__stack { display: flex; flex-direction: column; gap: var(--fa-space-2); }
+.fa-geo__row > .fa-geo__grow { flex: 1 1 10rem; }
+.fa-geo__field { display: flex; flex-direction: column; gap: var(--fa-space-1); min-width: 0; }
+.fa-geo__label { font-size: var(--fa-font-size-xs); font-weight: 600; color: var(--fa-color-text-muted); }
+.fa-geo__input { min-height: 2.25rem; width: 100%; min-width: 6.5rem; padding: 0 var(--fa-space-2); border: 1px solid var(--fa-color-border); border-radius: var(--fa-radius); background: var(--fa-color-surface); color: var(--fa-color-text); font: inherit; box-sizing: border-box; }
+.fa-geo__input--short { width: 4.5rem; min-width: 4rem; }
+.fa-geo__utm summary { cursor: pointer; font-weight: 600; }
+.fa-geo__utm[open] summary { margin-bottom: var(--fa-space-2); }
+.fa-geo__input[aria-invalid='true'] { border-color: var(--fa-color-danger); }
+.fa-geo__input:focus-visible, .fa-geo__range:focus-visible, .fa-geo__check input:focus-visible, .fa-geo__file:focus-visible, .fa-geo__link:focus-visible { outline: none; box-shadow: var(--fa-focus-ring); }
+.fa-geo__range { width: 100%; accent-color: var(--fa-color-accent); }
+.fa-geo__check { display: inline-flex; gap: var(--fa-space-2); align-items: center; }
+.fa-geo__fieldset { display: flex; flex-wrap: wrap; gap: var(--fa-space-3); margin: 0; padding: var(--fa-space-1) var(--fa-space-3) var(--fa-space-2); border: 1px solid var(--fa-color-border); border-radius: var(--fa-radius); }
+.fa-geo__muted { margin: 0; color: var(--fa-color-text-muted); font-size: var(--fa-font-size-xs); }
+.fa-geo__summary { margin: 0; display: flex; flex-wrap: wrap; gap: var(--fa-space-2); align-items: center; }
+.fa-geo__error { margin: 0; font-size: var(--fa-font-size-xs); color: var(--fa-color-danger); }
+.fa-geo__failure { margin: 0; padding: var(--fa-space-2) var(--fa-space-3); border-radius: var(--fa-radius); background: var(--fa-color-danger-soft); color: var(--fa-color-danger); }
+.fa-geo__notice { margin: 0; padding: var(--fa-space-2) var(--fa-space-3); border-left: 3px solid var(--fa-color-warning); background: var(--fa-color-warning-soft); border-radius: var(--fa-radius-sm); }
+.fa-geo__facts { display: grid; grid-template-columns: max-content 1fr; gap: var(--fa-space-1) var(--fa-space-3); margin: 0; }
+.fa-geo__facts dt { font-size: var(--fa-font-size-xs); font-weight: 600; color: var(--fa-color-text-muted); }
+.fa-geo__facts dd { margin: 0; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
+.fa-geo__table { width: 100%; border-collapse: collapse; font-variant-numeric: tabular-nums; }
+.fa-geo__table th, .fa-geo__table td { padding: var(--fa-space-1) var(--fa-space-2); border-bottom: 1px solid var(--fa-color-border); text-align: left; }
+.fa-geo__table th { font-size: var(--fa-font-size-xs); color: var(--fa-color-text-muted); }
+.fa-geo__num { text-align: right !important; white-space: nowrap; }
+.fa-geo__list { margin: 0; padding-left: var(--fa-space-4); }
+.fa-geo__link { padding: 0; border: 0; background: none; color: var(--fa-color-accent); font: inherit; text-align: left; cursor: pointer; text-decoration: underline; }
+.fa-geo__details summary { cursor: pointer; font-weight: 600; }
+
+/* Kartenobjekte (Leaflet-SVG): Farben ausschließlich aus Token. */
+.fa-geo .leaflet-container { font: inherit; background: var(--fa-color-surface-sunken); }
+.fa-geo .leaflet-control-attribution { font-size: var(--fa-font-size-xs); }
+.fa-geo__area { stroke: var(--fa-color-accent); stroke-width: 2; fill: var(--fa-color-accent); fill-opacity: 0.12; }
+.fa-geo__area--selected { stroke-width: 3; fill-opacity: 0.25; }
+.fa-geo__simplified { stroke: var(--fa-color-warning); stroke-width: 2; stroke-dasharray: 6 4; fill: none; }
+.fa-geo__point { stroke: var(--fa-color-surface); stroke-width: 1.5; fill: var(--fa-color-text-muted); fill-opacity: 0.9; }
+.fa-geo__point--hit { fill: var(--fa-color-success); }
+.fa-geo__radius { stroke: var(--fa-color-success); stroke-width: 1.5; stroke-dasharray: 4 3; fill: var(--fa-color-success); fill-opacity: 0.06; }
+.fa-geo__reference { stroke: var(--fa-color-surface); stroke-width: 2; fill: var(--fa-color-danger); fill-opacity: 1; }
+@media (prefers-reduced-motion: reduce) { .fa-geo .leaflet-zoom-anim .leaflet-zoom-animated { transition: none !important; } }

package/styles/identifiers.css

@@ -0,0 +1,38 @@
+/* Kennung prüfen – IdentifierCheck (Vue) und FlowauditIdentifierCheck (React). */
+.fa-ident { display: flex; flex-direction: column; gap: var(--fa-space-4); font: var(--fa-font-size-sm) / var(--fa-line-height) var(--fa-font-sans); color: var(--fa-color-text); }
+.fa-ident__head { display: flex; flex-wrap: wrap; gap: var(--fa-space-3); align-items: flex-end; }
+.fa-ident__columns { display: grid; grid-template-columns: repeat(auto-fit, minmax(20rem, 1fr)); gap: var(--fa-space-4); align-items: start; }
+.fa-ident__card { display: flex; flex-direction: column; gap: var(--fa-space-3); padding: var(--fa-space-4); border: 1px solid var(--fa-color-border); border-radius: var(--fa-radius-lg); background: var(--fa-color-surface); box-shadow: var(--fa-shadow-sm); min-width: 0; }
+.fa-ident__heading { margin: 0; font-size: var(--fa-font-size-md); font-weight: 600; }
+.fa-ident__form { display: flex; flex-direction: column; gap: var(--fa-space-3); align-items: flex-start; }
+.fa-ident__form > .fa-ident__field { align-self: stretch; }
+.fa-ident__field { display: flex; flex-direction: column; gap: var(--fa-space-1); min-width: 14rem; }
+.fa-ident__label { font-size: var(--fa-font-size-xs); font-weight: 600; color: var(--fa-color-text-muted); }
+.fa-ident__select, .fa-ident__input { min-height: 2.25rem; padding: 0 var(--fa-space-3); border: 1px solid var(--fa-color-border); border-radius: var(--fa-radius); background: var(--fa-color-surface); color: var(--fa-color-text); font: inherit; }
+.fa-ident__input { font-family: var(--fa-font-mono); }
+.fa-ident__input--short { max-width: 6rem; text-transform: uppercase; }
+.fa-ident__select:focus-visible, .fa-ident__input:focus-visible, .fa-ident__file:focus-visible, .fa-ident__check input:focus-visible { outline: none; box-shadow: var(--fa-focus-ring); }
+.fa-ident__check { display: inline-flex; gap: var(--fa-space-2); align-items: center; }
+.fa-ident__muted, .fa-ident__source { margin: 0; color: var(--fa-color-text-muted); font-size: var(--fa-font-size-xs); }
+.fa-ident__source { flex: 1 1 20rem; }
+.fa-ident__source p { margin: var(--fa-space-1) 0 0; overflow-wrap: anywhere; }
+.fa-ident__error { margin: 0; font-size: var(--fa-font-size-xs); color: var(--fa-color-danger); }
+.fa-ident__failure { margin: 0; padding: var(--fa-space-2) var(--fa-space-3); border-radius: var(--fa-radius); background: var(--fa-color-danger-soft); color: var(--fa-color-danger); }
+.fa-ident__result, .fa-ident__batch { display: flex; flex-direction: column; gap: var(--fa-space-2); padding-top: var(--fa-space-3); border-top: 1px solid var(--fa-color-border); }
+.fa-ident__status { display: flex; gap: var(--fa-space-2); align-items: center; margin: 0; font-weight: 600; }
+.fa-ident__badge { display: inline-block; padding: 0 var(--fa-space-2); border-radius: var(--fa-radius-sm); font-size: var(--fa-font-size-xs); font-weight: 600; white-space: nowrap; background: var(--fa-color-surface-sunken); color: var(--fa-color-text-muted); }
+.fa-ident__badge--success { background: var(--fa-color-success-soft); color: var(--fa-color-success); }
+.fa-ident__badge--danger { background: var(--fa-color-danger-soft); color: var(--fa-color-danger); }
+.fa-ident__badge--warning { background: var(--fa-color-warning-soft); color: var(--fa-color-warning); }
+.fa-ident__facts { display: grid; grid-template-columns: max-content 1fr; gap: var(--fa-space-1) var(--fa-space-3); margin: 0; }
+.fa-ident__facts dt { font-size: var(--fa-font-size-xs); font-weight: 600; color: var(--fa-color-text-muted); }
+.fa-ident__facts dd { margin: 0; overflow-wrap: anywhere; }
+.fa-ident__details summary { cursor: pointer; font-weight: 600; margin-bottom: var(--fa-space-2); }
+.fa-ident__summary { margin: 0; font-weight: 600; }
+.fa-ident__actions { display: flex; flex-wrap: wrap; gap: var(--fa-space-3); align-items: center; justify-content: space-between; }
+.fa-ident__scroll { overflow-x: auto; }
+.fa-ident__table { width: 100%; border-collapse: collapse; font-size: var(--fa-font-size-xs); }
+.fa-ident__table th, .fa-ident__table td { padding: var(--fa-space-1) var(--fa-space-2); border-bottom: 1px solid var(--fa-color-border); text-align: left; vertical-align: top; }
+.fa-ident__table th { color: var(--fa-color-text-muted); font-weight: 600; }
+.fa-ident__table code { white-space: nowrap; }
+.fa-ident__facts code { overflow-wrap: anywhere; }

package/styles/index.css

@@ -0,0 +1,24 @@
+@import './tokens.css';
+@import './base.css';
+@import './table.css';
+@import './synopsis.css';
+@import './dataprotection.css';
+@import './geo.css';
+@import './risk.css';
+@import './screening.css';
+@import './tabular.css';
+@import './sampling.css';
+@import './benford.css';
+@import './extrapolation.css';
+@import './documents.css';
+@import './reporting.css';
+@import './identifiers.css';
+@import './extraction.css';
+@import './kanban.css';
+@import './dbkanban.css';
+@import './batchchecks.css';
+@import './samplesize.css';
+@import './attributes.css';
+@import './reporttemplates.css';
+@import './runner.css';
+@import './account.css';

package/styles/kanban.css

@@ -0,0 +1,115 @@
+/* Kanban-Komponenten: nur Designtoken; eigene Variablen mit Präfix --fa-kanban-. */
+.fa-kanban { --fa-kanban-column-width: 17.5rem; min-width: 0; display: flex; flex-direction: column; gap: var(--fa-space-3); min-height: 0; font-family: var(--fa-font-sans); color: var(--fa-color-text); }
+.fa-kanban__banner { display: flex; align-items: center; gap: var(--fa-space-2); padding: var(--fa-space-2) var(--fa-space-3); border-radius: var(--fa-radius); background: var(--fa-color-warning-soft); color: var(--fa-color-warning); font-size: var(--fa-font-size-sm); }
+.fa-kanban__error { display: flex; align-items: center; gap: var(--fa-space-2); padding: var(--fa-space-2) var(--fa-space-3); border-radius: var(--fa-radius); background: var(--fa-color-danger-soft); color: var(--fa-color-danger); font-size: var(--fa-font-size-sm); }
+.fa-kanban__columns { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(var(--fa-kanban-column-width), 1fr); gap: var(--fa-space-3); overflow-x: auto; padding-bottom: var(--fa-space-2); align-items: start; }
+.fa-kanban__loading { padding: var(--fa-space-6); text-align: center; color: var(--fa-color-text-muted); }
+
+.fa-kanban-toolbar { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--fa-space-3); }
+.fa-kanban-toolbar__title { display: flex; align-items: center; gap: var(--fa-space-3); min-width: 0; }
+.fa-kanban-toolbar__heading { margin: 0; font-size: var(--fa-font-size-lg); font-weight: 650; letter-spacing: -0.01em; }
+.fa-kanban-toolbar__rename { border: 0; padding: 0; background: none; font: inherit; color: inherit; cursor: text; border-bottom: 1px dashed transparent; }
+.fa-kanban-toolbar__rename:hover, .fa-kanban-toolbar__rename:focus-visible { border-bottom-color: var(--fa-color-border-strong); outline: none; }
+.fa-kanban-toolbar__title-input { font: 650 var(--fa-font-size-lg) var(--fa-font-sans); border: 0; border-bottom: 2px solid var(--fa-color-accent); background: transparent; color: var(--fa-color-text); outline: none; min-width: 12rem; }
+.fa-kanban-toolbar__progress { display: flex; align-items: center; gap: var(--fa-space-2); font-size: var(--fa-font-size-xs); color: var(--fa-color-text-muted); font-variant-numeric: tabular-nums; }
+.fa-kanban-toolbar__bar { width: 6rem; height: 6px; border-radius: 999px; background: var(--fa-color-surface-sunken); overflow: hidden; }
+.fa-kanban-toolbar__bar > span { display: block; height: 100%; background: var(--fa-color-success); transition: width var(--fa-transition); }
+.fa-kanban-toolbar__tools { display: flex; flex-wrap: wrap; align-items: center; gap: var(--fa-space-2); }
+.fa-kanban-toolbar__search { width: 13rem; }
+.fa-kanban-select { min-height: 2.25rem; padding: 0 var(--fa-space-2); border: 1px solid var(--fa-color-border); border-radius: var(--fa-radius); background: var(--fa-color-surface); color: var(--fa-color-text); font: var(--fa-font-size-sm) var(--fa-font-sans); }
+.fa-kanban-select:focus-visible { outline: none; box-shadow: var(--fa-focus-ring); border-color: var(--fa-color-accent); }
+
+.fa-kanban-column { display: flex; flex-direction: column; min-height: 8rem; max-height: calc(100vh - 12rem); border-radius: var(--fa-radius-lg); background: var(--fa-color-surface-sunken); border-top: 3px solid var(--fa-kanban-column-color, var(--fa-color-border-strong)); }
+.fa-kanban-column--over-limit { box-shadow: inset 0 0 0 2px var(--fa-color-danger); }
+.fa-kanban-column__head { display: flex; align-items: center; justify-content: space-between; gap: var(--fa-space-2); padding: var(--fa-space-3) var(--fa-space-3) var(--fa-space-2); }
+.fa-kanban-column__name { display: flex; align-items: center; gap: var(--fa-space-2); margin: 0; font-size: var(--fa-font-size-sm); font-weight: 650; }
+.fa-kanban-column__dot { width: 0.625rem; height: 0.625rem; border-radius: 50%; background: var(--fa-kanban-column-color); }
+.fa-kanban-column__count { font-size: var(--fa-font-size-xs); font-weight: 600; color: var(--fa-color-text-muted); font-variant-numeric: tabular-nums; }
+.fa-kanban-column__count.is-full { color: var(--fa-color-warning); }
+.fa-kanban-column__count.is-over { color: var(--fa-color-danger); }
+.fa-kanban-column__list { display: flex; flex-direction: column; gap: var(--fa-space-2); padding: var(--fa-space-1) var(--fa-space-2) var(--fa-space-2); overflow-y: auto; min-height: 3rem; flex: 1; }
+.fa-kanban-column__empty { margin: var(--fa-space-2); padding: var(--fa-space-3); border: 1px dashed var(--fa-color-border-strong); border-radius: var(--fa-radius); text-align: center; font-size: var(--fa-font-size-xs); color: var(--fa-color-text-muted); }
+.fa-kanban-column__add { margin: 0 var(--fa-space-2) var(--fa-space-2); justify-content: flex-start; }
+
+.fa-kanban-card { --fa-kanban-card-bg: var(--fa-color-surface); --fa-kanban-card-fg: var(--fa-color-text); position: relative; display: flex; flex-direction: column; gap: var(--fa-space-2); padding: var(--fa-space-3); border-radius: var(--fa-radius); background: var(--fa-kanban-card-bg) center / cover; color: var(--fa-kanban-card-fg); border: 1px solid var(--fa-color-border); border-left: 3px solid var(--fa-kanban-priority, var(--fa-color-border-strong)); box-shadow: var(--fa-shadow-sm); cursor: grab; user-select: none; touch-action: manipulation; transition: box-shadow var(--fa-transition), transform var(--fa-transition); }
+.fa-kanban-card:hover { box-shadow: var(--fa-shadow); }
+.fa-kanban-card:focus-visible { outline: none; box-shadow: var(--fa-focus-ring); }
+.fa-kanban-card--hoch { --fa-kanban-priority: var(--fa-color-danger); }
+.fa-kanban-card--mittel { --fa-kanban-priority: var(--fa-color-warning); }
+.fa-kanban-card--niedrig { --fa-kanban-priority: var(--fa-color-success); }
+.fa-kanban-card--styled { border-color: transparent; }
+.fa-kanban-card--grabbed { box-shadow: var(--fa-focus-ring), var(--fa-shadow-lg); transform: rotate(-1deg); }
+.fa-kanban-card--dragging { opacity: 0.45; border-style: dashed; }
+.fa-kanban-card--ghost { position: fixed; z-index: 1100; pointer-events: none; box-shadow: var(--fa-shadow-lg); transform: rotate(2deg); opacity: 0.95; }
+.fa-kanban-card--done .fa-kanban-card__title { text-decoration: line-through; opacity: 0.6; }
+.fa-kanban-card__head { display: flex; align-items: flex-start; gap: var(--fa-space-2); }
+.fa-kanban-card__title { flex: 1; margin: 0; font-size: var(--fa-font-size-sm); font-weight: 600; line-height: 1.35; overflow-wrap: anywhere; }
+.fa-kanban-card__grip { color: var(--fa-color-text-muted); opacity: 0; touch-action: none; }
+.fa-kanban-card:hover .fa-kanban-card__grip, .fa-kanban-card:focus-visible .fa-kanban-card__grip { opacity: 1; }
+.fa-kanban-card__check { flex: none; display: inline-flex; align-items: center; justify-content: center; width: 1.125rem; height: 1.125rem; margin-top: 1px; padding: 0; border: 2px solid var(--fa-color-border-strong); border-radius: var(--fa-radius-sm); background: transparent; color: #fff; cursor: pointer; }
+.fa-kanban-card__check[aria-pressed='true'] { background: var(--fa-color-success); border-color: var(--fa-color-success); }
+.fa-kanban-card__check:focus-visible { outline: none; box-shadow: var(--fa-focus-ring); }
+.fa-kanban-card__badge { flex: none; padding: 0.0625rem var(--fa-space-2); border-radius: 999px; font: 700 0.6875rem / 1.4 var(--fa-font-mono); letter-spacing: 0.02em; }
+.fa-kanban-card__text { margin: 0; font-size: var(--fa-font-size-xs); line-height: 1.45; opacity: 0.8; }
+.fa-kanban-card__chips { display: flex; flex-wrap: wrap; gap: var(--fa-space-1); }
+.fa-kanban-card__tag { display: inline-flex; align-items: center; gap: 2px; padding: 0 var(--fa-space-2); border-radius: var(--fa-radius-sm); background: color-mix(in srgb, currentColor 10%, transparent); font-size: 0.6875rem; font-weight: 600; line-height: 1.6; }
+.fa-kanban-card__tag.is-complete { color: var(--fa-color-success); }
+.fa-kanban-card__meta { display: flex; flex-wrap: wrap; align-items: center; gap: var(--fa-space-3); font-size: 0.6875rem; opacity: 0.85; }
+.fa-kanban-card__meta > span { display: inline-flex; align-items: center; gap: 3px; }
+.fa-kanban-card__priority { font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; }
+.fa-kanban-card__priority.is-danger { color: var(--fa-color-danger); }
+.fa-kanban-card__priority.is-warning { color: var(--fa-color-warning); }
+.fa-kanban-card__priority.is-success { color: var(--fa-color-success); }
+.fa-kanban-card--styled .fa-kanban-card__priority { color: inherit; }
+.fa-kanban-card__due.is-overdue { color: var(--fa-color-danger); font-weight: 700; }
+.fa-kanban-card__due.is-due_soon { color: var(--fa-color-warning); font-weight: 600; }
+.fa-kanban-card__age { margin-left: auto; }
+
+.fa-kanban-detail { display: flex; flex-direction: column; gap: var(--fa-space-4); }
+.fa-kanban-detail__section { display: flex; flex-direction: column; gap: var(--fa-space-2); }
+.fa-kanban-detail__label { font-size: var(--fa-font-size-xs); font-weight: 650; color: var(--fa-color-text-muted); text-transform: uppercase; letter-spacing: 0.05em; }
+.fa-kanban-detail__row { display: flex; flex-wrap: wrap; gap: var(--fa-space-2); align-items: center; }
+.fa-kanban-detail__textarea { min-height: 6rem; padding: var(--fa-space-2) var(--fa-space-3); border: 1px solid var(--fa-color-border); border-radius: var(--fa-radius); background: var(--fa-color-surface); color: var(--fa-color-text); font: var(--fa-font-size-sm) / 1.5 var(--fa-font-sans); resize: vertical; }
+.fa-kanban-detail__textarea:focus-visible { outline: none; border-color: var(--fa-color-accent); box-shadow: var(--fa-focus-ring); }
+.fa-kanban-detail__swatch { width: 1.75rem; height: 1.75rem; border-radius: var(--fa-radius-sm); border: 2px solid transparent; cursor: pointer; }
+.fa-kanban-detail__swatch[aria-pressed='true'] { border-color: var(--fa-color-text); box-shadow: var(--fa-focus-ring); }
+.fa-kanban-detail__swatch:focus-visible { outline: none; box-shadow: var(--fa-focus-ring); }
+.fa-kanban-detail__list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: var(--fa-space-1); }
+.fa-kanban-detail__item { display: flex; align-items: center; gap: var(--fa-space-2); padding: var(--fa-space-1) var(--fa-space-2); border-radius: var(--fa-radius-sm); background: var(--fa-color-surface-raised); }
+.fa-kanban-detail__item input[type='text'] { flex: 1; border: 0; background: transparent; color: inherit; font: inherit; }
+.fa-kanban-detail__item.is-done input[type='text'] { text-decoration: line-through; color: var(--fa-color-text-muted); }
+.fa-kanban-detail__meta { font-size: var(--fa-font-size-xs); color: var(--fa-color-text-muted); border-top: 1px solid var(--fa-color-border); padding-top: var(--fa-space-3); }
+.fa-kanban-detail__image { width: 100%; height: 5rem; object-fit: cover; border-radius: var(--fa-radius); }
+
+.fa-kanban-settings__row { display: grid; grid-template-columns: auto 1fr 5.5rem auto auto; gap: var(--fa-space-2); align-items: end; padding: var(--fa-space-2); border: 1px solid var(--fa-color-border); border-radius: var(--fa-radius); background: var(--fa-color-surface-raised); }
+.fa-kanban-settings__colors { display: flex; flex-wrap: wrap; gap: var(--fa-space-1); grid-column: 1 / -1; align-items: center; }
+.fa-kanban-settings__list { display: flex; flex-direction: column; gap: var(--fa-space-2); margin: 0; padding: 0; list-style: none; }
+.fa-kanban-settings__check { display: inline-flex; align-items: center; gap: var(--fa-space-1); font-size: var(--fa-font-size-xs); }
+.fa-kanban-settings__hint { font-size: var(--fa-font-size-xs); color: var(--fa-color-text-muted); }
+
+.fa-kanban-share__results { list-style: none; margin: 0; padding: 0; border: 1px solid var(--fa-color-border); border-radius: var(--fa-radius); max-height: 12rem; overflow-y: auto; }
+.fa-kanban-share__results button { width: 100%; text-align: start; padding: var(--fa-space-2) var(--fa-space-3); border: 0; background: none; color: inherit; font: inherit; cursor: pointer; }
+.fa-kanban-share__results button:hover, .fa-kanban-share__results button:focus-visible { background: var(--fa-color-accent-soft); outline: none; }
+.fa-kanban-share__person { display: flex; align-items: center; gap: var(--fa-space-3); padding: var(--fa-space-2) 0; border-bottom: 1px solid var(--fa-color-border); }
+.fa-kanban-share__avatar { display: inline-flex; align-items: center; justify-content: center; width: 2rem; height: 2rem; border-radius: 50%; background: var(--fa-color-accent-soft); color: var(--fa-color-accent); font-size: var(--fa-font-size-xs); font-weight: 700; }
+.fa-kanban-share__name { flex: 1; font-size: var(--fa-font-size-sm); }
+
+.fa-kanban-boards { display: flex; flex-direction: column; gap: var(--fa-space-3); font-family: var(--fa-font-sans); color: var(--fa-color-text); }
+.fa-kanban-boards__group { margin: 0; font-size: var(--fa-font-size-xs); text-transform: uppercase; letter-spacing: 0.06em; color: var(--fa-color-text-muted); }
+.fa-kanban-boards__list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: var(--fa-space-1); }
+.fa-kanban-boards__item { display: grid; grid-template-columns: auto 1fr auto; gap: var(--fa-space-2); align-items: center; padding: var(--fa-space-2); border-radius: var(--fa-radius); }
+.fa-kanban-boards__item.is-active { background: var(--fa-color-accent-soft); }
+.fa-kanban-boards__open { display: flex; flex-direction: column; gap: 2px; min-width: 0; padding: 0; border: 0; background: none; color: inherit; font: inherit; text-align: start; cursor: pointer; }
+.fa-kanban-boards__open:focus-visible { outline: none; box-shadow: var(--fa-focus-ring); border-radius: var(--fa-radius-sm); }
+.fa-kanban-boards__name { font-size: var(--fa-font-size-sm); font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+.fa-kanban-boards__sub { font-size: var(--fa-font-size-xs); color: var(--fa-color-text-muted); }
+.fa-kanban-boards__templates { display: grid; grid-template-columns: repeat(auto-fill, minmax(9rem, 1fr)); gap: var(--fa-space-2); }
+.fa-kanban-boards__template { display: flex; flex-direction: column; gap: 2px; padding: var(--fa-space-2); border: 1px solid var(--fa-color-border); border-radius: var(--fa-radius); background: var(--fa-color-surface); color: inherit; font: inherit; text-align: start; cursor: pointer; }
+.fa-kanban-boards__template[aria-pressed='true'] { border-color: var(--fa-color-accent); box-shadow: var(--fa-focus-ring); }
+
+@media (prefers-reduced-motion: reduce) {
+  .fa-kanban-card, .fa-kanban-card--grabbed, .fa-kanban-card--ghost { transform: none; transition: none; }
+}
+.fa-kanban-detail__chip-remove { display: inline-flex; padding: 0; margin-left: 2px; border: 0; background: none; color: inherit; cursor: pointer; opacity: 0.7; }
+.fa-kanban-detail__chip-remove:hover, .fa-kanban-detail__chip-remove:focus-visible { opacity: 1; outline: none; }
+.fa-kanban-detail__meta-inline { margin-left: auto; font-size: var(--fa-font-size-xs); color: var(--fa-color-text-muted); }

package/styles/reporting.css

@@ -0,0 +1,22 @@
+/* Tabellenexport (Excel) – ReportExportPanel (Vue) und FlowauditReportExport (React). */
+.fa-report { display: flex; flex-direction: column; gap: var(--fa-space-4); font: var(--fa-font-size-sm) / var(--fa-line-height) var(--fa-font-sans); color: var(--fa-color-text); }
+.fa-report__card { display: flex; flex-direction: column; gap: var(--fa-space-3); padding: var(--fa-space-4); border: 1px solid var(--fa-color-border); border-radius: var(--fa-radius-lg); background: var(--fa-color-surface); box-shadow: var(--fa-shadow-sm); min-width: 0; }
+.fa-report__heading { margin: 0; font-size: var(--fa-font-size-md); font-weight: 600; }
+.fa-report__form { display: grid; grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr)); gap: var(--fa-space-3); align-items: end; }
+.fa-report__field { display: flex; flex-direction: column; gap: var(--fa-space-1); }
+.fa-report__label { font-size: var(--fa-font-size-xs); font-weight: 600; color: var(--fa-color-text-muted); }
+.fa-report__input { min-height: 2.25rem; padding: 0 var(--fa-space-3); border: 1px solid var(--fa-color-border); border-radius: var(--fa-radius); background: var(--fa-color-surface); color: var(--fa-color-text); font: inherit; }
+.fa-report__input:focus-visible { outline: none; box-shadow: var(--fa-focus-ring); }
+.fa-report__actions { display: flex; flex-wrap: wrap; gap: var(--fa-space-2); }
+.fa-report__muted, .fa-report__source { margin: 0; color: var(--fa-color-text-muted); font-size: var(--fa-font-size-xs); }
+.fa-report__source p { margin: var(--fa-space-1) 0 0; overflow-wrap: anywhere; }
+.fa-report__error { margin: 0; font-size: var(--fa-font-size-xs); color: var(--fa-color-danger); }
+.fa-report__failure { margin: 0; padding: var(--fa-space-2) var(--fa-space-3); border-radius: var(--fa-radius); background: var(--fa-color-danger-soft); color: var(--fa-color-danger); }
+.fa-report__notice { margin: 0; padding: var(--fa-space-2) var(--fa-space-3); border-left: 3px solid var(--fa-color-accent); background: var(--fa-color-accent-soft); border-radius: var(--fa-radius-sm); }
+.fa-report__sheet { display: flex; flex-direction: column; gap: var(--fa-space-2); }
+.fa-report__scroll { overflow-x: auto; }
+.fa-report__table { border-collapse: collapse; width: 100%; font-variant-numeric: tabular-nums; }
+.fa-report__table caption { text-align: left; font-weight: 600; padding-bottom: var(--fa-space-1); }
+.fa-report__table th, .fa-report__table td { padding: var(--fa-space-1) var(--fa-space-2); border-bottom: 1px solid var(--fa-color-border); text-align: left; white-space: nowrap; }
+.fa-report__table th { font-size: var(--fa-font-size-xs); color: var(--fa-color-text-muted); }
+.fa-report__table code { font-family: var(--fa-font-mono, monospace); }

package/styles/reporttemplates.css

@@ -0,0 +1,21 @@
+/* Berichtsvorlagen – ReportTemplates (Vue) und FlowauditReportTemplates (React). Farben nur aus --fa-*-Variablen. */
+.fa-reporttemplates { display: flex; flex-direction: column; gap: var(--fa-space-4); font: var(--fa-font-size-sm) / var(--fa-line-height) var(--fa-font-sans); color: var(--fa-color-text); }
+.fa-reporttemplates__card { display: flex; flex-direction: column; gap: var(--fa-space-3); padding: var(--fa-space-4); border: 1px solid var(--fa-color-border); border-radius: var(--fa-radius-lg); background: var(--fa-color-surface); box-shadow: var(--fa-shadow-sm); min-width: 0; }
+.fa-reporttemplates__heading { margin: 0; font-size: var(--fa-font-size-md); font-weight: 600; }
+.fa-reporttemplates__form { display: grid; grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr)); gap: var(--fa-space-3); align-items: end; }
+.fa-reporttemplates__field { display: flex; flex-direction: column; gap: var(--fa-space-1); }
+.fa-reporttemplates__label { font-size: var(--fa-font-size-xs); font-weight: 600; color: var(--fa-color-text-muted); }
+.fa-reporttemplates__input { min-height: 2.25rem; padding: 0 var(--fa-space-3); border: 1px solid var(--fa-color-border); border-radius: var(--fa-radius); background: var(--fa-color-surface); color: var(--fa-color-text); font: inherit; }
+.fa-reporttemplates__input:focus-visible { outline: none; box-shadow: var(--fa-focus-ring); }
+.fa-reporttemplates__actions { display: flex; flex-wrap: wrap; gap: var(--fa-space-2); }
+.fa-reporttemplates__muted { margin: 0; color: var(--fa-color-text-muted); font-size: var(--fa-font-size-xs); }
+.fa-reporttemplates__failure { margin: 0; padding: var(--fa-space-2) var(--fa-space-3); border-radius: var(--fa-radius); background: var(--fa-color-danger-soft); color: var(--fa-color-danger); }
+.fa-reporttemplates__notice { margin: 0; padding: var(--fa-space-2) var(--fa-space-3); border-left: 3px solid var(--fa-color-accent); background: var(--fa-color-accent-soft); border-radius: var(--fa-radius-sm); }
+.fa-reporttemplates__scroll { overflow-x: auto; }
+.fa-reporttemplates__table { border-collapse: collapse; width: 100%; }
+.fa-reporttemplates__table th, .fa-reporttemplates__table td { padding: var(--fa-space-1) var(--fa-space-2); border-bottom: 1px solid var(--fa-color-border); text-align: left; vertical-align: top; }
+.fa-reporttemplates__table th { font-size: var(--fa-font-size-xs); color: var(--fa-color-text-muted); }
+.fa-reporttemplates__table code, .fa-reporttemplates__issues code { font-family: var(--fa-font-mono, monospace); }
+.fa-reporttemplates__blocks, .fa-reporttemplates__issues { margin: 0; padding-left: var(--fa-space-4); display: flex; flex-direction: column; gap: var(--fa-space-1); }
+.fa-reporttemplates__issues { color: var(--fa-color-danger); }
+.fa-reporttemplates__frame { width: 100%; min-height: 24rem; border: 1px solid var(--fa-color-border); border-radius: var(--fa-radius); background: #fff; }

package/styles/risk.css

@@ -0,0 +1,92 @@
+/* Risiko-Merkmale (<flowaudit-risk-flags>): Vue und React. */
+
+/* RiskFlags */
+.fa-risk { display: grid; gap: var(--fa-space-4); font-family: var(--fa-font-sans); color: var(--fa-color-text); }
+.fa-risk__head h2 { margin: 0; font-size: var(--fa-font-size-lg); }
+.fa-risk__profile { margin: var(--fa-space-1) 0 0; font-size: var(--fa-font-size-sm); color: var(--fa-color-text-muted); }
+.fa-risk__hint { margin: var(--fa-space-2) 0 0; padding: var(--fa-space-2) var(--fa-space-3); border-radius: var(--fa-radius-sm); background: var(--fa-color-warning-soft); color: var(--fa-color-warning); font-size: var(--fa-font-size-sm); font-weight: 600; }
+.fa-risk__body { display: grid; gap: var(--fa-space-4); align-items: start; }
+@media (min-width: 72rem) { .fa-risk__body { grid-template-columns: minmax(0, 1fr) minmax(22rem, 30rem); } }
+.fa-risk__profile-info summary { cursor: pointer; font-weight: 600; color: var(--fa-color-accent); padding: var(--fa-space-2) 0; }
+.fa-risk__profile-info summary:focus-visible { outline: none; box-shadow: var(--fa-focus-ring); border-radius: var(--fa-radius-sm); }
+@media (prefers-reduced-motion: reduce) { .fa-risk * { transition: none !important; } }
+
+/* RiskFlagSummary */
+.fa-risk-summary { display: grid; gap: var(--fa-space-3); }
+.fa-risk-summary__totals { display: flex; flex-wrap: wrap; gap: var(--fa-space-4); margin: 0; padding: 0; list-style: none; font-size: var(--fa-font-size-sm); color: var(--fa-color-text); }
+.fa-risk-summary__totals li { display: inline-flex; align-items: center; gap: var(--fa-space-1); }
+.fa-risk-summary__code { padding: 0; border: 0; background: none; color: var(--fa-color-accent); font: 600 var(--fa-font-size-sm) var(--fa-font-mono); cursor: pointer; text-decoration: underline dotted; }
+.fa-risk-summary__code:focus-visible { outline: none; box-shadow: var(--fa-focus-ring); border-radius: var(--fa-radius-sm); }
+.fa-risk-summary__skipped { display: block; margin-top: var(--fa-space-1); font-size: var(--fa-font-size-xs); color: var(--fa-color-text-muted); }
+.fa-risk-summary__count { display: inline-flex; align-items: center; gap: var(--fa-space-1); white-space: nowrap; }
+.fa-risk-summary__bar { display: inline-block; width: 4rem; height: 0.4rem; margin-inline-end: var(--fa-space-2); border-radius: 999px; background: var(--fa-color-surface-sunken); vertical-align: middle; overflow: hidden; }
+.fa-risk-summary__bar span { display: block; height: 100%; background: var(--fa-color-danger); }
+.fa-risk-summary__undetermined { display: inline-grid; justify-items: end; gap: 2px; }
+.fa-risk-summary__undetermined small { font-size: var(--fa-font-size-xs); color: var(--fa-color-warning); }
+.fa-risk-summary__dataset h3 { margin: 0 0 var(--fa-space-2); font-size: var(--fa-font-size-md); }
+.fa-risk-summary__dataset p { margin: 0; font-size: var(--fa-font-size-sm); }
+
+/* RiskFlagFilter */
+.fa-risk-filter { display: grid; grid-template-columns: auto minmax(10rem, 1fr); gap: var(--fa-space-2) var(--fa-space-3); align-items: center; font-size: var(--fa-font-size-sm); color: var(--fa-color-text); }
+.fa-risk-filter label { color: var(--fa-color-text-muted); font-weight: 600; }
+.fa-risk-filter select, .fa-risk-filter input { min-width: 0; padding: var(--fa-space-1) var(--fa-space-2); border: 1px solid var(--fa-color-border-strong); border-radius: var(--fa-radius-sm); background: var(--fa-color-surface); color: var(--fa-color-text); font: inherit; }
+.fa-risk-filter select:focus-visible, .fa-risk-filter input:focus-visible { outline: none; box-shadow: var(--fa-focus-ring); }
+.fa-risk-filter__result { grid-column: 1 / -1; color: var(--fa-color-text-muted); }
+@media (min-width: 60rem) { .fa-risk-filter { grid-template-columns: auto minmax(12rem, 1fr) auto minmax(10rem, 14rem) auto minmax(10rem, 1fr); } }
+
+/* RiskFlagTable */
+.fa-risk-table .fa-table td { padding-block: var(--fa-space-1); }
+.fa-risk-table__record { font-family: var(--fa-font-mono); font-size: var(--fa-font-size-sm); }
+.fa-risk-table__record[aria-current='true'] { font-weight: 700; color: var(--fa-color-accent); }
+.fa-risk-table__record[aria-current='true']::before { content: '▸ '; }
+
+/* RiskFlagState */
+.fa-risk-state { display: inline-flex; align-items: center; gap: var(--fa-space-1); padding: 0.0625rem var(--fa-space-2); border-radius: 999px; border: 1px solid transparent; font: 600 var(--fa-font-size-xs) / 1.3 var(--fa-font-sans); white-space: nowrap; }
+.fa-risk-state__icon { display: inline-grid; place-items: center; width: 1.1em; height: 1.1em; font-weight: 700; }
+.fa-risk-state--compact { padding: 0.0625rem; min-width: 1.6em; justify-content: center; }
+.fa-risk-state--danger { background: var(--fa-color-danger-soft); color: var(--fa-color-danger); border-color: var(--fa-color-danger); }
+.fa-risk-state--warning { background: var(--fa-color-warning-soft); color: var(--fa-color-warning); border: 1px dashed var(--fa-color-warning); }
+.fa-risk-state--neutral { color: var(--fa-color-text-muted); }
+.fa-risk-state--skipped { border: 1px dotted var(--fa-color-border-strong); }
+
+/* RiskRecordDetail */
+.fa-risk-detail { display: grid; gap: var(--fa-space-3); align-content: start; }
+.fa-risk-detail h3 { margin: 0; font-size: var(--fa-font-size-lg); color: var(--fa-color-text); }
+.fa-risk-detail__empty { margin: 0; padding: var(--fa-space-4); border: 1px dashed var(--fa-color-border-strong); border-radius: var(--fa-radius); color: var(--fa-color-text-muted); font-size: var(--fa-font-size-sm); }
+.fa-risk-detail__assessment { display: grid; grid-template-columns: max-content 1fr; gap: 2px var(--fa-space-3); margin: 0; font-size: var(--fa-font-size-sm); }
+.fa-risk-detail__assessment dt { color: var(--fa-color-text-muted); }
+.fa-risk-detail__assessment dd { margin: 0; }
+
+/* RiskFlagCard */
+.fa-risk-card { display: grid; gap: var(--fa-space-2); padding: var(--fa-space-3) var(--fa-space-4); border: 1px solid var(--fa-color-border); border-inline-start: 4px solid var(--fa-color-danger); border-radius: var(--fa-radius); background: var(--fa-color-surface); color: var(--fa-color-text); font: var(--fa-font-size-sm) / var(--fa-line-height) var(--fa-font-sans); }
+.fa-risk-card--undetermined { border-style: dashed; border-inline-start: 4px dashed var(--fa-color-warning); background: var(--fa-color-surface-raised); }
+.fa-risk-card__head { display: flex; flex-wrap: wrap; align-items: center; gap: var(--fa-space-2); }
+.fa-risk-card__head h4 { flex: 1 1 16rem; margin: 0; font-size: var(--fa-font-size-md); }
+.fa-risk-card code { font-family: var(--fa-font-mono); font-size: 0.95em; }
+.fa-risk-card__profile { margin: 0; font-size: var(--fa-font-size-xs); color: var(--fa-color-text-muted); }
+.fa-risk-card__reason, .fa-risk-card__note { margin: 0; }
+.fa-risk-card__note { color: var(--fa-color-text-muted); }
+.fa-risk-card__grid { display: grid; gap: var(--fa-space-3); grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr)); }
+.fa-risk-card__pairs { border-collapse: collapse; width: 100%; }
+.fa-risk-card__pairs caption { text-align: start; font-weight: 600; padding-bottom: var(--fa-space-1); }
+.fa-risk-card__pairs th, .fa-risk-card__pairs td { padding: 2px var(--fa-space-2); border-bottom: 1px solid var(--fa-color-border); text-align: start; vertical-align: top; }
+.fa-risk-card__pairs thead th { font-size: var(--fa-font-size-xs); color: var(--fa-color-text-muted); }
+.fa-risk-card__pairs tbody th { font-weight: 400; color: var(--fa-color-text-muted); }
+.fa-risk-card__empty { color: var(--fa-color-warning); font-style: italic; font-weight: 600; }
+.fa-risk-card__more summary { cursor: pointer; color: var(--fa-color-accent); }
+.fa-risk-card__more summary:focus-visible { outline: none; box-shadow: var(--fa-focus-ring); border-radius: var(--fa-radius-sm); }
+.fa-risk-card__more dl { display: grid; grid-template-columns: max-content 1fr; gap: 2px var(--fa-space-3); margin: var(--fa-space-2) 0 0; }
+.fa-risk-card__more dt { color: var(--fa-color-text-muted); }
+.fa-risk-card__more dd { margin: 0; word-break: break-word; }
+
+/* RiskProfileInfo */
+.fa-risk-profile { display: grid; gap: var(--fa-space-3); font-size: var(--fa-font-size-sm); color: var(--fa-color-text); }
+.fa-risk-profile__identity { display: grid; grid-template-columns: max-content 1fr; gap: var(--fa-space-1) var(--fa-space-3); margin: 0; }
+.fa-risk-profile__identity dt { color: var(--fa-color-text-muted); font-weight: 600; }
+.fa-risk-profile__identity dd { margin: 0; min-width: 0; }
+.fa-risk-profile__hash { word-break: break-all; font-size: var(--fa-font-size-xs); }
+.fa-risk-profile__hint { margin: 0; padding: var(--fa-space-2) var(--fa-space-3); border-radius: var(--fa-radius-sm); background: var(--fa-color-warning-soft); color: var(--fa-color-warning); font-weight: 600; }
+.fa-risk-profile__legal { margin: 0; color: var(--fa-color-text-muted); }
+.fa-risk-profile h4 { margin: 0 0 var(--fa-space-1); }
+.fa-risk-profile__chip { display: inline-block; margin: 0 var(--fa-space-1) 2px 0; padding: 0 var(--fa-space-1); border-radius: var(--fa-radius-sm); background: var(--fa-color-surface-sunken); font-family: var(--fa-font-mono); font-size: var(--fa-font-size-xs); }
+.fa-risk-profile__param, .fa-risk-profile__use { display: block; font-size: var(--fa-font-size-xs); }

package/styles/runner.css

@@ -0,0 +1,54 @@
+/* Runner-Konsole – RunnerConsole (Vue) und FlowauditRunnerConsole (React). Farben nur aus --fa-*-Variablen. */
+.fa-runner { display: flex; flex-direction: column; gap: var(--fa-space-3); font: var(--fa-font-size-sm) / var(--fa-line-height) var(--fa-font-sans); color: var(--fa-color-text); }
+.fa-runner__kopf { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: var(--fa-space-2); }
+.fa-runner__titel { margin: 0; font-size: var(--fa-font-size-lg); }
+.fa-runner__meta { margin: 0; color: var(--fa-color-text-muted); }
+.fa-runner__reiter { display: flex; flex-wrap: wrap; gap: var(--fa-space-1); border-bottom: 1px solid var(--fa-color-border); }
+.fa-runner__tab { padding: var(--fa-space-2) var(--fa-space-3); border: 0; border-bottom: 2px solid transparent; background: none; color: var(--fa-color-text-muted); font: inherit; cursor: pointer; }
+.fa-runner__tab[aria-selected="true"] { border-bottom-color: var(--fa-color-accent); color: var(--fa-color-text); font-weight: 600; }
+.fa-runner__tab:focus-visible, .fa-runner__panel:focus-visible { outline: none; box-shadow: var(--fa-focus-ring); border-radius: var(--fa-radius-sm); }
+.fa-runner__panel { display: flex; flex-direction: column; gap: var(--fa-space-3); }
+.fa-runner__zwischen { display: flex; align-items: center; gap: var(--fa-space-2); margin: 0; font-size: var(--fa-font-size-md); }
+.fa-runner__muted { margin: 0; color: var(--fa-color-text-muted); }
+.fa-runner__failure { margin: 0; padding: var(--fa-space-2) var(--fa-space-3); border-radius: var(--fa-radius); background: var(--fa-color-danger-soft); color: var(--fa-color-danger); }
+.fa-runner__meldung { margin: 0; padding: var(--fa-space-2) var(--fa-space-3); border-radius: var(--fa-radius); }
+.fa-runner__meldung--success { background: var(--fa-color-success-soft); color: var(--fa-color-success); }
+.fa-runner__meldung--warning { background: var(--fa-color-warning-soft); color: var(--fa-color-warning); }
+.fa-runner__hinweise { display: flex; flex-direction: column; gap: var(--fa-space-1); margin: 0; padding: 0; list-style: none; }
+.fa-runner__hinweis { padding: var(--fa-space-2) var(--fa-space-3); border-radius: var(--fa-radius); border-left: 3px solid var(--fa-color-border-strong); background: var(--fa-color-surface-sunken); }
+.fa-runner__hinweis--danger { border-left-color: var(--fa-color-danger); background: var(--fa-color-danger-soft); }
+.fa-runner__hinweis--warning { border-left-color: var(--fa-color-warning); background: var(--fa-color-warning-soft); }
+.fa-runner__hinweis--info { border-left-color: var(--fa-color-accent); background: var(--fa-color-accent-soft); }
+.fa-runner__daten { display: grid; grid-template-columns: repeat(auto-fill, minmax(14rem, 1fr)); gap: var(--fa-space-2); margin: 0; }
+.fa-runner__datum { padding: var(--fa-space-2) var(--fa-space-3); border: 1px solid var(--fa-color-border); border-radius: var(--fa-radius); background: var(--fa-color-surface); }
+.fa-runner__datum dt { color: var(--fa-color-text-muted); font-size: var(--fa-font-size-xs); }
+.fa-runner__datum dd { margin: 0; overflow-wrap: anywhere; }
+.fa-runner__tabelle { width: 100%; border-collapse: collapse; }
+.fa-runner__tabelle caption { padding-bottom: var(--fa-space-1); text-align: start; font-weight: 600; }
+.fa-runner__tabelle th, .fa-runner__tabelle td { padding: var(--fa-space-1) var(--fa-space-2); border-bottom: 1px solid var(--fa-color-border); text-align: start; vertical-align: top; }
+.fa-runner__tabelle thead th { color: var(--fa-color-text-muted); font-weight: 600; }
+.fa-runner__formular { display: flex; flex-direction: column; gap: var(--fa-space-3); }
+.fa-runner__abschnitt { display: grid; grid-template-columns: repeat(auto-fill, minmax(16rem, 1fr)); gap: var(--fa-space-2) var(--fa-space-4); margin: 0; padding: var(--fa-space-3); border: 1px solid var(--fa-color-border); border-radius: var(--fa-radius); }
+.fa-runner__abschnitt legend { padding: 0 var(--fa-space-1); font-weight: 600; }
+.fa-runner__feld { display: flex; flex-direction: column; gap: var(--fa-space-1); }
+.fa-runner__feld--schalter { flex-direction: row; align-items: center; }
+.fa-runner__eingabe { padding: var(--fa-space-1) var(--fa-space-2); border: 1px solid var(--fa-color-border-strong); border-radius: var(--fa-radius-sm); background: var(--fa-color-surface); color: inherit; font: inherit; }
+.fa-runner__eingabe:focus-visible, .fa-runner__feld input[type="checkbox"]:focus-visible { outline: none; box-shadow: var(--fa-focus-ring); }
+.fa-runner__eingabe[aria-invalid="true"] { border-color: var(--fa-color-danger); }
+.fa-runner__eingabe:disabled { opacity: 0.7; }
+.fa-runner__feldfehler { margin: 0; color: var(--fa-color-danger); font-size: var(--fa-font-size-xs); }
+.fa-runner__probleme { margin: 0; padding: var(--fa-space-2) var(--fa-space-3) var(--fa-space-2) var(--fa-space-6); border-radius: var(--fa-radius); background: var(--fa-color-danger-soft); color: var(--fa-color-danger); }
+.fa-runner__aktionen { display: flex; flex-wrap: wrap; align-items: center; gap: var(--fa-space-2); }
+.fa-runner__vorschau, .fa-runner__konflikt { display: flex; flex-direction: column; gap: var(--fa-space-2); padding: var(--fa-space-3); border: 1px solid var(--fa-color-border); border-radius: var(--fa-radius); background: var(--fa-color-surface-raised); }
+.fa-runner__konflikt { border-color: var(--fa-color-warning); }
+.fa-runner__diff summary { cursor: pointer; font-family: var(--fa-font-mono); }
+.fa-runner__diff pre, .fa-runner__befehl { margin: 0; padding: var(--fa-space-2); overflow-x: auto; border-radius: var(--fa-radius-sm); background: var(--fa-color-surface-sunken); font: var(--fa-font-size-xs) / var(--fa-line-height) var(--fa-font-mono); }
+.fa-runner__befehl { user-select: all; }
+.fa-runner__schritte { margin: 0; padding-left: var(--fa-space-5); font-family: var(--fa-font-mono); font-size: var(--fa-font-size-xs); }
+.fa-runner__prioritaeten { display: flex; flex-direction: column; gap: var(--fa-space-1); margin: 0; padding: 0; list-style: none; }
+.fa-runner__prioritaet { display: flex; flex-wrap: wrap; align-items: center; gap: var(--fa-space-2) var(--fa-space-3); padding: var(--fa-space-2) var(--fa-space-3); border: 1px solid var(--fa-color-border); border-radius: var(--fa-radius); background: var(--fa-color-surface); }
+.fa-runner__rang { min-width: 4.5rem; color: var(--fa-color-text-muted); }
+.fa-runner__klasse { flex: 1 1 8rem; }
+.fa-runner__schmal { width: 6rem; }
+.fa-runner__klassenname { grid-column: 1 / -1; }
+.fa-runner__klassenname .fa-runner__eingabe { flex: 1 1 12rem; }

package/styles/samplesize.css

@@ -0,0 +1,27 @@
+/* SampleSizePlanner (Vue) und FlowauditSampleSizePlanner (React). Farben nur aus --fa-*-Variablen. */
+.fa-samplesize { display: flex; flex-direction: column; gap: var(--fa-space-3); font: var(--fa-font-size-sm) / var(--fa-line-height) var(--fa-font-sans); color: var(--fa-color-text); }
+.fa-samplesize__form, .fa-samplesize__result { display: flex; flex-direction: column; gap: var(--fa-space-3); }
+.fa-samplesize__fields { display: grid; grid-template-columns: repeat(auto-fill, minmax(16rem, 1fr)); gap: var(--fa-space-3); }
+.fa-samplesize__field { display: flex; flex-direction: column; gap: var(--fa-space-1); }
+.fa-samplesize__label { font-weight: 600; }
+.fa-samplesize__input, .fa-samplesize__select { padding: var(--fa-space-1) var(--fa-space-2); border: 1px solid var(--fa-color-border); border-radius: var(--fa-radius); background: var(--fa-color-surface); color: inherit; font: inherit; }
+.fa-samplesize__input:focus-visible, .fa-samplesize__select:focus-visible, .fa-samplesize__submit:focus-visible, .fa-samplesize__add:focus-visible, .fa-samplesize__remove:focus-visible { outline: none; border-color: var(--fa-color-accent); box-shadow: var(--fa-focus-ring); }
+.fa-samplesize__input[aria-invalid='true'], .fa-samplesize__select[aria-invalid='true'] { border-color: var(--fa-color-danger); }
+.fa-samplesize__error { color: var(--fa-color-danger); }
+.fa-samplesize__check { display: flex; gap: var(--fa-space-2); align-items: center; }
+.fa-samplesize__strata { margin: 0; padding: var(--fa-space-2); border: 1px solid var(--fa-color-border); border-radius: var(--fa-radius); }
+.fa-samplesize__table { width: 100%; border-collapse: collapse; }
+.fa-samplesize__table caption { text-align: start; font-weight: 600; padding-block: var(--fa-space-1); }
+.fa-samplesize__table th, .fa-samplesize__table td { padding: var(--fa-space-1) var(--fa-space-2); border-bottom: 1px solid var(--fa-color-border); text-align: start; vertical-align: top; }
+.fa-samplesize__submit, .fa-samplesize__add, .fa-samplesize__remove { align-self: flex-start; padding: var(--fa-space-2) var(--fa-space-3); border: 1px solid var(--fa-color-border); border-radius: var(--fa-radius); background: var(--fa-color-surface); color: inherit; font: inherit; cursor: pointer; }
+.fa-samplesize__submit { border-color: var(--fa-color-accent); }
+.fa-samplesize__submit:disabled { cursor: not-allowed; opacity: 0.6; }
+.fa-samplesize__source code { font-family: var(--fa-font-mono, monospace); }
+.fa-samplesize__heading { margin: 0; font-size: var(--fa-font-size-md, 1rem); }
+.fa-samplesize__badge { margin-inline-start: var(--fa-space-2); padding: 0 var(--fa-space-2); border: 1px solid var(--fa-color-accent); border-radius: var(--fa-radius); font-size: var(--fa-font-size-sm); font-weight: 400; }
+.fa-samplesize__summary { display: flex; flex-wrap: wrap; gap: var(--fa-space-4); margin: 0; }
+.fa-samplesize__summary dt { color: var(--fa-color-text-muted); }
+.fa-samplesize__summary dd { margin: 0; font-size: var(--fa-font-size-lg, 1.25rem); font-weight: 600; }
+.fa-samplesize__warnings { margin: 0; padding-inline-start: var(--fa-space-4); color: var(--fa-color-text-muted); }
+.fa-samplesize__muted { margin: 0; color: var(--fa-color-text-muted); }
+.fa-samplesize__failure { margin: 0; padding: var(--fa-space-2) var(--fa-space-3); border-radius: var(--fa-radius); background: var(--fa-color-danger-soft); color: var(--fa-color-danger); }