/* profil-drawer.css — Mein-Bereich Profil-Drawer Title-Section

   Konsumenten: web/js/components/drawers/prof-drawer.js — der Drawer
   rendert Avatar + Name + Position als Title-Section am Drawer-Top.
   ========================================================================== */

.prof-title { display: flex; align-items: center; gap: var(--space-3); }
.prof-avatar { flex-shrink: 0; }
.prof-title-text { min-width: 0; }
.prof-name { font-size: var(--font-size-xl); font-weight: var(--fw-semibold); color: var(--color-text); }
.prof-pos  { font-size: var(--font-size-sm); color: var(--color-text-muted); margin-top: var(--space-xxs); }
.prof-readonly-hint { margin-bottom: var(--space-3); }

/* Textarea-Slots (Adresse / Notiz) im Edit-Mode: das field-icon oben buendig zur
   Textarea-Oberkante halten statt gegen die ~70px-Textarea zu zentrieren
   (sonst schwebt es auf halber Hoehe). Gleiches Muster wie der ze-team-Slot. */
.app-scope .field-value[data-prof-slot="adresse"],
.app-scope .field-value[data-prof-slot="arbeitszeitText"] {
  align-items: flex-start;
  padding-top: var(--space-1-5);
}