/* ko-drawer.css — Kontakt-Drawer-spezifische Styles.
 *
 * Titel-Zeile mit Kontakt-Foto: Avatar (SSOT Avatar.html, gleiche Bildquelle
 * wie die Kontakte-Karte) links neben Name + Firma-Context-Chip. Der Avatar
 * schrumpft nicht; die Titel-Spalte übernimmt den Rest der Breite und darf
 * lange Namen ellipsen (min-width: 0 gegen Flex-Overflow).
 */
.app-scope .shared-drawer .ko-title-row {
  display: flex;
  align-items: center;
  gap: var(--space-3);
}
.app-scope .shared-drawer .ko-title-row .ko-title-av { flex-shrink: 0; }
.app-scope .shared-drawer .ko-title-main {
  flex: 1;
  min-width: 0;
}

/* "Wie Firmenadresse"-Toggle rechts im Adresse-Section-Header. Der h4 ist bereits
   Flex (shared-drawer.css); margin-left:auto schiebt den Pill an den rechten Rand.
   Der Pill-Text darf die Caps-/Letter-Spacing-Optik des Headers nicht erben. */
.app-scope .shared-drawer .drawer-section h4 .ko-adr-firma-toggle {
  margin-left: auto;
  text-transform: none;
  letter-spacing: normal;
}

/* Gesperrte Adressfelder (Toggle aktiv): ausgegraut + nicht bedienbar. Die
   Text-Inputs sind zusätzlich per disabled-Attribut gesperrt; die Adress-Suche
   (AsyncPicker-Trigger) wird über pointer-events stillgelegt. */
.app-scope .shared-drawer .field-value.ko-adr-locked {
  opacity: 0.6;
}
.app-scope .shared-drawer .field-value.ko-adr-locked .app-async-picker {
  pointer-events: none;
}