.api-status{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;padding:8px 11px;border:1px solid #2a405d;border-radius:9px;background:#102038;color:#9fb2ca;font-size:11px}
.api-status i{width:8px;height:8px;border-radius:50%;background:#f5b940;box-shadow:0 0 0 3px #f5b94020}
.api-status b{font-weight:700}
.api-status.connected{border-color:#1e5948;background:#0f302b;color:#72e7b5}
.api-status.connected i{background:#21d989;box-shadow:0 0 0 3px #21d98925}
.api-status.disconnected{border-color:#67313b;background:#321922;color:#ff9aa4}
.api-status.disconnected i{background:#ff5b6b;box-shadow:0 0 0 3px #ff5b6b25}
.connection-row{display:flex;align-items:center;gap:10px;margin:14px 0;padding:12px;border:1px solid #203652;border-radius:9px;background:#0a1626;color:#b8c9df;font-size:12px}
.connection-row>span:first-child{margin-right:auto}
@media(max-width:760px){#apiStatus{padding:8px}#apiStatus b{font-size:0}#apiStatus b::after{content:'API';font-size:11px}.connection-row{flex-wrap:wrap}}