.sc-api-connection,.sc-api-summary {display:inline-flex;align-items:center;justify-content:center;gap:7px;white-space:nowrap;font-weight:700;}
        .sc-api-connection.is-online,.sc-api-summary.is-online {background:#ecfdf5;color:#047857;border:1px solid #a7f3d0;}
        .sc-api-connection.is-offline,.sc-api-summary.is-offline {background:#fff1f2;color:#be123c;border:1px solid #fecdd3;}
        .sc-api-dot {display:inline-block;width:9px;height:9px;flex:0 0 9px;border-radius:50%;background:#e11d48;}
        .is-online .sc-api-dot {background:#16a34a;animation:sc-api-pulse 1.6s ease-in-out infinite;}
        @keyframes sc-api-pulse {0%,100%{opacity:1;box-shadow:0 0 0 0 #16a34a44}50%{opacity:.4;box-shadow:0 0 0 5px #16a34a00}}
        .sc-api-summary {padding:9px 11px;border-radius:10px;font-size:12px;cursor:pointer;}
        .sc-api-summary-group {display:flex;gap:7px;align-items:center;flex-wrap:wrap;}
        .sc-api-connection:focus-visible,.sc-api-summary:focus-visible {outline:3px solid #2563eb;outline-offset:2px;}
        @media(prefers-reduced-motion:reduce){.is-online .sc-api-dot{animation:none}}
        #api > .panel:first-child .row-actions .sc-api-connection {grid-column:1/-1;justify-self:start;}
.topbar{height:auto;min-height:78px;flex-wrap:wrap;padding-top:12px;padding-bottom:12px}.sc-api-summary[aria-pressed="true"]{outline:2px solid currentColor;outline-offset:2px}