/* workspace-bento-aufgaben-aktionen.css — Abschnitt „Zusammenarbeit“ unter einer Aufgabe (Verlängerung, Delegieren, Themen-Raum, Erinnerung)
   und „Wartet auf deine Entscheidung“ in der Übersicht. Gehört zu workspace-bento-aufgaben-aktionen.js. Farben nur aus der Marke / den Seiten-Token. */
.aa { margin-top: var(--marke-sp-4, 16px); padding-top: var(--marke-sp-3, 12px); border-top: 1px solid var(--bs-linie); display: flex; flex-direction: column; gap: var(--marke-sp-3, 12px); }
.aa-kopf { margin: 0; font-size: 12px; font-weight: 700; letter-spacing: .5px; text-transform: uppercase; color: var(--bs-leise); }
.aa-zeile { display: flex; flex-wrap: wrap; align-items: center; gap: var(--marke-sp-2, 8px); }
.aa-zeile.ende { justify-content: flex-end; }
.aa-label { display: flex; flex-direction: column; gap: 4px; font-size: 12px; color: var(--bs-leise); min-width: 0; }
.aa-zeile > .aa-label:not(.breit) { flex: 0 0 auto; }
.aa-zeile > .aa-label.breit { flex: 1 1 220px; }
.aa-zeile > label.aa-label[for] { flex-direction: row; align-items: center; }
.aa-feld { height: 34px; font-size: 13px; min-width: 0; max-width: 100%; box-sizing: border-box; }
.aa-zeile > input.aa-feld[type="text"] { flex: 1 1 200px; }
.aa-knoepfe { display: flex; flex-wrap: wrap; gap: var(--marke-sp-2, 8px); }
.aa-knoepfe .bs-knopf:disabled { opacity: .5; cursor: not-allowed; }
.aa-form { display: flex; flex-direction: column; gap: var(--marke-sp-2, 8px); padding: var(--marke-sp-3, 12px); border-radius: 12px; background: var(--bs-grund); }
.aa-form[hidden], .aa-feld[hidden] { display: none; }
.aa-leise { margin: 0; font-size: 12.5px; color: var(--bs-leise); }
.aa-hinweis { display: flex; flex-direction: column; gap: 4px; padding: var(--marke-sp-3, 12px); border-radius: 12px; font-size: 13px;
  background: color-mix(in srgb, var(--marke-warn) 14%, var(--bs-karte)); border: 1px solid color-mix(in srgb, var(--marke-warn) 40%, var(--bs-linie)); color: var(--bs-text); }
.aa-hinweis.gruen { background: color-mix(in srgb, var(--marke-ok) 14%, var(--bs-karte)); border-color: color-mix(in srgb, var(--marke-ok) 40%, var(--bs-linie)); }
.aa-hinweis b { font-weight: 700; }
.aa-grund, .aa-von { color: var(--bs-leise); font-size: 12.5px; }
.aa-meldung { min-height: 0; font-size: 12.5px; color: var(--bs-leise); }
.aa-meldung:empty { display: none; }
.aa-meldung.fehler { color: var(--marke-gefahr); }
.aa-entscheid-karte { margin-top: var(--marke-sp-4, 16px); display: flex; flex-direction: column; gap: var(--marke-sp-2, 8px); }
@media (max-width: 640px) { .aa-zeile > .aa-label:not(.breit), .aa-zeile > .aa-label.breit { flex: 1 1 100%; } }