/* Sachbearbeitung: Rückmeldung direkt bei der bearbeiteten Karte. */
.wk-card-state { margin: 0 0 12px; color: var(--wk-muted, #59646d); font-size: 13px; line-height: 1.5; }
.wk-card-state.is-dirty { color: #76531a; font-weight: 600; }
.wk-card-state.is-error, .wk-field-error { color: #a52c27; }
.wk-card-state.is-saved { color: #286246; }
.wk-field-error { display: block; margin-top: 5px; font-size: 12px; line-height: 1.45; }
.wk-field-error[hidden], .wk-card-error[hidden], .wk-probe[hidden] { display: none; }
.wk-edit-field [aria-invalid="true"] { border-color: #b23a32; box-shadow: 0 0 0 1px #b23a32; }
.wk-edit-field [aria-invalid="true"]:focus { outline: 2px solid #b23a32; outline-offset: 2px; }
.wk-required { color: #9a302b; font-weight: 700; }
.wk-card[aria-busy="true"] .wk-card-state { color: var(--wk-ink, #243746); }
.wk-card[aria-busy="true"] input, .wk-card[aria-busy="true"] select { opacity: .8; }
/* 3.11.2026 (Auftrag «Einfache Erfassung», Punkte 3 und 4): Projekt & Termin und Konditionen direkt bearbeitbar */
.wk-card-state:empty { display: none; }
.wk-feld-hilfe { display: block; margin-top: 3px; font-size: 12px; color: var(--wk-muted, #59646d); }
.wk-weitere { margin: 8px 0 0; }
.wk-weitere > summary { cursor: pointer; font-size: 13px; color: var(--wk-muted, #59646d); }
.wk-weitere > summary:focus-visible { outline: 2px solid #1a1a1a; outline-offset: 2px; }
.wk-probe-box { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; margin: 4px 0 8px; padding: 7px 9px; font-size: 12.5px; line-height: 1.45;
  background: #f4f7fb; border-left: 2px solid #4a6fa5; color: #2d3f57; border-radius: 0 4px 4px 0; }
.wk-probe-knoepfe { display: inline-flex; gap: 6px; }
.wk-liefer-hinweis { margin: 4px 0 8px; font-size: 12.5px; }
.wk-edit-row.wk-edit-gleich { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
/* schmale Karte (Angebot mit vier Karten nebeneinander, Tablet): Felder untereinander statt abgeschnitten */
#wk-card-projekt, #wk-card-konditionen { container-type: inline-size; }
@container (max-width: 330px) { .wk-edit-row.wk-edit-gleich { grid-template-columns: minmax(0, 1fr); gap: 0; } }