/* ===== Projekte — nur eigene .pj-*-Klassen, ausschliesslich Kern-Tokens, NUR Anordnung
   (Farben/Schriften/Radien liefern die Kern-Bausteine: sheet, muted, chip, listRow, iconBtn …) ===== */

/* URLs TABELLARISCH: Bezeichnung links in fester Spalte (nie zweizeilig), Adresse daneben und bei
   Überlänge mit … gekürzt. */
.pj-urls-list { display: flex; flex-direction: column; gap: var(--sp-1); }
.pj-url-row .badge-status { flex: 0 0 var(--sz-100); max-width: var(--sz-100);
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: left; }
.pj-url-link { flex: 1 1 auto; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

/* Betreuer / Alarmierung */
.pj-care-list { display: flex; flex-direction: column; gap: var(--sp-1); }
.pj-care-name { flex: 1; }
/* Alarmierungs-Tabelle: Zeilen ohne Klick-Optik (nichts zu öffnen), X rechts aussen bündig. */
.pj-alert-table td { vertical-align: middle; }
.pj-alert-table .pj-care-name { margin-left: var(--sp-2); }
.pj-monpick { min-width: 0; }

/* CRM-Kontakt-Sektion: kompakte Projekt-Liste (Zeilen = Kern-Baustein listRow) */
.pj-contact-projects { display: flex; flex-direction: column; gap: var(--sp-1); }