.source-connection-button { display: inline-flex; align-items: center; justify-content: center; gap: 8px; flex-shrink: 0; white-space: nowrap; }
.source-connection-content { display: inline-flex; align-items: center; gap: 8px; white-space: nowrap; }
.source-connection-percentage { display: inline-grid; font-variant-numeric: tabular-nums; }
.source-connection-percentage > span { grid-area: 1 / 1; }
.source-connection-percentage-size { visibility: hidden; }
.source-connection-percentage-value { text-align: right; }
.source-connection-ready { display: block; width: 6px; height: 6px; border-radius: 50%; background: #2eb653; box-shadow: 0 0 0 2px #e4f5e8; }
.connection-row .connection-name { min-width: 0; }
.connection-name .brand-icon { flex-shrink: 0; }

.connection-test-controls { position: fixed; bottom: 18px; left: 18px; z-index: 30; display: flex; align-items: center; gap: 12px; color: var(--sub); font-size: 12px; }