/* All rules scoped to API UI: never change existing page or floating tools. */
.api-console{--api-line:var(--line,#dce4ec);--api-muted:var(--muted,#687788);padding:26px;margin-top:24px;min-width:0;color:var(--ink,#1c2d40)}
.api-console *{box-sizing:border-box}.api-console h2{font-size:22px;margin:4px 0 14px}.api-console p{line-height:1.7}.api-console a{color:#008dcc}.api-console .api-panel-head{display:flex;justify-content:space-between;align-items:center;gap:15px}.api-console .api-eyebrow{font-size:11px;font-weight:700;letter-spacing:.12em;color:#088ab9}.api-console .api-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:22px 0}.api-console .api-metrics>div{background:var(--night-surface-alt,#f3f7fa);border:1px solid var(--api-line);border-radius:12px;padding:14px;min-width:0}.api-console small{display:block;color:var(--api-muted);line-height:1.7}.api-console .api-metrics b{display:block;margin-top:6px;overflow-wrap:anywhere;font-size:15px}.api-console .api-form{display:flex;align-items:end;gap:12px;margin:16px 0}.api-console label{display:flex;flex-direction:column;gap:7px;font-size:13px;font-weight:600;min-width:0}.api-console .api-form label{flex:1}.api-console input{width:100%;min-width:0;border:1px solid var(--api-line);background:var(--night-surface,#fff);color:inherit;border-radius:8px;padding:11px 12px;font:inherit;height:43px}.api-console button{font:inherit;border:1px solid var(--api-line);border-radius:8px;padding:10px 16px;background:var(--night-surface,#fff);color:inherit;cursor:pointer;min-height:42px;flex-shrink:0}.api-console button[type=submit]{background:#008ec8;color:#fff;border-color:#008ec8}.api-console button:disabled{opacity:.55;cursor:default}.api-console .api-note{font-size:12px;color:var(--api-muted)}.api-console .api-key{display:flex;justify-content:space-between;align-items:center;gap:14px;border-top:1px solid var(--api-line);padding:16px 0}.api-console .api-key>div{min-width:0}.api-console code{display:block;overflow-wrap:anywhere;font-size:12px;margin:7px 0}.api-console .api-admin-form{display:grid;grid-template-columns:2fr repeat(4,1fr);gap:14px;align-items:end}.api-console .api-admin-form button{grid-column:1/-1;justify-self:start}.api-console details{margin-top:22px}.api-console summary{cursor:pointer;font-weight:600}.api-console .api-table-wrap{overflow-x:auto;margin-top:12px}.api-console table{border-collapse:collapse;width:100%;font-size:13px}.api-console td,.api-console th{text-align:left;padding:12px;border-bottom:1px solid var(--api-line);white-space:normal;min-width:90px}.api-console [role=status]{color:#078cad;min-height:24px}.api-secret-dialog.api-console{margin:auto;max-width:600px;width:calc(100% - 28px);max-height:85dvh;overflow-y:auto;border:1px solid var(--api-line);border-radius:18px;background:var(--night-surface,#fff);padding:24px;box-shadow:0 20px 90px #0003}.api-secret-dialog::backdrop{background:#14233499}.api-console pre{white-space:pre-wrap;word-break:break-all;font-size:13px;background:var(--night-surface-alt,#f3f7fa);padding:16px;border-radius:10px;line-height:1.9}.api-console .api-actions{display:flex;gap:10px;flex-wrap:wrap}
@media(max-width:700px){.api-console{padding:18px}.api-console .api-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.api-console .api-admin-form{grid-template-columns:repeat(2,minmax(0,1fr))}.api-console .api-admin-form label:first-child{grid-column:1/-1}.api-console .api-form{flex-direction:column;align-items:stretch}.api-console .api-key{align-items:start}.api-console .api-key button{padding:8px 10px}}
.api-console{padding:20px}.api-console h2{font-size:19px}.api-console .api-panel-head{flex-wrap:wrap}.api-console .api-panel-head>a{white-space:nowrap}.api-console .api-metrics>div{border-radius:8px;padding:12px}.api-console button,.api-console input{border-radius:6px}.api-console .api-key b{overflow-wrap:anywhere}.api-console button:focus-visible,.api-console input:focus-visible{outline:2px solid var(--blue);outline-offset:3px}
@media(max-width:560px){.api-console{padding:16px}.api-console .api-metrics{gap:8px;margin:16px 0}.api-console .api-metrics b{font-size:13px}.api-console input{font-size:16px}.api-console .api-key{gap:8px}.api-console .api-note{overflow-wrap:anywhere}}
.api-console table{min-width:0;table-layout:auto}
