.topbar{height:auto;min-height:92px;padding:16px 0;background:#151a18}
.topbar-inner{width:min(920px,calc(100% - 40px));margin:auto;display:grid;grid-template-columns:max-content minmax(0,1fr);align-items:start;gap:12px 56px}
.app-identity{grid-column:1;grid-row:1;white-space:nowrap}.app-title{color:#b8ec33;font-size:26px;font-weight:700}.app-meta{grid-column:1;grid-row:2;display:grid;grid-template-rows:repeat(4,28px);row-gap:8px;align-items:center;white-space:nowrap}.app-version{color:#a8b0ac;font-size:12px;font-weight:400;letter-spacing:.02em}.app-links{display:contents}.app-help-link,.app-bot-link{width:max-content;color:#d9e0dc;font-size:12px;font-weight:400;text-decoration:underline;text-underline-offset:3px}.app-help-link:hover,.app-bot-link:hover{color:#b8ec33}.app-bot-link{color:#b8ec33}
.auth-account{grid-column:2;grid-row:1;justify-self:end}
.api-indicators{grid-column:2;grid-row:2;justify-self:end;width:min(100%,468px);display:grid;grid-template-columns:minmax(0,230px) minmax(0,210px);gap:8px 28px}
.api-indicator{display:grid;grid-template-columns:minmax(0,1fr) 104px;align-items:center;gap:12px;color:#f2f4f3;font-size:12px;white-space:nowrap}.api-indicator>span{text-align:right}
.api-status{width:104px;padding:6px 10px;border-radius:7px;text-align:center;font-size:11px;font-weight:700}
.api-status.connected{color:#324900;background:#c9ed69}
.api-status.disconnected{color:#702f35;background:#e9c7ca}
.api-status.pending{color:#555;background:#d8d9d8}
.container{margin-top:38px}
@media(max-width:760px){.topbar-inner{gap:12px 24px}.api-indicators{grid-template-columns:1fr}.api-indicator{min-width:0}}
@media(max-width:590px){.topbar-inner{width:min(100% - 24px,920px);gap:12px 18px}.app-title{font-size:22px}.app-version{font-size:10px}.api-indicators{gap:8px 12px}.api-indicator{min-width:0;display:grid;gap:5px}.api-status{min-width:0}}
@media(max-width:460px){.topbar-inner{grid-template-columns:1fr}.app-identity{grid-column:1;grid-row:1}.app-meta{grid-column:1;grid-row:2}.auth-account{grid-column:1;grid-row:3;justify-self:start}.api-indicators{grid-column:1;grid-row:4}}
@media(max-width:390px){.api-indicators{grid-template-columns:1fr}}