.connector-logo{background:#fff;border:1px solid #e4e4e1}.connector-logo img{width:22px;height:22px;object-fit:contain}
/* Liefert ein Dienst kein Favicon, tritt der Anfangsbuchstabe an die Stelle des Bildes. */
.connector-logo>span{display:none}.connector-logo.favicon-failed img{display:none}.connector-logo.favicon-failed>span{display:block}.mcp-icon img{width:22px;height:22px;object-fit:contain;border-radius:4px}

.source-logo.meta{background:#eaf1ff;color:#0866ff;font-size:15px}
.source-logo.social{background:#fff0f6;color:#c2185b;font-size:11px}

/* Social-Quelle im Projektformular: Metricool mit Markenauswahl (Aufgabe 67). */
.project-social{display:grid;gap:.75rem}
/* Störung aus der Cron-Prüfung auf den Karten der API-Zugänge (G-42). */
.credential-card .connection-health.failed{margin:-4px 0 4px;color:#b42318;font-size:12px;line-height:1.45;overflow-wrap:anywhere}

/* Ladezeit-Quellen PerfDelta und WebPageTest (Aufgabe 23). Das URL-Feld ist
   mehrzeilig und braucht deshalb eine eigene Hoehe. */
.source-logo.performance{background:#eefaf3;color:#0f7a43;font-size:10px}
.project-performance textarea.source-text-input{height:auto;min-height:72px;padding:.55rem .75rem;resize:vertical;line-height:1.45}

/* Datenquellen nach Themen (Aufgabe 47, G-51): Themen als ruhige Zwischenüberschriften,
   zwei Spalten ab Desktopbreite, auf dem Handy untereinander. */
.connection-groups{display:grid;gap:1.5rem}
@media(min-width:1024px){.connection-groups{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:2.5rem}}
.connection-group{min-width:0}
.connection-group-title{font-size:.68rem;text-transform:uppercase;letter-spacing:.11em;font-weight:700;color:#6f7d83;padding-bottom:.55rem;margin-bottom:.9rem;border-bottom:1px solid #e5e9e5}
.connection-group .connection>div{min-width:0}
.connection-group .connection p{overflow-wrap:anywhere}
.connection-group .connection .status,.connection-group .connection .source-logo{flex-shrink:0}
.connection-group .connection .status{white-space:nowrap}

/* Matomo im Projektformular (Aufgabe 56): Adresse, Token, Laden und Website in voller Breite. */
.project-matomo{grid-column:1/-1}
.source-logo.analytics{background:#e6f8f9;color:#00838c;font-size:13px}
.project-matomo-fields{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:.5rem;align-items:center}
.project-matomo-fields select,.project-matomo-fields small{grid-column:1/-1}
.project-matomo-fields small{font-size:.72rem;line-height:1.4}
@media(max-width:640px){.project-matomo-fields{grid-template-columns:1fr}}