/* Ergänzungen der Signaturplattform zur Oberfläche der Website-Verwaltung.
   Gleiche Tokens, gleiche Bauteile, nur was hier neu ist. */

[hidden] { display: none !important; }

/* Statusmarken der Signatur */
.pill--gut { background: var(--st-gruen-bg); color: var(--st-gruen); }
.pill--warn { background: var(--st-amber-bg); color: var(--st-amber); }
.pill--offen { background: var(--st-neutral-bg); color: var(--st-neutral); }

/* Personenseite: Angaben links, Vorschau rechts und mitlaufend */
.person-raster { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 600px); gap: 16px; align-items: start; }
.stapel.lueckig { gap: 16px; }
.vorschau-panel { position: sticky; top: 16px; }
.form-raster { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 16px; }
.form-raster .voll { grid-column: 1 / -1; }
.form-raster .feld-schalter { margin: 4px 0 6px; }

/* Die Signatur steht in jeder Fassung auf Weiß, so wie im Postfach */
.signatur-vorschau {
  background: #fff; color: #061746; padding: 22px; border: 1px solid var(--pd-linie);
  border-radius: var(--r-md); overflow-x: auto; margin-bottom: 4px;
}
.signatur-vorschau table { color: inherit; }

.link-zeile { margin: 10px 0 12px; }
.link-zeile .input { font-family: ui-monospace, Menlo, Consolas, monospace; font-size: 12.5px; }
.abstand-oben { margin-top: 18px; }
.abstand-unten { margin-bottom: 16px; }
.knopfreihe.rechtsbuendig { justify-content: flex-end; }
.knopfreihe .hilfe { margin: 0; }
.panel--hinweis { background: var(--spn-blau-10); border-color: var(--spn-blau-20); margin-bottom: 16px; }
.panel--hinweis p { margin: 0; font-size: 13.5px; color: var(--spn-tief); padding: 14px 0; }
.feld textarea { resize: vertical; line-height: 1.5; }
tr.verblasst td { opacity: .55; }

.passwort-anzeige {
  font-family: ui-monospace, Menlo, Consolas, monospace; font-size: 20px; letter-spacing: .06em;
  background: var(--spn-blau-10); color: var(--spn-tief); padding: 12px 14px; border-radius: var(--r-md);
  text-align: center; user-select: all;
}

@media (max-width: 1100px) {
  .person-raster { grid-template-columns: 1fr; }
  .vorschau-panel { position: static; }
}
@media (max-width: 560px) {
  .form-raster { grid-template-columns: 1fr; }
}

/* Gleiche Spalten in allen Gruppen der Funktionen */
table.data--fest { table-layout: fixed; }
table.data--fest td { overflow-wrap: anywhere; }
.feld-schalter + .hilfe { margin-bottom: 16px; }