/* prof-drawer.css — Profil-Drawer, Title-Section (LoDProfDrawer)

   Verschoben + umbenannt 2026-07-29 (vorher sections/mein-bereich/mb-profil-drawer.css).
   Der Drawer wird auch aus dem Organigramm und per Deep-Link /mein-bereich/profil/:id
   geoeffnet — die Section war nie sein Eigentuemer.

   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);
}