/* Team app ▸ safety net for deletions (25.10.2026, team/teamRueckgaengig.js): undo toast + inline confirmation.
   Tokens only (light and dark come from the theme), same shape as the Bug Report toast. */
.tr-toast {
  position: fixed; left: 50%; bottom: var(--space-6); z-index: var(--z-toast, 60); transform: translateX(-50%);
  display: flex; align-items: center; gap: var(--space-4);
  max-width: calc(100vw - 2 * var(--space-4)); box-sizing: border-box; padding: var(--space-2) var(--space-2) var(--space-2) var(--space-5);
  border-radius: var(--radius-pill); background: var(--w3-popover, var(--surface-3));
  box-shadow: var(--w3-schatten, var(--shadow-md)), inset 0 0 0 1px var(--border-2);
  color: var(--text-1); font-size: var(--fs-13);
  animation: tr-toast-rein var(--t-fast, .12s) ease both;
}
.tr-toast-text { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.tr-toast-titel { font-weight: var(--fw-semibold); }
.tr-toast-knopf, .tr-frage-ja, .tr-frage-nein {
  flex: 0 0 auto; height: 32px; padding: 0 var(--space-4); border: 0; border-radius: var(--radius-pill);
  background: var(--w3-fuellung-stark, var(--surface-2)); box-shadow: var(--w3-kante-feld, inset 0 0 0 1px var(--border-2));
  color: var(--text-1); font: inherit; font-size: var(--fs-13); font-weight: var(--fw-semibold); cursor: pointer;
}
.tr-toast-knopf:hover, .tr-frage-nein:hover { background: var(--w3-fuellung, var(--surface-3)); }
.tr-toast-knopf:focus-visible, .tr-frage-ja:focus-visible, .tr-frage-nein:focus-visible { outline: none; box-shadow: var(--focus-ring); }
@keyframes tr-toast-rein { from { opacity: 0; transform: translate(-50%, 6px); } to { opacity: 1; transform: translate(-50%, 0); } }

/* Inline confirmation: text, „Löschen“ (danger), „Abbrechen“ (quiet); wraps on narrow screens. */
.tr-frage { display: inline-flex; flex-wrap: wrap; align-items: center; gap: var(--space-2); max-width: 100%; font-size: var(--fs-13); color: var(--text-1); }
.tr-frage-text { min-width: 0; color: var(--text-2); }
.tr-frage-ja, .tr-frage-nein { height: 30px; padding: 0 var(--space-3); font-weight: var(--fw-medium); }
.tr-frage-ja { color: var(--text-danger, var(--danger)); }
.tr-frage-ja:hover { background: var(--w3-fuellung, var(--surface-3)); }
.tr-frage-nein { background: transparent; box-shadow: none; color: var(--text-2); }
.tr-frage-ja:disabled { opacity: .6; cursor: default; }

@media (max-width: 480px) {
  .tr-toast { left: var(--space-4); right: var(--space-4); transform: none; bottom: var(--space-4); justify-content: space-between; }
  @keyframes tr-toast-rein { from { opacity: 0; } to { opacity: 1; } }
}
@media (prefers-reduced-motion: reduce) { .tr-toast { animation: none; } }

/* Placement where the question replaces a button inside a row: an appointment row gets it on its own line below, the
   Telegram status in the bell panel shows only the question (one line, the panel may place that block in its head row). */
#teamDashboardView .td-termin:has(> .tr-frage) { flex-wrap: wrap; }
#teamDashboardView .td-termin > .tr-frage { flex: 1 0 100%; justify-content: flex-end; }
.ta-panel .ta-telegram:has(> .tr-frage) .ta-telegram-text { display: none; }
.ta-panel .ta-telegram > .tr-frage { flex: 1; flex-wrap: nowrap; justify-content: space-between; }
.ta-panel .ta-telegram > .tr-frage .tr-frage-text { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }