/* pill.css — v2 Pill-Primitives (.pill / .pill-tag + proj-* + pill-tag--*)

   Quelle: extrahiert aus app.css ("Pills"-Block). Inhalt 1:1 uebernommen.
   .pill = generische Pillenform; .pill-tag = Caps-Stil fuer Card-Header-
   Slots; proj-* = Projekt-Typ-Faerbung; pill-tag-kategorie = Wissens-
   Kategorie; pill-tag--success/-danger/-warn = Status-Varianten fuer
   Termin-Drawer-Header (Paket TERMIN-V1.5).
   ========================================================================== */

.app-scope .pill {
  display: inline-flex; align-items: center; gap: var(--space-1);
  font-size: 10.5px; font-weight: 600;
  padding: var(--space-xxs) var(--space-2); border-radius: var(--radius-circular); line-height: 1.4;
  white-space: nowrap;
}
.app-scope .pill-tag {
  font-size: 10.5px; font-weight: 700;
  text-transform: uppercase; letter-spacing: 0.05em;
  padding: var(--space-px) var(--space-1-5); border-radius: var(--radius-xs);
  color: var(--lod-darkblue); background: var(--lod-darkblue-50);
}
.app-scope .pill-tag.proj-vertrieb { color: var(--tag-vertrieb-fg); background: var(--tag-vertrieb-bg); }
.app-scope .pill-tag.proj-projekt { color: var(--lod-darkblue); background: var(--lod-darkblue-100); }
.app-scope .pill-tag.proj-support { color: var(--tag-support-fg); background: var(--tag-support-bg); }
.app-scope .pill-tag.proj-intern { color: var(--lod-gray-700); background: var(--lod-gray-100); }
/* Digitalisierungscheck (Aufnahme-Variante) — LoD-CI-Turquoise als Signatur-Pille. */
.app-scope .pill-tag.proj-digicheck { color: var(--lod-turquoise-900); background: var(--lod-turquoise-50); }

/* Wissens-Kategorie als Slot-1-Pille . Eigene Farbe, weil
 Kategorien Freitext sind und nicht ins HERKUNFT-Vokabular passen. */
.app-scope .pill-tag.pill-tag-kategorie { color: var(--lod-violet); background: var(--lod-violet-50); }
/* Status-Varianten der pill-tag fuer
 Drawer-Header (Termin: ABGESCHLOSSEN / ABGESAGT / VORLAEUFIG). */
.app-scope .pill-tag.pill-tag--success { color: var(--lod-turquoise-900); background: var(--lod-turquoise-100); }
.app-scope .pill-tag.pill-tag--danger  { color: var(--lod-danger); background: var(--status-danger-bg); }
.app-scope .pill-tag.pill-tag--warn    { color: var(--lod-amber-700); background: var(--lod-amber-50); }