/* vertrag-abschluss.css — Dialog „Dokument abschließen" (LoD.VertragAbschluss).
 * Auswahl der Abschlussart + Datum + Bemerkung im Modal size-sm über dem
 * vt-Drawer. Token-Sprache identisch zu docusign-send.css (dieselbe Dialog-
 * Familie). Fluid — passt sich der Modal-Breite an, daher keine eigenen
 * Breakpoints. */

.vab-arten {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
  margin-top: var(--space-3);
}

.vab-art {
  display: flex;
  align-items: flex-start;
  gap: var(--space-3);
  padding: var(--space-3);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  background: var(--color-bg-surface);
  cursor: pointer;
  transition: border-color var(--duration-quick) var(--ease-soft), background-color var(--duration-quick) var(--ease-soft);
}

.vab-art:hover { border-color: var(--color-border-hover); }

/* Gewählte Karte markieren — :has() trägt die Auswahl ohne JS-Klasse. */
.vab-art:has(input:checked) {
  border-color: var(--color-accent);
  background: var(--color-accent-bg-soft);
}

.vab-art input[type="radio"] {
  margin: 0;
  margin-top: 2px;
  accent-color: var(--color-accent);
  flex: 0 0 auto;
}

.vab-art-body {
  display: flex;
  flex-direction: column;
  gap: 1px;
  min-width: 0;
}

.vab-art-label {
  font-size: var(--fs-body);
  font-weight: var(--fw-medium);
  color: var(--color-text);
}

.vab-art-sub {
  font-size: var(--fs-caption);
  color: var(--color-text-muted);
  word-break: break-word;
}

/* Datum + Bemerkung: volle Modal-Breite (die zeit-Controls sind sonst inhaltsbreit). */
.vab-feld {
  width: 100%;
  margin-top: var(--space-1);
}

.vab-feld.has-error { border-color: var(--color-danger-border); }

/* Sperr-Hinweis unter den Feldern — bewusst im Dialog, nicht erst im Toast danach. */
.vab-hinweis {
  margin: var(--space-4) 0 0;
  font-size: var(--fs-caption);
  line-height: var(--lh-normal);
  color: var(--color-text-muted);
}