/* Team app ▸ Userbetreuung ▸ „Geplante Gespräche“ in the profile (25.10.2026, team/teamUserbetreuung.js planKarte).
   Own file so the Userbetreuung stylesheet stays untouched; tokens only, light and dark from the theme. */
#teamUserbetreuungView .tu-plan-karte { display: flex; flex-direction: column; gap: var(--space-3); }
#teamUserbetreuungView .tu-plan-form { display: flex; flex-direction: column; gap: var(--space-3); padding: var(--space-3); border-radius: var(--radius-md); background: var(--tu-akzent-hauch); box-shadow: inset 0 0 0 1px var(--border-1); }
#teamUserbetreuungView .tu-plan-form .tu-feld { display: flex; flex-direction: column; gap: var(--space-1); min-width: 0; }
#teamUserbetreuungView .tu-plan-form .tu-segment { max-width: 100%; }
#teamUserbetreuungView .tu-plan-liste { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; }
#teamUserbetreuungView .tu-plan-zeile { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: var(--space-3); padding: var(--space-2) 0; border-top: 1px solid var(--border-1); }
#teamUserbetreuungView .tu-plan-zeile:first-child { border-top: 0; }
#teamUserbetreuungView .tu-plan-zeit { font-size: var(--fs-13); color: var(--text-1); white-space: nowrap; font-variant-numeric: tabular-nums; }
#teamUserbetreuungView .tu-plan-text { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
#teamUserbetreuungView .tu-plan-text .tu-klein { display: inline-flex; align-items: center; gap: 6px; flex-wrap: wrap; }
#teamUserbetreuungView .tu-plan-titel { display: inline-flex; align-items: center; gap: var(--space-2); font-size: var(--fs-13); font-weight: var(--fw-medium); color: var(--text-1); }
#teamUserbetreuungView .tu-plan-notiz { font-size: var(--fs-12); color: var(--text-2); overflow-wrap: anywhere; }
#teamUserbetreuungView .tu-plan-knoepfe { display: flex; gap: var(--space-2); flex-wrap: wrap; justify-content: flex-end; }
@media (max-width: 600px) {
  #teamUserbetreuungView .tu-plan-zeile { grid-template-columns: minmax(0, 1fr); gap: var(--space-1); }
  #teamUserbetreuungView .tu-plan-knoepfe { justify-content: flex-start; }
}