/* 0145: Storno-Anruf im Popup (public/aufgaben.js stornoAnrufDialog) */
.af-sa-box { max-width: 620px; display: grid; gap: 10px; }
.af-sa-box .af-sa-titel { margin: 0; font-size: 24px; font-weight: 900; line-height: 1.15; text-wrap: balance; overflow-wrap: anywhere; }
.af-sa-nummern { display: flex; flex-wrap: wrap; gap: 6px; }
.af-sa-nummern .af-anruf { text-decoration: none; }
.af-sa-wa { font-size: 13px; padding: 8px 10px; border-radius: 8px; border: 1px solid var(--af-line); border-left-width: 4px; }
.af-sa-wa.ja { background: #effaf3; border-color: #b7e8c8; border-left-color: #25d366; }
.af-sa-wa.nein { background: var(--af-warn-soft); border-color: #ecd29a; border-left-color: var(--af-warn); }
.af-sa-offen { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; margin-top: 6px; }
.af-sa-wahl { border: 0; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; min-width: 0; }
.af-sa-wahl legend { font-size: 13px; font-weight: 700; padding: 0; margin-bottom: 4px; }
.af-sa-option { display: flex; align-items: center; gap: 8px; padding: 9px 10px; border: 1px solid var(--af-line); border-radius: 8px; background: var(--af-card); cursor: pointer; font-weight: 600; font-size: 14px; min-width: 0; }
.af-sa-option input { width: 18px; height: 18px; margin: 0; flex: 0 0 auto; accent-color: var(--af-rot); }
.af-sa-option:has(input:checked) { border-color: var(--af-rot); background: var(--af-rot-soft); }
.af-sa-option.erreicht { grid-column: 1 / -1; }
.af-sa-option.erreicht:has(input:checked) { border-color: var(--af-ok); background: var(--af-ok-soft); }
.af-sa-option.gesperrt { opacity: .5; cursor: not-allowed; text-decoration: line-through; }
.af-sa-teil { display: grid; gap: 7px; min-width: 0; }
.af-sa-teil label { font-size: 13px; font-weight: 600; }
.af-sa-teil textarea, .af-sa-teil select, .af-sa-teil input { width: 100%; min-width: 0; box-sizing: border-box; padding: 8px 10px; border: 1px solid var(--af-line); border-radius: 7px; font: 14px/1.4 var(--schrift); color: #1f2328; background: #fff; }
.af-sa-teil textarea { resize: vertical; }
.af-sa-wv { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 4px 10px; align-items: end; }
.af-sa-wv label { grid-row: 1; }
.af-sa-wv input { grid-row: 2; }
.af-sa-wakopf { display: flex; flex-wrap: wrap; gap: 8px 12px; align-items: center; }
.af-sa-wakopf .af-anrede { display: inline-flex; gap: 4px; align-items: center; color: var(--af-mute); font-size: 13px; }
.af-sa-ok { margin: 0; color: var(--af-ok); font-weight: 700; }
.af-sa-zaehler { justify-self: end; font-size: 12px; }
.af-sa-box .af-form-aktionen { display: flex; flex-wrap: wrap; gap: 8px; justify-content: flex-end; align-items: center; }
.af-sa-box .af-form-aktionen .af-knopf:disabled { opacity: .5; cursor: not-allowed; }
.af-popup-storno { color: var(--af-rot-dunkel); }
.af-zeile .af-storno-kontakt .af-sa-knopf { border-color: var(--af-rot); color: var(--af-rot-dunkel); }
@media (max-width: 560px) {
  .af-sa-box { padding: 14px 14px; }
  .af-sa-box .af-sa-titel { font-size: 20px; }
  .af-sa-wahl { grid-template-columns: minmax(0, 1fr); }
  .af-sa-wv { grid-template-columns: minmax(0, 1fr); }
  .af-sa-wv label, .af-sa-wv input { grid-row: auto; }
  .af-sa-box .af-form-aktionen { justify-content: stretch; }
  .af-sa-box .af-form-aktionen .af-knopf { flex: 1 1 auto; }
}