.side-project-logo{font-size:9px!important;letter-spacing:-.6px}.channel-page-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 12px 12px}.channel-intro{margin:12px 0}.channel-intro h2{margin:0 0 12px;font-size:20px;color:#263342}.channel-intro p{max-width:850px;margin:0;color:#7d8993;font-size:12px;line-height:1.7}.channel-add-menu{position:relative;flex:none}.channel-add-menu summary{list-style:none;cursor:pointer;white-space:nowrap;padding:12px 12px;border:1px solid #dce5e9;border-radius:8px;background:#fff;color:#52626e;font-size:12px;font-weight:600}.channel-add-menu summary::-webkit-details-marker{display:none}.channel-add-menu summary:hover{border-color:#b9c9d0;color:#218c82}.channel-add-menu[open] summary{border-color:#a9d7d0;color:#168d80}.channel-add-menu .portal-form{position:absolute;z-index:5;top:calc(100% + 8px);right:0;width:min(360px,calc(100vw - 48px));padding:12px;border:1px solid #e2e9ec;border-radius:10px;background:#fff;box-shadow:0 12px 32px #23343b1c}.channel-add-menu .portal-form label{display:flex;flex-direction:column;gap:12px;color:#62717a;font-size:11px}.channel-add-menu .portal-form input{min-width:0;padding:12px 12px;border:1px solid #dce5e9;border-radius:6px;font:inherit}.channel-add-menu .portal-form button{justify-self:start}.channel-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:12px 0}.channel-summary article{padding:12px 12px;border:1px solid #e9eef0;border-radius:10px;background:#fff}.channel-summary span{display:block;color:#8793a0;font-size:10px}.channel-summary b{display:block;margin-top:12px;color:#263342;font-size:22px}.channel-mark.online{background:#effaf7;color:#00a48f}.channel-mark.pending{background:#fff8eb;color:#d39627}.channel-mark.error{background:#fff1ef;color:#ce5b53}.channel-state{margin-left:12px;font-size:10px;font-weight:500}.channel-state.online{color:#13a77d}.channel-state.pending{color:#c38b20}.channel-state.error{color:#ce5b53}.channel-state.offline{color:#929da5}.channel-state-note{margin:12px 12px 12px;color:#909ba3;font-size:10px}.relay-dark .channel-intro h2,.relay-dark .channel-summary b{color:#e6efef}.relay-dark .channel-summary article{background:#182328;border-color:#2a393e}.relay-dark .channel-add-menu summary,.relay-dark .channel-add-menu .portal-form{background:#182328;border-color:#2a393e;color:#d8e2e2}.relay-dark .channel-add-menu .portal-form input{background:#10191d;border-color:#35464b;color:#e6efef}@media(max-width:700px){.channel-page-heading{align-items:flex-start;flex-direction:column}.channel-add-menu{align-self:flex-end}.channel-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.channel-summary article{padding:12px}}
.channel-status-page{padding:12px!important}.channel-status-page .channel-summary{gap:12px;margin:12px 0}.channel-status-page .channel-summary article{padding:12px}.channel-status-page .channel-summary b{margin-top:12px}.channel-status-page .portal-card{margin:12px 0;padding:12px}.channel-status-page .portal-card>header{margin-bottom:12px}.channel-status-page .portal-channel-list article{gap:12px;padding:12px 0}.channel-status-page .channel-info{gap:12px}.channel-status-page .channel-actions{gap:12px}.channel-status-page .channel-actions button{padding:12px 12px}.channel-status-page .channel-state-note{margin:12px 0;color:#909ba3}.channel-status-page .portal-empty{padding:12px}.relay-dark .channel-status-page .channel-summary article{background:#182328;border-color:#2a393e}
.api-portal:has(.channel-status-page){display:flex;min-height:calc(100vh - 170px)}.api-portal:has(.channel-status-page)>.api-portal-content{display:flex;flex:1;width:100%;max-width:none;min-height:0;margin:0;padding:12px}.channel-status-page{display:flex;flex:1;flex-direction:column;min-width:0;gap:12px}.channel-status-page>.channel-summary{gap:12px;margin:0}.channel-status-page>.portal-card{display:flex;flex:1;flex-direction:column;min-height:0;margin:0;padding:12px}.channel-status-page>.portal-card>header{gap:12px;margin:0 0 12px}.channel-status-page>.portal-card>.portal-channel-list{flex:0 0 auto}.channel-status-page>.portal-card>.portal-channel-list>article{flex:0 0 auto;align-items:center;gap:12px;padding:12px 0}.channel-status-page .channel-info{gap:12px}.channel-status-page .channel-actions{gap:12px}.channel-status-page .portal-dot{margin-right:12px}.channel-status-page .channel-state{margin-left:12px}.channel-status-page .channel-actions button{padding:12px 12px}.channel-status-page .channel-state-note{display:none}.channel-add-menu summary{padding:12px}.channel-add-menu .portal-form{gap:12px;padding:12px}.channel-add-menu .portal-form label{gap:12px}.channel-add-menu .portal-form input{padding:12px}
.api-portal:has(.channel-status-page)>.api-portal-content{padding:12px 0!important}.admin-main:has(.channel-status-page){padding-left:12px;padding-right:12px}.admin-top:has(#adminTopAction .channel-add-menu) .breadcrumb{gap:12px}.admin-top:has(#adminTopAction .channel-add-menu) #adminTopAction{gap:12px}@media(max-width:700px){.channel-status-page .channel-actions{width:100%;max-width:none;padding-left:0}.channel-status-page>.portal-card>.portal-channel-list>article{flex-wrap:wrap}}
.channel-status-page .channel-info b{display:flex;align-items:center;gap:12px}.channel-status-page .channel-info b .portal-dot,.channel-status-page .channel-info b .channel-state{margin:0}.channel-status-page .channel-actions button,.channel-add-menu .portal-primary{padding:12px}
.admin-main:has(.channel-status-page){display:flex;flex-direction:column}.admin-main:has(.channel-status-page)>.admin-top{flex:none}.admin-main:has(.channel-status-page)>#adminContent{display:flex;flex:1;min-height:0}.api-portal:has(.channel-status-page){height:100%;min-height:0;flex:1}.api-portal:has(.channel-status-page)>.api-portal-content{flex:1;min-height:0;padding:12px 0!important}.relay-mode-tabs{display:flex;gap:12px;margin:0 0 12px;padding:0 0 12px;border-bottom:1px solid var(--portal-line)}.relay-mode-tabs button{padding:12px;border:1px solid var(--portal-line);border-radius:7px;background:var(--portal-surface);color:var(--portal-muted);font:inherit;cursor:pointer}.relay-mode-tabs button.active{border-color:#9ed8ce;background:#effaf7;color:#078f80}.relay-mode-panel[hidden]{display:none}.relay-dark .relay-mode-tabs button.active{background:#16332f;border-color:#2a4944;color:#74ddc7}

/* Model calling workbench */
.relay-workbench{min-width:0}
.relay-mode-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 12px;padding:0 0 12px;border-bottom:1px solid var(--portal-line)}
.relay-mode-tabs button{display:flex;align-items:center;justify-content:center;gap:12px;min-height:46px;padding:12px;border:1px solid var(--portal-line);border-radius:8px;background:var(--portal-surface);color:var(--portal-muted);font:inherit;font-size:12px;cursor:pointer;transition:background .15s,border-color .15s,color .15s}
.relay-mode-tabs button:hover{border-color:#9ed8ce;color:#078f80}
.relay-mode-tabs button.active{border-color:#9ed8ce;background:#effaf7;color:#078f80;font-weight:600}
.relay-mode-tabs button:focus-visible,.relay-advanced summary:focus-visible{outline:2px solid #28b7a2;outline-offset:2px}
.relay-mode-tabs svg{width:18px;height:18px;flex:none}
.relay-workbench-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(300px,.92fr);gap:12px;align-items:stretch}
.relay-mode-forms{min-width:0}
.relay-mode-panel[hidden]{display:none}
.relay-request-form{width:100%;max-width:none;align-content:start;gap:12px}
.relay-request-form>label{gap:12px}
.relay-request-form textarea{min-height:132px;resize:vertical;line-height:1.7}
.relay-model-hint,.relay-advanced small,.relay-submit-row small,.relay-parameter-note{color:#8b97a1;font-size:10px;line-height:1.6}
.relay-param-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.relay-param-grid label,.relay-advanced label{display:grid;gap:12px;min-width:0;color:#53616e;font-size:11px}
.relay-param-grid input,.relay-param-grid select,.relay-advanced textarea{width:100%;min-width:0;padding:12px;border:1px solid #dce3e6;border-radius:7px;background:#fff;color:#263342;font:inherit;font-size:11px;outline:none}
.relay-advanced{border:1px solid #e9eef0;border-radius:8px;background:#fbfcfc}
.relay-advanced summary{padding:12px;color:#566675;font-size:11px;cursor:pointer;user-select:none}
.relay-advanced[open]{padding:0 12px 12px}
.relay-advanced[open] summary{margin:0 -12px 12px;border-bottom:1px solid #e9eef0}
.relay-advanced textarea{font-family:Consolas,monospace;resize:vertical}
.relay-parameter-note{margin:0}
.relay-submit-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.relay-submit-row .portal-primary{min-height:40px}
.relay-result{min-width:0;min-height:300px;padding:12px;border:1px solid #e5ebed;border-radius:9px;background:#fafcfc;overflow:hidden}
.relay-result-empty{display:flex;min-height:274px;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;color:#89959e}
.relay-result-empty>span{display:grid;width:42px;height:42px;place-items:center;border-radius:50%;background:#eaf8f5;color:#0aa58e;font-size:20px}
.relay-result-empty b{color:#52616b;font-size:12px}
.relay-result-empty small{max-width:260px;font-size:10px;line-height:1.6}
.relay-result-content{display:grid;gap:12px;align-content:start;max-height:560px;overflow:auto}
.relay-result-content h3{margin:0;color:#34434c;font-size:12px}
.relay-result-text,.relay-result-status,.relay-result-error{margin:0;padding:12px;border-radius:7px;background:#fff;color:#4c5b64;font-size:11px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere}
.relay-result-error{border:1px solid #f0d5d2;background:#fff7f6;color:#b4473f}
.relay-result-media{display:block;width:100%;max-height:420px;object-fit:contain;border-radius:7px;background:#eef2f2}
.relay-result-content>a{color:#078f80;font-size:11px;overflow-wrap:anywhere}
.relay-result-raw{border-top:1px solid #e4e9e9;padding-top:12px}
.relay-result-raw summary{color:#71808a;font-size:10px;cursor:pointer}
.relay-result-raw pre{max-height:220px;margin:12px 0 0;padding:12px;border-radius:7px;background:#17262a;color:#d5f6ee;font:10px/1.6 Consolas,monospace;white-space:pre-wrap;overflow:auto;overflow-wrap:anywhere}
.relay-result-loading{padding:12px;color:#75848d;font-size:11px}
.relay-dark .relay-mode-tabs button{background:#182328;border-color:#2a393e;color:#becacc}
.relay-dark .relay-mode-tabs button.active{background:#16332f;border-color:#2a4944;color:#74ddc7}
.relay-dark .relay-advanced,.relay-dark .relay-result{background:#182328;border-color:#2a393e}
.relay-dark .relay-advanced summary,.relay-dark .relay-result-content h3,.relay-dark .relay-result-empty b{color:#d8e2e2}
.relay-dark .relay-param-grid input,.relay-dark .relay-param-grid select,.relay-dark .relay-advanced textarea,.relay-dark .relay-result-text,.relay-dark .relay-result-status{background:#10191d;border-color:#35464b;color:#d8e2e2}
.relay-dark .relay-advanced[open] summary,.relay-dark .relay-result-raw{border-color:#2a393e}
@media(max-width:900px){.relay-workbench-grid{grid-template-columns:1fr}.relay-result{min-height:220px}.relay-result-empty{min-height:194px}.relay-result-content{max-height:420px}}
@media(max-width:600px){.relay-mode-tabs{gap:12px}.relay-mode-tabs button{gap:12px;padding:12px 8px;font-size:10px}.relay-mode-tabs svg{width:16px;height:16px}.relay-param-grid{grid-template-columns:1fr}.relay-request-form textarea{min-height:110px}.relay-result{min-height:190px}.relay-result-empty{min-height:164px}}

.relay-shared-config{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;margin:0 0 12px;padding:12px;border:1px solid #e5ebed;border-radius:8px;background:#fbfcfc}
.relay-shared-config>label{display:grid;gap:12px;min-width:0;color:#53616e;font-size:11px}
.relay-shared-config select{width:100%;min-width:0;padding:12px;border:1px solid #dce3e6;border-radius:7px;background:#fff;color:#263342;font:inherit;font-size:11px}
.relay-shared-config small{grid-column:1/-1}
.relay-dark .relay-shared-config{background:#182328;border-color:#2a393e}
.relay-dark .relay-shared-config>label{color:#d8e2e2}
.relay-dark .relay-shared-config select{background:#10191d;border-color:#35464b;color:#d8e2e2}
@media(max-width:600px){.relay-shared-config{grid-template-columns:1fr}}

/* The calling workspace uses a true 12px page inset, with preview first and controls alongside it. */
.admin-main:has(.relay-workbench){display:flex;flex-direction:column;padding:0 12px 12px}
.admin-main:has(.relay-workbench)>.admin-top{flex:none}
.admin-main:has(.relay-workbench)>#adminContent{display:flex;flex:1;min-height:0}
.api-portal:has(.relay-workbench){display:flex;flex:1;width:100%;max-width:none;height:100%;min-height:0}
.api-portal:has(.relay-workbench)>.api-portal-content{display:flex;flex:1;width:100%;max-width:none;min-height:0;margin:0;padding:12px 0 0}
.api-portal:has(.relay-workbench) .portal-card{display:flex;flex:1;flex-direction:column;min-width:0;min-height:0;margin:0;padding:12px}
.api-portal:has(.relay-workbench) .portal-card>header{flex:none;gap:12px;margin:0 0 12px}
.relay-workbench{display:flex;flex:1;flex-direction:column;min-height:0}
.relay-mode-tabs{flex:none}
.relay-workbench-grid{flex:1;min-height:0;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.relay-result{grid-column:1;grid-row:1;min-height:0}
.relay-mode-forms{grid-column:2;grid-row:1;min-height:0;overflow:auto}
.relay-shared-config{margin-top:0}
@media(max-width:900px){.relay-workbench-grid{grid-template-columns:1fr}.relay-result,.relay-mode-forms{grid-column:1;grid-row:auto}.relay-result{min-height:220px}.relay-mode-forms{overflow:visible}}
@media(max-width:600px){.admin-main:has(.relay-workbench){padding:0 12px 12px}.api-portal:has(.relay-workbench)>.api-portal-content{padding-top:12px}.api-portal:has(.relay-workbench) .portal-card{padding:12px}}

/* Chat-oriented calling controls: compact model bar, conversation preview, fixed composer. */
.relay-chat-workspace>.portal-card>header{display:none!important}
.relay-chat-workspace .relay-mode-panel[hidden]{display:none!important}
.relay-chat-workspace .relay-workbench-grid{gap:12px}
.relay-chat-workspace .relay-mode-forms{display:flex;flex-direction:column;gap:8px;overflow:visible}
.relay-chat-workspace .relay-shared-config{flex:none;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:8px;margin:0;padding:0;border:0;background:transparent}
.relay-chat-workspace .relay-shared-config>label{gap:4px;font-size:10px}
.relay-chat-workspace .relay-shared-config>label>span{color:#7e8b94}
.relay-chat-workspace .relay-shared-config select{height:38px;padding:0 10px;font-size:11px}
.relay-chat-workspace .relay-shared-config small{display:none}
.relay-chat-workspace .relay-request-form{display:flex;flex:1;flex-direction:column;min-height:0;gap:8px;max-width:none;overflow:visible}
.relay-chat-workspace .relay-request-form>label.relay-composer-input{display:flex;flex:1;flex-direction:column;min-height:110px;gap:6px;padding:10px 12px;border:1px solid #e1e8eb;border-radius:10px;background:#fff}
.relay-chat-workspace .relay-composer-input>span{color:#87949d;font-size:10px}
.relay-chat-workspace .relay-composer-input textarea{flex:1;width:100%;min-height:56px;height:100%;padding:0;border:0;background:transparent;resize:none;color:#263342;font:12px/1.65 inherit;outline:none}
.relay-chat-workspace .relay-composer-input textarea:focus{box-shadow:none}
.relay-chat-workspace .relay-advanced{flex:none;border-color:#e7edef;border-radius:8px;background:#fbfcfc}
.relay-chat-workspace .relay-advanced summary{padding:9px 10px;font-size:10px}
.relay-chat-workspace .relay-advanced[open]{padding:0 10px 9px}
.relay-chat-workspace .relay-advanced[open] summary{margin:0 -10px 8px}
.relay-chat-workspace .relay-advanced label{gap:6px;font-size:10px}
.relay-chat-workspace .relay-advanced textarea{min-height:48px;padding:8px;font-size:10px}
.relay-chat-workspace .relay-param-grid{gap:8px}
.relay-chat-workspace .relay-param-grid label{gap:5px;font-size:10px}
.relay-chat-workspace .relay-param-grid input,.relay-chat-workspace .relay-param-grid select{height:34px;padding:0 8px;font-size:10px}
.relay-chat-workspace .relay-parameter-note{margin:0;font-size:9px}
.relay-chat-workspace .relay-submit-row{flex:none;justify-content:space-between;gap:8px;margin-top:auto}
.relay-chat-workspace .relay-submit-row small{font-size:9px}
.relay-chat-workspace .relay-submit-row .portal-primary{min-height:36px;padding:0 18px;border-radius:8px}
.relay-chat-workspace .relay-result{background:#f8fbfb}
.relay-chat-workspace .relay-result-empty{gap:8px}
.relay-chat-workspace .relay-result-empty>span{width:38px;height:38px}
.relay-chat-workspace .relay-result-empty small{max-width:240px}
.relay-chat-workspace .relay-chat-history{display:flex;flex:1;flex-direction:column;gap:10px;min-height:72px;padding:10px 4px;overflow:auto;overscroll-behavior:contain}
.relay-chat-workspace .relay-chat-history[hidden]{display:none!important}
.relay-chat-workspace .relay-chat-welcome{margin:auto;color:#9aa6ae;font-size:11px;text-align:center;line-height:1.7}
.relay-chat-workspace .relay-chat-bubble{max-width:88%;padding:10px 12px;border:1px solid #e7edef;border-radius:12px;background:#fff;color:#53616e;font-size:11px;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere}
.relay-chat-workspace .relay-chat-bubble.user{align-self:flex-end;border-color:#cdece5;border-bottom-right-radius:4px;background:#effaf7;color:#267c70}
.relay-chat-workspace .relay-chat-bubble.assistant{align-self:flex-start;border-bottom-left-radius:4px}
.relay-chat-workspace .relay-chat-bubble.pending{color:#87949d}
.relay-chat-workspace .relay-request-form{flex:none}
.relay-chat-workspace .relay-request-form>label.relay-composer-input{min-height:100px;max-height:110px}
.relay-chat-workspace .relay-composer-input textarea{min-height:46px;font-family:inherit;font-size:12px;line-height:1.65}
.relay-chat-workspace .relay-mode-forms{gap:6px}
.relay-chat-workspace .relay-video-params{row-gap:4px}
.relay-chat-workspace .relay-parameter-note{line-height:1.35}
.relay-chat-workspace .relay-advanced textarea{height:52px;min-height:52px}
.relay-chat-workspace .relay-advanced label small{display:none}
.relay-chat-workspace .relay-request-form[data-mode-form="video"] .relay-composer-input{min-height:84px;max-height:84px}
.relay-chat-workspace .relay-request-form[data-mode-form="video"] .relay-composer-input textarea{min-height:38px}
.relay-chat-workspace>header{display:none!important;margin:0!important}
.relay-chat-workspace .relay-mode-tabs{margin-bottom:0}
.relay-dark .relay-chat-workspace .relay-composer-input{background:#10191d;border-color:#35464b}
.relay-dark .relay-chat-workspace .relay-composer-input textarea{color:#d8e2e2}
.relay-dark .relay-chat-workspace .relay-advanced{background:#182328;border-color:#2a393e}
.relay-dark .relay-chat-workspace .relay-result{background:#141f23}
.relay-dark .relay-chat-workspace .relay-chat-bubble{background:#182328;border-color:#2a393e;color:#d8e2e2}
.relay-dark .relay-chat-workspace .relay-chat-bubble.user{background:#16332f;border-color:#2a4944;color:#a7e7d8}
@media(max-width:900px){.relay-chat-workspace .relay-workbench-grid{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(150px,.8fr) minmax(310px,1.2fr);overflow:auto}.relay-chat-workspace .relay-result{min-height:150px}.relay-chat-workspace .relay-mode-forms{min-height:310px}}
@media(max-width:600px){.relay-chat-workspace .relay-shared-config{grid-template-columns:1fr 1.25fr}.relay-chat-workspace .relay-workbench-grid{grid-template-rows:minmax(140px,.7fr) minmax(310px,1.3fr)}}

/* Usage history */
.admin-main:has(.usage-page){display:flex;flex-direction:column}
.admin-main:has(.usage-page)>.admin-top{flex:none}
.admin-main:has(.usage-page)>#adminContent{display:flex;flex:1;min-height:0}
.api-portal:has(.usage-page){display:flex;flex:1;width:100%;height:100%;min-height:0}
.api-portal:has(.usage-page)>.api-portal-content{display:flex;flex:1;width:100%;max-width:none;min-height:0;margin:0;padding:12px 0}
.usage-page{display:flex;flex:1;flex-direction:column;gap:12px;min-width:0;min-height:0}
.usage-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;flex:none}
.usage-metrics article{display:grid;grid-template-columns:1fr auto;align-items:center;gap:6px 12px;min-width:0;padding:12px;border:1px solid #e6ecee;border-radius:10px;background:#fff}
.usage-metrics article>span{color:#76858e;font-size:11px}
.usage-metrics article>b{grid-column:1;grid-row:2;color:#293943;font-size:22px;font-weight:650;line-height:1.2}
.usage-metrics article>small{grid-column:2;grid-row:2;align-self:end;color:#9aa5ab;font-size:10px;text-align:right}
.usage-page .usage-log-card{display:flex;flex:1;flex-direction:column;min-width:0;min-height:0;margin:0;padding:12px}
.usage-page .usage-log-card>header{flex:none;gap:12px;margin:0 0 12px}
.usage-page .usage-log-card>header h2{font-size:14px}
.usage-toolbar{display:flex;align-items:center;gap:12px;flex:none;margin-bottom:12px}
.usage-search{display:flex;align-items:center;gap:8px;flex:1;min-width:180px;height:36px;padding:0 10px;border:1px solid #dce5e8;border-radius:7px;background:#fff;color:#829099}
.usage-search>span{font-size:18px;line-height:1}
.usage-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:#34434c;font:11px inherit}
.usage-toolbar select{height:36px;min-width:112px;padding:0 10px;border:1px solid #dce5e8;border-radius:7px;background:#fff;color:#53616e;font:11px inherit}
.usage-visible-count{flex:none;color:#8d99a1;font-size:10px}
.usage-table-wrap{position:relative;flex:1;min-width:0;min-height:0;overflow:auto;border:1px solid #e8edef;border-radius:8px;background:#fff}
.usage-page .usage-table{width:100%;border-collapse:separate;border-spacing:0;white-space:nowrap;text-align:left}
.usage-page .usage-table thead{position:sticky;top:0;z-index:1}
.usage-page .usage-table th{height:40px;padding:0 12px;border-bottom:1px solid #e8edef;background:#f8fafb;color:#839099;font-size:10px;font-weight:550}
.usage-page .usage-table td{height:48px;padding:8px 12px;border-bottom:1px solid #eef1f2;color:#50606a;font-size:11px;vertical-align:middle}
.usage-page .usage-table tr:last-child td{border-bottom:0}
.usage-page .usage-table tr[hidden]{display:none}
.usage-page .usage-table time{color:#62717a;font-variant-numeric:tabular-nums}
.usage-provider{font-weight:600;color:#34434c}
.usage-source{display:inline-flex;align-items:center;min-height:24px;padding:0 8px;border-radius:5px;background:#f2f5f6;color:#66757e;font-size:10px}
.usage-source.console{background:#eef8f6;color:#168c7b}
.usage-page .usage-table code{display:inline-block;max-width:360px;padding:5px 8px;overflow:hidden;border-radius:5px;background:#f3f6f7;color:#61717e;font:10px/1.4 Consolas,monospace;text-overflow:ellipsis;vertical-align:middle}
.usage-status{display:inline-flex;align-items:center;min-width:48px;justify-content:center;padding:5px 8px;border-radius:5px;background:#f1f3f4;color:#7c878e;font-size:10px;font-variant-numeric:tabular-nums}
.usage-status.success{background:#eaf8f3;color:#15936f}
.usage-status.failure{background:#fff0ee;color:#c65349}
.usage-duration{font-variant-numeric:tabular-nums;color:#65747d!important}
.usage-empty{position:absolute;inset:40px 0 0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:#fff;text-align:center}
.usage-empty[hidden]{display:none!important}
.usage-empty>span{display:grid;width:40px;height:40px;place-items:center;border-radius:50%;background:#f1f7f7;color:#6d9d98;font-size:18px}
.usage-empty>b{color:#52616a;font-size:12px}
.usage-empty>small{color:#99a4aa;font-size:10px}
.relay-dark .usage-metrics article,.relay-dark .usage-table-wrap,.relay-dark .usage-empty{background:#182328;border-color:#2a393e}
.relay-dark .usage-metrics article>span,.relay-dark .usage-metrics article>b,.relay-dark .usage-provider,.relay-dark .usage-empty>b{color:#d8e2e2}
.relay-dark .usage-metrics article>small,.relay-dark .usage-empty>small{color:#97a7aa}
.relay-dark .usage-search,.relay-dark .usage-toolbar select{background:#10191d;border-color:#35464b;color:#c2cdcf}
.relay-dark .usage-search input{color:#d8e2e2}
.relay-dark .usage-page .usage-table th{background:#202e33;border-color:#2a393e;color:#adbcbe}
.relay-dark .usage-page .usage-table td{border-color:#2a393e;color:#c2cdcf}
.relay-dark .usage-page .usage-table code,.relay-dark .usage-source{background:#202e33;color:#adbcbe}
.relay-dark .usage-source.console{background:#16332f;color:#74ddc7}
@media(max-width:900px){.usage-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.usage-toolbar{flex-wrap:wrap}.usage-search{flex-basis:100%}.usage-visible-count{margin-left:auto}.usage-page .usage-log-card{min-height:360px}}
@media(max-width:600px){.usage-toolbar select{flex:1;min-width:calc(50% - 6px)}.usage-page .usage-table{min-width:760px}.usage-metrics article>b{font-size:19px}}

/* Project API keys */
.admin-main:has(.api-keys-page){display:flex;flex-direction:column}
.admin-main:has(.api-keys-page)>.admin-top{flex:none}
.admin-main:has(.api-keys-page)>#adminContent{display:flex;flex:1;min-height:0}
.api-portal:has(.api-keys-page){display:flex;flex:1;width:100%;height:100%;min-height:0}
.api-portal:has(.api-keys-page)>.api-portal-content{display:flex;flex:1;width:100%;max-width:none;min-height:0;margin:0;padding:12px 0}
.api-keys-page{display:flex;flex:1;flex-direction:column;gap:12px;min-width:0;min-height:0}
.api-keys-page>.portal-card{margin:0;padding:12px}
.api-keys-page>.api-key-create-card{flex:none}
.api-keys-page .portal-card>header{gap:12px;margin:0 0 12px}
.api-keys-page .portal-card>header h2{font-size:14px}
.api-keys-page .portal-card>header>span{color:#8793a0;font-size:10px}
.api-key-intro{margin:0 0 12px;color:#74828b;font-size:11px;line-height:1.6}
.api-key-form{display:grid;grid-template-columns:minmax(0,1fr);align-items:stretch;gap:12px;max-width:none}
.api-key-form .api-key-name{display:grid;gap:8px;color:#53616e;font-size:11px}
.api-key-form .api-key-name input{height:48px;padding:0 12px;font:12px "DM Sans","Noto Sans SC",sans-serif}
.api-key-provider-field{display:grid;grid-template-columns:1fr;gap:8px;min-width:0;min-height:84px;margin:0;padding:8px 12px 10px;border:1px solid #e2e9ec;border-radius:8px}
.api-key-provider-field legend{padding:0 4px;color:#53616e;font-size:10px}
.api-key-provider-field>small{color:#98a3aa;font-size:9px}
.api-key-provider-list{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.api-key-provider-list .portal-check{display:flex;align-items:center;gap:7px;min-height:30px;padding:0 9px;border:1px solid #e5ebed;border-radius:6px;background:#fafcfc;color:#53616e;font-size:10px;cursor:pointer}
.api-key-provider-list .portal-check input{width:14px;height:14px;margin:0;accent-color:#06a993}
.api-key-no-provider{margin:0;color:#c18440;font-size:10px}
.api-key-form .api-key-create-button{height:42px;padding:0 16px;white-space:nowrap}
.api-key-secret-notice{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 12px;padding:12px;border:1px solid #bdebe0;border-radius:8px;background:#effbf8}
.api-key-secret-copy{display:grid;gap:6px;min-width:0}
.api-key-secret-copy b{color:#098f7e;font-size:11px}
.api-key-secret-copy small{color:#69867f;font-size:10px}
.api-key-secret-copy code{width:fit-content;max-width:100%;padding:6px 8px;overflow-wrap:anywhere;border-radius:5px;background:#fff;color:#227b6f;font:10px/1.5 Consolas,monospace}
.api-key-secret-actions{display:flex;align-items:center;gap:8px;flex:none}
.api-key-secret-actions .portal-primary{padding:9px 12px}
.api-key-dismiss{padding:9px 10px;border:0;background:transparent;color:#6c817d;font-size:10px;cursor:pointer}
.api-keys-page>.api-key-list-card{display:flex;flex:1;flex-direction:column;min-width:0;min-height:0}
.api-keys-page>.api-key-list-card>header{flex:none}
.api-key-list-toolbar{display:flex;align-items:center;gap:12px;flex:none;margin-bottom:12px}
.api-key-search{display:flex;align-items:center;gap:8px;flex:1;min-width:180px;height:36px;padding:0 10px;border:1px solid #dce5e8;border-radius:7px;background:#fff;color:#829099}
.api-key-search>span{font-size:18px;line-height:1}
.api-key-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:#34434c;font:11px inherit}
.api-key-list-toolbar>span{color:#8d99a1;font-size:10px}
.api-key-table-wrap{position:relative;flex:1;min-width:0;min-height:0;overflow:auto;border:1px solid #e8edef;border-radius:8px;background:#fff}
.api-keys-page .api-key-table{width:100%;border-collapse:separate;border-spacing:0;white-space:nowrap;text-align:left}
.api-keys-page .api-key-table thead{position:sticky;top:0;z-index:1}
.api-keys-page .api-key-table th{height:40px;padding:0 12px;border-bottom:1px solid #e8edef;background:#f8fafb;color:#839099;font-size:10px;font-weight:550}
.api-keys-page .api-key-table td{height:58px;padding:8px 12px;border-bottom:1px solid #eef1f2;color:#50606a;font-size:11px;vertical-align:middle}
.api-keys-page .api-key-table tr:last-child td{border-bottom:0}
.api-keys-page .api-key-table tr[hidden]{display:none}
.api-key-project{display:grid;gap:4px}
.api-key-project b{color:#34434c;font-size:11px}
.api-key-project small{color:#9aa5ab;font-size:9px}
.api-keys-page .api-key-hint{display:inline-block;padding:6px 8px;border-radius:5px;background:#f3f6f7;color:#61717e;font:10px/1.4 Consolas,monospace}
.api-key-provider-tags{display:flex;gap:6px;flex-wrap:wrap}
.api-key-provider-tag{display:inline-flex;align-items:center;min-height:24px;padding:0 8px;border-radius:5px;background:#eef8f6;color:#168c7b;font-size:10px}
.api-key-muted{color:#9aa5ab;font-size:10px}
.api-key-state{display:inline-flex;align-items:center;gap:6px;color:#15936f;font-size:10px}
.api-key-state i{width:6px;height:6px;border-radius:50%;background:#19b484}
.api-key-state.inactive{color:#939da3}
.api-key-state.inactive i{background:#aeb8bf}
.api-key-row-action{text-align:right!important}
.api-keys-page .portal-danger{padding:7px 10px;border:1px solid #f0ddda;background:#fff8f7;font-size:10px}
.api-key-empty{position:absolute;inset:40px 0 0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:#fff;text-align:center}
.api-key-empty[hidden]{display:none!important}
.api-key-empty>span{display:grid;width:40px;height:40px;place-items:center;border-radius:50%;background:#f1f7f7;color:#6d9d98;font-size:18px}
.api-key-empty>b{color:#52616a;font-size:12px}
.api-key-empty>small{color:#99a4aa;font-size:10px}
.relay-dark .api-keys-page>.portal-card,.relay-dark .api-key-table-wrap,.relay-dark .api-key-empty{background:#182328;border-color:#2a393e}
.relay-dark .api-keys-page .portal-card>header h2,.relay-dark .api-key-project b,.relay-dark .api-key-empty>b{color:#d8e2e2}
.relay-dark .api-key-intro,.relay-dark .api-key-project small,.relay-dark .api-key-empty>small{color:#97a7aa}
.relay-dark .api-key-form .api-key-name,.relay-dark .api-key-provider-field legend{color:#d8e2e2}
.relay-dark .api-key-provider-field,.relay-dark .api-key-provider-list .portal-check{background:#10191d;border-color:#35464b;color:#c2cdcf}
.relay-dark .api-key-form .api-key-name input,.relay-dark .api-key-search{background:#10191d;border-color:#35464b;color:#d8e2e2}
.relay-dark .api-key-search input{color:#d8e2e2}
.relay-dark .api-keys-page .api-key-table th{background:#202e33;border-color:#2a393e;color:#adbcbe}
.relay-dark .api-keys-page .api-key-table td{border-color:#2a393e;color:#c2cdcf}
.relay-dark .api-keys-page .api-key-hint{background:#202e33;color:#adbcbe}
.relay-dark .api-key-provider-tag{background:#16332f;color:#74ddc7}
.relay-dark .api-keys-page .portal-danger{background:#342321;border-color:#51332f;color:#e6a19a}
@media(max-width:900px){.api-key-form{grid-template-columns:1fr}.api-key-form .api-key-provider-field,.api-key-form .api-key-create-button{grid-column:1;justify-self:start}.api-keys-page>.api-key-list-card{min-height:320px}}
@media(max-width:600px){.api-key-form{grid-template-columns:1fr}.api-key-form .api-key-provider-field,.api-key-form .api-key-create-button{grid-column:1}.api-key-secret-notice{align-items:flex-start;flex-direction:column}.api-key-table-wrap{overflow:auto}.api-keys-page .api-key-table{min-width:740px}}

/* API keys: list-first workspace matching the reference hierarchy */
.api-portal:has(.api-keys-page)>.api-portal-content{padding:12px}
.api-keys-page{gap:12px}
.api-key-page-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:42px}
.api-key-page-actions>span,.api-key-summary{color:#87939b;font-size:11px}
.api-key-page-actions>div{display:flex;align-items:center;gap:12px}
.api-key-refresh,.api-key-column-menu>summary,.api-key-top-create{height:42px;display:flex;align-items:center;justify-content:center;gap:8px;padding:0 12px;border:1px solid #e2e9eb;border-radius:8px;background:#fff;color:#596a73;font:12px "DM Sans","Noto Sans SC",sans-serif;cursor:pointer}
.api-key-refresh{width:42px;font-size:20px}
.api-key-top-create{border:0;color:#fff}
.api-key-column-menu{position:relative}
.api-key-column-menu>summary{list-style:none;white-space:nowrap}
.api-key-column-menu>summary::-webkit-details-marker{display:none}
.api-key-column-menu>div{position:absolute;z-index:5;top:calc(100% + 6px);right:0;display:grid;gap:12px;min-width:150px;padding:12px;border:1px solid #e2e9eb;border-radius:8px;background:#fff;box-shadow:0 10px 28px #1b30301c}
.api-key-column-menu label{display:flex;align-items:center;gap:8px;color:#53616e;font-size:12px;white-space:nowrap}
.api-key-column-menu input{accent-color:#0da892}
.api-key-filters{display:flex;align-items:center;gap:12px;flex:none}
.api-key-filters .api-key-search{flex:0 1 308px;height:48px;padding:0 12px;border-radius:10px}
.api-key-filters .api-key-search input{font:14px "DM Sans","Noto Sans SC",sans-serif}
.api-key-filters select{height:48px;min-width:160px;padding:0 12px;border:1px solid #e2e9eb;border-radius:10px;background:#fff;color:#52616a;font:14px "DM Sans","Noto Sans SC",sans-serif}
.api-key-summary{margin-left:auto;white-space:nowrap}
.api-key-endpoints{display:flex;align-items:center;gap:12px;flex:none;flex-wrap:wrap}
.api-key-endpoint{display:flex;align-items:center;gap:8px;min-width:0;max-width:100%;height:36px;padding:0 12px;border:1px solid #e3e9eb;border-radius:8px;background:#fff;color:#74828b;cursor:pointer}
.api-key-endpoint span,.api-key-endpoint b,.api-key-endpoint i{font-size:11px;font-style:normal;font-weight:500;white-space:nowrap}
.api-key-endpoint b{color:#139987}
.api-key-endpoint code{overflow:hidden;color:#7d8990;font:11px Consolas,monospace;text-overflow:ellipsis;white-space:nowrap}
.api-key-endpoint i{color:#9aa5ab}
.api-keys-page>.api-key-list-card{padding:0;overflow:hidden}
.api-key-table-wrap{border:0;border-radius:0}
.api-keys-page .api-key-table th{height:48px;padding:0 12px;font-size:12px}
.api-keys-page .api-key-table td{height:72px;padding:12px;font-size:12px}
.api-key-project b{font-size:13px}
.api-keys-page .api-key-hint{font-size:12px}
.api-key-provider-tag{font-size:11px}
.api-key-count{font-variant-numeric:tabular-nums}
.api-key-pagination{display:flex;align-items:center;gap:12px;min-height:60px;padding:12px;border-top:1px solid #edf0f1;color:#78858d;font-size:12px}
.api-key-pagination>span:first-child{margin-right:auto}
.api-key-pagination button{width:36px;height:36px;border:1px solid #e2e9eb;border-radius:7px;background:#fff;color:#73818a;font-size:16px}
.api-key-pagination button.current{border-color:#0bb49e;color:#0b9c89}
.api-key-empty{inset:48px 0 0}
.api-key-dialog{width:min(520px,calc(100vw - 24px));max-width:none;max-height:calc(100vh - 24px);padding:0;border:1px solid #e2e9eb;border-radius:14px;background:#fff;color:#36464d;box-shadow:0 24px 80px #1c343b35}
.api-key-dialog::backdrop{background:#15262a66;backdrop-filter:blur(2px)}
.api-key-dialog-frame{display:grid;gap:12px;padding:24px}
.api-key-dialog-frame>header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.api-key-dialog-frame h2{margin:0;color:#293940;font-size:18px}
.api-key-dialog-frame header p{margin:8px 0 0;color:#7e8c93;font-size:12px}
.api-key-dialog-close{width:32px;height:32px;border:0;border-radius:7px;background:#f3f6f6;color:#65747b;font-size:22px;cursor:pointer}
.api-key-dialog .api-key-form{gap:12px}
.api-key-dialog .api-key-provider-field{min-height:unset}
.api-key-dialog .api-key-create-button{justify-self:end}
.api-key-secret-notice{margin:0}
.api-key-dialog[open]{animation:key-dialog-in .16s ease-out}
@keyframes key-dialog-in{from{opacity:0;transform:translateY(6px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}
.relay-dark .api-key-page-actions>span,.relay-dark .api-key-summary{color:#97a7aa}
.relay-dark .api-key-refresh,.relay-dark .api-key-column-menu>summary,.relay-dark .api-key-column-menu>div,.relay-dark .api-key-filters select,.relay-dark .api-key-endpoint,.relay-dark .api-key-pagination button{background:#10191d;border-color:#35464b;color:#c2cdcf}
.relay-dark .api-key-endpoint code{color:#adbcbe}
.relay-dark .api-key-dialog{border-color:#35464b;background:#182328;color:#d8e2e2}
.relay-dark .api-key-dialog-frame h2{color:#d8e2e2}
.relay-dark .api-key-dialog-frame header p{color:#97a7aa}
@media(max-width:900px){.api-key-filters{flex-wrap:wrap}.api-key-filters .api-key-search{flex:1 1 100%}.api-key-summary{margin-left:0}.api-key-endpoints{align-items:stretch}.api-key-endpoint{flex:1 1 260px}}
@media(max-width:600px){.api-key-page-actions{align-items:flex-start;flex-direction:column}.api-key-page-actions>div{width:100%;justify-content:flex-end}.api-key-filters select{flex:1;min-width:calc(50% - 6px)}.api-key-endpoint{max-width:100%;flex-basis:100%}.api-key-pagination{gap:8px;padding:12px}.api-key-dialog-frame{padding:18px}}

/* Tighten and stabilize API key page spacing and controls. */
.api-portal:has(.api-keys-page)>.api-portal-content{padding:12px!important}
.api-keys-page{gap:12px!important}
.api-key-page-actions{min-height:36px!important}
.api-key-page-actions>div{gap:12px!important}
.api-key-refresh,.api-key-column-menu>summary{height:36px!important;min-width:36px;padding:0 12px!important;border:1px solid #dfe7e9!important;border-radius:7px!important;background:#fff!important;color:#53646c!important}
.api-key-refresh{width:36px!important;padding:0!important}
.api-key-top-create.portal-primary{display:inline-flex!important;align-items:center!important;justify-self:auto!important;min-width:132px!important;height:36px!important;padding:0 12px!important;border:0!important;border-radius:7px!important;background:#08a993!important;color:#fff!important;font:12px "DM Sans","Noto Sans SC",sans-serif!important;white-space:nowrap!important}
.api-key-filters{gap:12px!important}
.api-key-filters .api-key-search,.api-key-filters select{height:40px!important;border-radius:7px!important}
.api-key-filters .api-key-search{flex:0 1 300px!important;padding:0 12px!important}
.api-key-filters select{min-width:150px!important;padding:0 12px!important;font-size:12px!important}
.api-key-filters .api-key-search input{font-size:12px!important}
.api-key-endpoints{gap:12px!important}
.api-key-endpoint{flex:0 1 auto!important;justify-content:flex-start!important;gap:8px!important;max-width:min(100%,740px)!important;height:36px!important;padding:0 12px!important;border-radius:7px!important}
.api-key-endpoint code{flex:0 1 auto!important;max-width:min(48vw,500px)!important;padding:0!important;background:transparent!important;text-overflow:ellipsis!important}
.api-key-endpoint span,.api-key-endpoint b,.api-key-endpoint i{flex:none!important}
.api-keys-page>.api-key-list-card{min-height:0!important}
.api-keys-page>.api-key-list-card>.api-key-table-wrap{flex:1 1 auto!important;min-height:180px!important}
.api-key-empty{inset:48px 0 0!important}
.api-key-pagination{gap:12px!important;min-height:48px!important;padding:12px!important}
.api-key-dialog-frame{gap:12px!important;padding:24px!important}
.api-key-dialog .api-key-form{gap:12px!important}
.api-key-dialog .api-key-form .api-key-name{gap:8px!important}
.api-key-dialog .api-key-provider-field{gap:8px!important;padding:12px!important}
.api-key-dialog .api-key-provider-list{gap:8px!important}
@media(max-width:900px){.api-key-filters .api-key-search{flex:1 1 100%!important}.api-key-endpoint{flex:1 1 100%!important}.api-key-endpoint code{max-width:none!important}}
@media(max-width:600px){.api-key-page-actions{gap:12px!important}.api-key-page-actions>div{gap:12px!important}.api-key-filters select{min-width:calc(50% - 6px)!important}.api-key-dialog-frame{padding:12px!important}}

/* Put both API key control rows inside the existing page top bar. */
.admin-main:has(.api-keys-page)>.admin-top{height:auto!important;min-height:54px;display:grid;grid-template-columns:minmax(160px,1fr) auto;align-items:center;column-gap:12px;row-gap:12px;padding:12px 0}
.admin-main:has(.api-keys-page)>.admin-top>.breadcrumb{grid-column:1;grid-row:1;min-height:36px;display:flex;align-items:center}
.admin-main:has(.api-keys-page)>.admin-top>#adminTopAction{grid-column:1/-1;grid-row:2;display:flex;width:100%;min-width:0}
.api-key-toolbar{display:grid;grid-template-columns:1fr;gap:12px;width:100%;min-width:0}
.api-key-toolbar-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px;min-height:36px}
.api-key-toolbar .api-key-filters{display:flex;align-items:center;gap:12px;width:100%;min-width:0}
.api-key-toolbar .api-key-search{flex:1 1 320px!important;min-width:180px!important;height:40px!important}
.api-key-toolbar .api-key-filters select{flex:0 1 225px;min-width:150px!important;height:40px!important}
.api-key-page-actions,.api-keys-page>.api-key-filters{display:none!important}
.api-portal:has(.api-keys-page)>.api-portal-content{padding-top:12px!important}
@media(max-width:700px){.admin-main:has(.api-keys-page)>.admin-top{grid-template-columns:1fr;padding:12px 0}.admin-main:has(.api-keys-page)>.admin-top>.breadcrumb{grid-column:1;grid-row:1}.admin-main:has(.api-keys-page)>.admin-top>#adminTopAction{grid-column:1;grid-row:2}.api-key-toolbar .api-key-filters{flex-wrap:wrap}.api-key-toolbar .api-key-search{flex:1 1 100%!important}.api-key-toolbar .api-key-filters select{flex:1 1 calc(50% - 6px)}}

/* Headquarters operations pages */
.admin-main:has(.admin-ops-page){display:flex;flex-direction:column;min-height:calc(100vh - 108px)}
.admin-main:has(.admin-ops-page)>#adminContent{display:flex;flex:1;min-height:0}
.api-portal:has(.admin-ops-page){display:flex;flex:1;min-height:0}
.api-portal:has(.admin-ops-page)>.api-portal-content{width:100%;max-width:none;flex:1;min-height:0;margin:0;padding:12px!important}
.admin-ops-page{display:flex;flex-direction:column;gap:12px;width:100%;min-width:0;min-height:0}
.admin-ops-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0}
.admin-ops-heading>div>span{color:#128f82;font-size:11px;font-weight:600;letter-spacing:.25px}
.admin-ops-heading h1{margin:8px 0 0;color:#283942;font-size:20px;font-weight:650;line-height:1.3}
.admin-ops-heading p{margin:8px 0 0;color:#7c8990;font-size:12px;line-height:1.5}
.admin-ops-status{display:inline-flex;align-items:center;gap:8px;flex:none;padding:8px 12px;border:1px solid #f0dfc2;border-radius:7px;background:#fffaf1;color:#9a6a22;font-size:11px;white-space:nowrap}
.admin-ops-status i,.admin-account-live i{width:7px;height:7px;border-radius:50%;background:#e4a63d}
.admin-ops-status.connected{border-color:#cdebe1;background:#effaf6;color:#16876f}
.admin-ops-status.connected i,.admin-account-live i{background:#19a77d}
.admin-ops-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.admin-ops-metrics article{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:58px;padding:12px;border:1px solid #e6ecee;border-radius:9px;background:#fff}
.admin-ops-metrics article span,.admin-account-grid article span{color:#849198;font-size:11px}
.admin-ops-metrics article b{color:#68777e;font-size:12px;font-weight:550}
.admin-ops-card{display:flex;flex:1;flex-direction:column;min-height:260px;margin:0;padding:12px}
.admin-ops-card>header{margin:0 0 12px}
.admin-ops-card>header h2{color:#34464d;font-size:14px}
.admin-ops-card>header span{color:#87949a;font-size:11px}
.admin-ops-table-wrap{position:relative;flex:1;min-height:210px;overflow:auto;border:1px solid #e8edef;border-radius:8px;background:#fff}
.admin-ops-table{width:100%;border-collapse:collapse;white-space:nowrap;text-align:left}
.admin-ops-table th{height:42px;padding:0 12px;border-bottom:1px solid #e8edef;background:#f7f9fa;color:#78868d;font-size:11px;font-weight:550}
.admin-ops-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:190px;padding:24px;text-align:center}
.admin-ops-empty-mark{display:grid;width:40px;height:40px;place-items:center;border-radius:10px;background:#f0f7f6;color:#318f84}
.admin-ops-empty-mark svg{width:20px;height:20px}
.admin-ops-empty>b{color:#53636a;font-size:13px;font-weight:600}
.admin-ops-empty>p{max-width:620px;margin:0;color:#75838a;font-size:12px;line-height:1.6}
.admin-ops-empty>small{max-width:700px;color:#98a2a7;font-size:11px;line-height:1.6}
.admin-ops-card>.admin-ops-table-wrap{flex:1}
.admin-ops-page>.admin-ops-card{flex:1}
.admin-account-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.admin-account-grid article{display:grid;gap:12px;min-height:76px;padding:12px;border:1px solid #e8edef;border-radius:8px;background:#fff}
.admin-account-grid article b{color:#34464d;font-size:13px;font-weight:600}
.admin-account-live{display:inline-flex;align-items:center;gap:8px}
.admin-account-note{margin-top:12px;padding:12px;border-radius:7px;background:#f5f8f8;color:#74838a;font-size:11px;line-height:1.6}
.relay-dark .admin-ops-heading h1,.relay-dark .admin-ops-card>header h2,.relay-dark .admin-ops-empty>b,.relay-dark .admin-account-grid article b{color:#d8e2e2}
.relay-dark .admin-ops-heading p,.relay-dark .admin-ops-empty>p,.relay-dark .admin-ops-metrics article span,.relay-dark .admin-account-grid article span{color:#97a7aa}
.relay-dark .admin-ops-metrics article,.relay-dark .admin-ops-card,.relay-dark .admin-ops-table-wrap,.relay-dark .admin-account-grid article{background:#182328;border-color:#2a393e}
.relay-dark .admin-ops-table th{background:#202e33;border-color:#2a393e;color:#adbcbe}
.relay-dark .admin-account-note{background:#202e33;color:#adbcbe}
@media(max-width:700px){.admin-ops-heading{align-items:flex-start;flex-direction:column}.admin-ops-metrics{grid-template-columns:1fr}.admin-account-grid{grid-template-columns:1fr}.admin-ops-card{min-height:320px}}
.admin-top:has(.admin-ops-add){gap:12px}
.admin-ops-add{height:36px;padding:0 12px!important;font-size:12px!important}
.admin-ops-add[href="/client"]{display:inline-flex;align-items:center;justify-content:center;border:1px solid #dce6e7;border-radius:7px;color:#148e80;text-decoration:none}
.admin-ops-toolbar{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.admin-ops-search{display:flex;align-items:center;gap:8px;flex:1;min-width:180px;height:36px;padding:0 12px;border:1px solid #dfe7e9;border-radius:7px;background:#fff;color:#829099}
.admin-ops-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:#34434c;font:12px "DM Sans","Noto Sans SC",sans-serif}
.admin-ops-toolbar select{height:36px;min-width:150px;padding:0 12px;border:1px solid #dfe7e9;border-radius:7px;background:#fff;color:#53646c;font:12px "DM Sans","Noto Sans SC",sans-serif}
.admin-ops-toolbar>span{color:#849198;font-size:11px;white-space:nowrap}
.admin-ops-actions{display:flex;justify-content:flex-end;gap:12px}
.admin-ops-actions button{padding:6px 10px;border:1px solid #dce6e7;border-radius:6px;background:#fff;color:#148e80;font-size:11px;cursor:pointer}
.admin-ops-actions button.danger{border-color:#f0d8d5;background:#fff8f7;color:#c96057}
.admin-ops-table tr[hidden]{display:none}
.admin-ops-dialog{width:min(560px,calc(100vw - 24px));max-width:none;max-height:calc(100vh - 24px);padding:0;border:1px solid #e1e8ea;border-radius:12px;background:#fff;color:#34464d;box-shadow:0 24px 80px #1c343b35}
.admin-ops-dialog::backdrop{background:#15262a66;backdrop-filter:blur(2px)}
.admin-ops-dialog-form,.admin-ops-dialog>section{display:grid;gap:12px;padding:24px}
.admin-ops-dialog header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.admin-ops-dialog header h2{margin:0;color:#293940;font-size:17px}
.admin-ops-dialog header p{margin:8px 0 0;color:#7e8c93;font-size:12px}
.admin-ops-dialog header button{width:32px;height:32px;border:0;border-radius:7px;background:#f3f6f6;color:#65747b;font-size:22px;cursor:pointer}
.admin-ops-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.admin-ops-form-grid label{display:grid;gap:8px;color:#53616e;font-size:12px}
.admin-ops-form-grid label:has(textarea){grid-column:1/-1}
.admin-ops-form-grid input,.admin-ops-form-grid select,.admin-ops-form-grid textarea,.admin-ops-codes textarea{width:100%;min-height:36px;padding:8px 12px;border:1px solid #dce4e6;border-radius:7px;background:#fff;color:#34464d;font:12px "DM Sans","Noto Sans SC",sans-serif}
.admin-ops-form-grid textarea{min-height:80px;resize:vertical}
.admin-ops-dialog-actions{display:flex;justify-content:flex-end;gap:12px}
.admin-ops-dialog-actions>button:first-child{padding:0 12px;border:1px solid #dce4e6;border-radius:7px;background:#fff;color:#65747b}
.admin-ops-dialog-actions .portal-primary{justify-self:auto;padding:0 12px}
.admin-ops-codes textarea{min-height:180px;resize:vertical;font-family:Consolas,monospace;line-height:1.7}
.admin-ops-codes>.portal-primary{justify-self:end}
.relay-dark .admin-ops-search,.relay-dark .admin-ops-toolbar select,.relay-dark .admin-ops-actions button,.relay-dark .admin-ops-dialog,.relay-dark .admin-ops-form-grid input,.relay-dark .admin-ops-form-grid select,.relay-dark .admin-ops-form-grid textarea,.relay-dark .admin-ops-codes textarea{background:#10191d;border-color:#35464b;color:#c2cdcf}
.relay-dark .admin-ops-dialog header h2{color:#d8e2e2}
@media(max-width:700px){.admin-ops-toolbar{flex-wrap:wrap}.admin-ops-search{flex-basis:100%}.admin-ops-form-grid{grid-template-columns:1fr}.admin-ops-form-grid label:has(textarea){grid-column:auto}.admin-ops-dialog-form,.admin-ops-dialog>section{padding:12px}}
.admin-ops-heading h1,.admin-ops-heading p{margin-top:12px}
.admin-ops-toolbar,.admin-ops-form-grid,.admin-ops-dialog-form,.admin-ops-dialog>section,.admin-ops-actions,.admin-ops-dialog-actions{gap:12px}
.admin-ops-form-grid label{gap:12px}
.admin-ops-search{gap:12px;padding:0 12px}
.admin-ops-actions button,.admin-ops-dialog-actions>button:first-child,.admin-ops-dialog-actions .portal-primary{padding:0 12px;min-height:36px}
.admin-ops-dialog header p{margin-top:12px}

/* Keep operations page context in the global top bar; the breadcrumb already names the page. */
.admin-top:has(.admin-ops-add),.admin-top:has(.admin-ops-status){display:flex;align-items:center;gap:12px}
.admin-top:has(.admin-ops-add) #adminTopAction,.admin-top:has(.admin-ops-status) #adminTopAction{display:flex;align-items:center;justify-content:flex-end;gap:12px;min-width:0}
.admin-ops-heading{display:none!important}
.admin-ops-page{gap:12px}

/* API 中转站各管理页面共用 12px 外沿并占满主内容区。 */
.admin-main:has(.api-portal){display:flex;flex-direction:column;min-width:0;min-height:0;padding:0!important}
.admin-main:has(.api-portal)>.admin-top{display:flex!important;align-items:center;gap:12px;flex:none;width:auto;margin:0;padding:0 12px}
.admin-main:has(.api-portal)>.admin-top>.breadcrumb{flex:1;min-width:0}
.admin-main:has(.api-portal)>.admin-top>#adminTopAction{display:flex;align-items:center;justify-content:flex-end;gap:12px;width:auto;max-width:100%;margin-left:auto}
.admin-main:has(.api-portal)>#adminContent{display:flex;flex:1;min-width:0;min-height:0;width:100%}
.api-portal:has(.api-portal-content){display:flex;flex:1;min-width:0;min-height:0;width:100%}
.api-portal:has(.api-portal-content)>.api-portal-content{width:100%;max-width:none;min-width:0;min-height:0;flex:1;margin:0;padding:12px!important}
.api-portal:has(.api-portal-content)>.api-portal-content{display:flex;flex-direction:column;gap:12px}
.api-portal-content:has(.admin-ops-page){display:flex;flex-direction:column}
.api-portal-content:has(.admin-ops-page)>.admin-ops-page{flex:1}
.api-portal-content>.portal-card,.api-portal-content>.admin-ops-page>.portal-card{margin:0}
.api-portal-content>.portal-card:last-child{display:flex;flex:1;flex-direction:column;min-height:0}
.api-portal-content>.portal-card:last-child>.portal-table-wrap,.api-portal-content>.portal-card:last-child>.portal-model-grid,.api-portal-content>.portal-card:last-child>.portal-empty{flex:1;min-height:0}
.api-portal-content>.portal-card:last-child>.portal-empty{display:grid;place-items:center}
.api-portal-content>.portal-stats{margin:0;gap:12px}
.api-portal-content>.admin-ops-page,.admin-ops-page{min-width:0;width:100%}
.api-portal:has(.api-keys-page)>.api-portal-content{width:100%;max-width:none;margin:0;padding:12px!important}
.admin-main:has(.api-keys-page)>.admin-top{height:auto!important;min-height:54px;grid-template-columns:minmax(0,1fr) auto;column-gap:12px;row-gap:0;padding:0 12px}
.admin-main:has(.api-keys-page)>.admin-top>#adminTopAction{grid-column:2;grid-row:1;width:auto;justify-content:flex-end}
.admin-main:has(.api-keys-page)>.admin-top>#adminTopAction .api-key-toolbar{width:auto}
.admin-main:has(.api-keys-page)>.admin-top>#adminTopAction .api-key-toolbar{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:12px}
.admin-main:has(.api-keys-page)>.admin-top>#adminTopAction .api-key-toolbar-actions{order:2;justify-content:flex-end}
.admin-main:has(.api-keys-page)>.admin-top>#adminTopAction .api-key-filters{order:1;width:auto;flex:0 1 auto;justify-content:flex-end}
.api-portal:has(.relay-workbench)>.api-portal-content{max-width:none;width:100%;padding:12px!important}
.api-portal:has(.usage-page)>.api-portal-content{max-width:none;width:100%;padding:12px!important}
@media(max-width:700px){
  .admin-main:has(.api-portal)>.admin-top{min-height:54px;padding:0 12px}
  .admin-main:has(.api-portal)>.admin-top>#adminTopAction{gap:12px}
  .admin-main:has(.api-keys-page)>.admin-top{grid-template-columns:minmax(0,1fr) auto;padding:0 12px}
  .admin-main:has(.api-keys-page)>.admin-top>#adminTopAction .api-key-filters{width:100%;justify-content:flex-end}
  .api-portal:has(.api-portal-content)>.api-portal-content{padding:12px!important}
}

/* Headquarters user management */
.relay-users-page>.admin-ops-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}
.relay-users-page .admin-ops-card{display:flex;flex:1;flex-direction:column;min-height:0}
.relay-users-page .admin-ops-table-wrap{flex:1;min-height:0}
.relay-users-table{table-layout:auto}
.relay-users-table td{vertical-align:middle}
.relay-user-name{display:grid;gap:6px;min-width:130px}
.relay-user-name>b{color:#34464d;font-size:12px}
.relay-user-name>small{color:#87949a;font-size:11px}
.relay-user-keys{max-width:260px;overflow:hidden;color:#68777e;text-overflow:ellipsis;white-space:nowrap}
.relay-user-count{font-variant-numeric:tabular-nums}
.relay-user-dialog{width:min(720px,calc(100vw - 24px))}
.relay-user-dialog .admin-ops-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.relay-user-dialog .relay-user-client-field,.relay-user-dialog .relay-user-note-field{grid-column:1/-1}
.relay-user-dialog .relay-user-client-field{gap:12px}
.relay-user-dialog .api-key-provider-field{display:grid;gap:12px;max-height:220px;overflow:auto;margin:0;padding:12px}
.relay-user-dialog .api-key-provider-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.relay-user-dialog .api-key-provider-list .portal-check{min-width:0;overflow:hidden;gap:12px;padding:0 12px}
.relay-user-dialog .api-key-provider-list .portal-check span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.relay-user-dialog .relay-user-note-field textarea{min-height:84px;resize:vertical}
.relay-dark .relay-user-name>b,.relay-dark .relay-user-keys{color:#d8e2e2}
.relay-dark .relay-user-name>small{color:#97a7aa}
@media(max-width:700px){.relay-users-page>.admin-ops-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.relay-user-dialog .admin-ops-form-grid{grid-template-columns:1fr}.relay-user-dialog .relay-user-client-field,.relay-user-dialog .relay-user-note-field{grid-column:auto}.relay-user-dialog .api-key-provider-list{grid-template-columns:1fr}.relay-users-table{min-width:900px}}

/* Metered relay billing */
.relay-key-group-option{display:grid;grid-template-columns:minmax(120px,.7fr) minmax(180px,1.3fr);align-items:center;gap:8px;width:100%;padding:6px;border:1px solid #e5ebed;border-radius:7px;background:#fff}
.relay-key-group-option select,.api-key-dialog #apiKeyGroupForm select{width:100%;min-width:0;height:34px;padding:0 10px;border:1px solid #dce5e8;border-radius:6px;background:#fff;color:#44545c;font:11px inherit}
.relay-key-group-option select:disabled{opacity:.55}
.api-key-provider-tag.unpriced{background:#fff4e8;color:#aa7231}
.api-key-row-action{display:flex;justify-content:flex-end;gap:8px;white-space:nowrap}
.api-key-row-action>button:not(.portal-danger){padding:7px 10px;border:1px solid #dce7e8;border-radius:6px;background:#f9fbfb;color:#4e6869;font-size:10px;cursor:pointer}
#apiKeyGroupForm{display:grid;gap:12px}
#apiKeyGroupForm>label{display:grid;gap:6px;color:#53616e;font-size:11px}
#apiKeyGroupForm .admin-ops-dialog-actions{padding-top:4px}
.relay-user-balance{font-variant-numeric:tabular-nums;font-weight:650;color:#167d70!important;white-space:nowrap}
.relay-billing-dialog{width:min(880px,calc(100vw - 24px))}
.relay-billing-dialog>section{max-height:calc(100vh - 32px);overflow:auto}
.relay-billing-dialog header{align-items:center}
.relay-billing-dialog header p{margin-top:6px!important}
.relay-credit-form{display:grid;grid-template-columns:minmax(140px,.7fr) minmax(220px,1.3fr) auto;align-items:end;gap:12px;padding:12px;border:1px solid #e3ebec;border-radius:8px;background:#f9fbfb}
.relay-credit-form label{display:grid;gap:6px;color:#58686e;font-size:10px}
.relay-credit-form input{width:100%;height:36px;padding:0 10px;border:1px solid #dce5e8;border-radius:6px;background:#fff;color:#36464d;font:11px inherit}
.relay-credit-form>small{grid-column:1/-1;color:#859398;font-size:10px}
.relay-credit-form>.portal-primary{min-height:36px;padding:0 12px;white-space:nowrap}
.relay-ledger-wrap{max-height:46vh;overflow:auto;border:1px solid #e8edef;border-radius:8px}
.relay-ledger-wrap table{width:100%;white-space:nowrap}
.relay-ledger-wrap td:last-child{max-width:280px;overflow:hidden;text-overflow:ellipsis}
.credit-positive{color:#13846f!important;font-variant-numeric:tabular-nums}
.credit-negative{color:#bd5b4d!important;font-variant-numeric:tabular-nums}
.usage-charge{color:#168777!important;font-variant-numeric:tabular-nums;font-weight:650}
.relay-dark .relay-key-group-option,.relay-dark .relay-key-group-option select,.relay-dark .api-key-dialog #apiKeyGroupForm select,.relay-dark .relay-credit-form{background:#10191d;border-color:#35464b;color:#d8e2e2}
.relay-dark .relay-user-balance,.relay-dark .usage-charge{color:#74ddc7!important}
.relay-dark .relay-credit-form label{color:#c2cdcf}
.relay-dark .relay-credit-form input{background:#10191d;border-color:#35464b;color:#d8e2e2}
.relay-dark .api-key-provider-tag.unpriced{background:#352a1d;color:#e2b978}
@media(max-width:700px){.relay-key-group-option{grid-template-columns:1fr}.relay-credit-form{grid-template-columns:1fr}.relay-credit-form>small{grid-column:auto}.relay-credit-form>.portal-primary{justify-self:end}.relay-billing-dialog>section{padding:12px}}

/* Live supplier and headquarters model pricing */
.relay-pricing-page{flex:1;gap:12px}
.relay-pricing-panel{display:flex;flex:1;flex-direction:column;gap:12px;min-width:0;min-height:0;padding:12px;border:1px solid #e4eaec;border-radius:12px;background:#fff}
.relay-pricing-page .admin-ops-card{display:flex;flex:1;flex-direction:column;min-height:0}
.relay-pricing-settings{display:grid;grid-template-columns:minmax(180px,1fr) minmax(280px,1.65fr) minmax(170px,.85fr) auto;align-items:start;gap:12px;padding:12px;border:1px solid #e8edef;border-radius:8px;background:#f8fafb}
.relay-pricing-settings>label{display:grid;align-content:start;gap:6px;min-width:0;color:#63737a;font-size:12px}
.relay-pricing-settings>label>span{font-weight:600}
.relay-pricing-settings select,.relay-pricing-settings input{width:100%;min-width:0;height:36px;padding:0 12px;border:1px solid #dfe7e9;border-radius:7px;background:#fff;color:#34434c;font:12px "DM Sans","Noto Sans SC",sans-serif}
.relay-pricing-settings label small,.relay-pricing-save small{min-height:30px;color:#849198;font-size:11px;line-height:1.5}
.relay-pricing-save{display:grid;justify-items:start;gap:12px;padding-top:24px}
.relay-pricing-settings .portal-primary{height:36px;padding:0 16px;white-space:nowrap}
.relay-price-error{margin-top:12px;padding:12px;border:1px solid #f0d8d5;border-radius:7px;background:#fff8f7;color:#b65049;font-size:12px}
.relay-pricing-toolbar{margin:12px 0}
.relay-pricing-table-wrap{flex:1;min-height:0}
.relay-pricing-table-wrap>.admin-ops-empty[hidden]{display:none!important}
.relay-pricing-table{width:100%;min-width:0;table-layout:fixed}
.relay-pricing-table th:first-child,.relay-pricing-table td:first-child{width:25%}
.relay-pricing-table th:nth-child(2),.relay-pricing-table td:nth-child(2){width:12%}
.relay-pricing-table th:nth-child(3),.relay-pricing-table td:nth-child(3){width:63%}
.relay-pricing-table td{vertical-align:top}
.relay-pricing-table td:first-child{min-width:0;white-space:normal}
.relay-pricing-table td:first-child>b{display:block;color:#40525a;font-size:12px}
.relay-pricing-table td:first-child>small{display:block;margin-top:6px;color:#8a979d;font-size:11px}
.relay-pricing-table th:nth-child(3)>small{display:block;margin-top:4px;color:#97a3a7;font-size:10px;font-weight:450}
.relay-billing-mode{display:inline-flex;max-width:100%;overflow-wrap:anywhere;padding:4px 8px;border-radius:5px;background:#f4f7f7;color:#65757b;font-size:11px}
.relay-price-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.relay-price-cell{display:grid;gap:6px;min-width:0;padding:12px;border:1px solid #e9eeee;border-radius:6px;background:#fbfcfc}
.relay-price-cell>small{color:#829096;font-size:10px;line-height:1.3}
.relay-price-pair{display:grid;gap:3px;font-size:11px;font-variant-numeric:tabular-nums;white-space:nowrap}
.relay-price-pair i{color:#78868b;font-style:normal}
.relay-price-pair.is-public{display:inline-flex;min-height:16px;align-items:center}
.relay-price-pair em{color:#b17b25;font-style:normal}
.relay-price-pair b{color:#168876;font-weight:600}
.relay-price-pair i::before{content:'公开价 ';color:#98a3a7;font-size:9px}
.relay-price-pair em::before{content:'成本 ';color:#98a3a7;font-size:9px}
.relay-price-pair b::before{content:'总部 ';color:#98a3a7;font-size:9px}
.relay-pricing-legend{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:12px;color:#78868b;font-size:11px}
.admin-top:has(#syncRelayPrices){align-items:center;flex-wrap:nowrap;gap:8px}
.admin-top:has(#syncRelayPrices) .breadcrumb{flex:0 0 auto;white-space:nowrap}
.admin-top:has(#syncRelayPrices) #adminTopAction{display:flex;flex:1 1 auto;flex-wrap:nowrap;align-items:center;gap:8px;min-width:0;overflow-x:auto;overflow-y:hidden;white-space:nowrap}
.admin-top:has(#syncRelayPrices) #adminTopAction>.admin-ops-status{order:2;flex:0 0 auto;width:auto;overflow:visible;padding:8px 10px;border-color:#bfe5d8;background:#eaf8f2;color:#167c65;font-size:11px;font-weight:600;white-space:nowrap}
.admin-top:has(#syncRelayPrices) #adminTopAction>#syncRelayPrices{order:3;flex:0 0 auto;white-space:nowrap}
.relay-pricing-top-tools{order:1;display:flex;flex:0 1 auto;align-items:center;justify-content:flex-end;gap:8px;min-width:0;margin-right:auto}
.relay-pricing-top-tools .relay-pricing-legend{margin:0;gap:6px;flex-wrap:nowrap;white-space:nowrap}
.relay-pricing-top-tools .relay-pricing-search{width:190px;min-width:150px;height:36px}
.relay-pricing-legend>span{display:inline-flex;align-items:center;gap:5px}
.relay-pricing-legend i{width:7px;height:7px;border-radius:50%;background:#93a2a6}
.relay-pricing-legend i.cost{background:#d3a143}
.relay-pricing-legend i.retail{background:#168876}
.relay-price-tiers{margin-top:8px;color:#64747b;font-size:11px}
.relay-price-tiers summary{cursor:pointer;color:#198d80}
.relay-price-tiers>div{display:grid;gap:6px;margin-top:8px}
.relay-price-tiers p{display:grid;gap:6px;margin:0;padding:8px;border-radius:6px;background:#f6f8f8;white-space:normal}
.relay-price-tiers p b{color:#53656c;font-weight:600}
.relay-price-tiers p span{color:#78868c}
.relay-dark .relay-pricing-overview article,.relay-dark .relay-pricing-settings select,.relay-dark .relay-pricing-settings input{background:#182328;border-color:#2a393e;color:#d8e2e2}
.relay-dark .relay-pricing-panel,.relay-dark .relay-pricing-settings{background:#182328;border-color:#2a393e}
.relay-dark .relay-pricing-overview article b,.relay-dark .relay-pricing-table td:first-child>b{color:#d8e2e2}
.relay-dark .relay-price-tiers p{background:#202e33}
.relay-dark .relay-price-cell,.relay-dark .relay-billing-mode{background:#202e33;border-color:#2a393e;color:#d8e2e2}
@media(max-width:900px){.relay-pricing-overview{grid-template-columns:repeat(2,minmax(0,1fr))}.relay-pricing-settings{grid-template-columns:repeat(2,minmax(0,1fr))}.relay-pricing-save{padding-top:0}}
@media(max-width:1100px){.relay-price-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.relay-pricing-settings{grid-template-columns:1fr}.relay-price-source{grid-column:auto}.relay-pricing-overview{grid-template-columns:repeat(2,minmax(0,1fr))}.relay-pricing-table,.relay-pricing-table tbody,.relay-pricing-table tr,.relay-pricing-table td{display:block;width:100%}.relay-pricing-table thead{display:none}.relay-pricing-table tr{padding:12px 0;border-bottom:1px solid #e8edef}.relay-pricing-table td{padding:4px 0!important}.relay-pricing-table td:first-child,.relay-pricing-table td:nth-child(2){width:100%}.relay-pricing-table td:nth-child(3){width:100%}.relay-price-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.admin-top:has(#syncRelayPrices) #adminTopAction{gap:6px}.relay-pricing-top-tools{gap:6px}.relay-pricing-top-tools .relay-pricing-search{width:160px;min-width:130px}.relay-pricing-top-tools .relay-pricing-legend{gap:5px;font-size:10px}}
@media(max-width:420px){.relay-price-grid{grid-template-columns:1fr}.relay-pricing-overview{grid-template-columns:1fr}}

/* Pricing rows: keep the model compact and lay out applicable metrics in a balanced three-column grid. */
.relay-pricing-table{table-layout:fixed!important}
.relay-pricing-table th:first-child,.relay-pricing-table td:first-child{width:22%!important}
.relay-pricing-table th:nth-child(2),.relay-pricing-table td:nth-child(2){width:10%!important}
.relay-pricing-table th:nth-child(3),.relay-pricing-table td:nth-child(3){width:68%!important}
.relay-pricing-table td:nth-child(3){padding-left:12px!important}
.relay-price-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important}
.relay-price-cell{min-height:66px;align-content:center;gap:6px!important;padding:10px 12px!important;border-radius:8px!important}
.relay-price-cell>small{font-size:11px!important;line-height:1.4!important}
.relay-price-pair{font-size:12px!important;line-height:1.4}
.relay-price-pair.is-public{min-height:0}
.relay-pricing-table td:first-child>b{font-size:13px!important;line-height:1.5}
.relay-pricing-table td:first-child>small{font-size:11px!important;line-height:1.5}
.relay-billing-mode{padding:5px 9px!important;font-size:11px!important}
@media(max-width:760px){
  .relay-pricing-table td:nth-child(3){padding-left:0!important}
  .relay-price-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  .relay-price-cell{min-height:66px;padding:10px!important}
}
@media(max-width:420px){.relay-price-grid{grid-template-columns:1fr!important}}

.notice-admin-page{display:grid;gap:12px}.notice-admin-page>.portal-card{margin:0}.notice-admin-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:16px}.notice-admin-form>label{display:grid;align-content:start;gap:6px;color:#54645b;font-size:12px;font-weight:600}.notice-admin-form input,.notice-admin-form select,.notice-admin-form textarea{width:100%;min-width:0;min-height:38px;padding:9px 11px;border:1px solid #dfe7e0;border-radius:8px;background:#fff;color:#26382e;font:inherit;font-weight:400}.notice-admin-form textarea{min-height:104px;resize:vertical;line-height:1.55}.notice-admin-form input:focus,.notice-admin-form select:focus,.notice-admin-form textarea:focus{outline:2px solid #8da98e55;border-color:#789779}.notice-admin-form .notice-admin-wide{grid-column:1/-1}.notice-admin-form select[multiple]{min-height:112px}.notice-admin-form label small{color:#849087;font-size:11px;font-weight:400}.notice-admin-form>label:has([name="status"]){grid-column:3;grid-row:3}.notice-admin-submit{grid-column:3;grid-row:4;display:flex;align-items:end;gap:8px}.notice-admin-submit button,.notice-admin-actions button{min-height:34px;padding:0 12px;border:1px solid #dce5dc;border-radius:7px;background:#fff;color:#43584a;font:inherit;font-size:12px;cursor:pointer}.notice-admin-actions{display:flex;flex-wrap:wrap;gap:6px}.notice-admin-actions .portal-danger{color:#a7433e;border-color:#efd6d2}.notice-admin-table-wrap table{min-width:900px}.notice-admin-table-wrap td:first-child{min-width:260px;max-width:440px}.notice-admin-body,.notice-admin-table-wrap td>small{display:block;margin-top:5px;max-width:390px;color:#829087;font-size:11px;font-weight:400;line-height:1.5;white-space:normal;overflow-wrap:anywhere}.notice-admin-table-wrap td{vertical-align:top}.notice-admin-compose>header,.notice-admin-list>header{padding-bottom:12px;border-bottom:1px solid #edf1eb}.notice-admin-page .portal-empty{padding:32px 16px;text-align:center;color:#849087}
@media(max-width:760px){.notice-admin-form{grid-template-columns:repeat(2,minmax(0,1fr));padding:12px}.notice-admin-form .notice-admin-wide{grid-column:1/-1}.notice-admin-form>label:has([name="status"]){grid-column:auto;grid-row:auto}.notice-admin-submit{grid-column:1/-1;grid-row:auto}}
@media(max-width:480px){.notice-admin-form{grid-template-columns:1fr}.notice-admin-form .notice-admin-wide{grid-column:auto}.notice-admin-submit{grid-column:1/-1}}
#adminNav{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#c2ccd8 transparent}#adminNav::-webkit-scrollbar{width:6px}#adminNav::-webkit-scrollbar-thumb{border-radius:6px;background:#c2ccd8}#adminNav::-webkit-scrollbar-track{background:transparent}