/*
 * Identity Lab: Feedback zur Seite – Formular [idl_hinweis]
 * Nur bestehende Tokens der Installation, keine neuen.
 * Wird nur auf Seiten geladen, die das Formular ausgeben.
 */
.idl-hw {
font-family: var(--viz-font-ui);
color: var(--viz-text);
}
.idl-hw__einleitung {
margin: 0 0 var(--s);
color: var(--viz-text-2);
}
.idl-hw__form {
display: flex;
flex-direction: column;
gap: var(--s);
}
.idl-hw__zeile {
display: flex;
flex-wrap: wrap;
gap: var(--s);
}
.idl-hw__zeile > .idl-hw__feldgruppe {
flex: 1 1 14em;
}
.idl-hw__feldgruppe {
display: flex;
flex-direction: column;
gap: var(--xxs);
min-width: 0;
}
.idl-hw__label {
font-weight: var(--viz-fw-mittel);
}
.idl-hw__feld {
width: 100%;
box-sizing: border-box;
font: inherit;
color: var(--viz-text);
background: var(--viz-surface);
border: 1px solid var(--viz-border);
border-radius: var(--viz-radius-s);
padding: var(--xs) var(--s);
}
.idl-hw__text {
resize: vertical;
min-height: 8em;
}
/* Der Knopf trägt die Hausklasse .viz-tabelle-schalter (idl.css) – keine eigenen Regeln. */
.idl-hw__feld:focus-visible {
outline: 2px solid var(--viz-signal);
outline-offset: 2px;
}
.idl-hw__hinweis {
margin: 0;
font-size: var(--xs);
color: var(--viz-muted);
}
.idl-hw__hinweis a {
color: inherit;
}
.idl-hw__meldung {
margin: 0 0 var(--s);
padding: var(--xs) var(--s);
border-radius: var(--viz-radius-s);
background: var(--viz-signal-flaeche);
color: var(--viz-text);
}
.idl-hw__meldung--fehler {
border: 1px solid var(--viz-kritisch);
background: transparent;
}