/* API keys, Connect, CLI pages and /docs-api */
.codeblock{margin:10px 0}
.codeblock .row{justify-content:space-between;margin-top:0}
.codeblock pre{margin:4px 0 0}
fieldset{border:1px solid var(--border);border-radius:4px;margin:10px 0;padding:6px 12px}
legend{color:var(--muted);padding:0 6px}
.check{display:block;margin:6px 0;color:var(--text)}
.check input{width:auto;margin-right:6px}
.newkey{background:var(--panel);border:1px solid var(--accent);border-radius:6px;padding:4px 14px 10px;margin:12px 0}
.scroll{overflow-x:auto}
.apidoc header nav{display:flex;gap:12px}
.apidoc main{max-width:900px}
.apidoc h3{font-size:16px}.apidoc h4{font-size:14px;margin:12px 0 2px;color:var(--muted)}
.apidoc .toc{display:flex;flex-wrap:wrap;gap:12px;margin:10px 0}
.apidoc .mod{border-top:1px solid var(--border);margin-top:12px}
.apidoc td code{white-space:nowrap}
/* design-qa: /docs-api shell on the same tokens as the app */
.apidoc header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--sp2) var(--sp4);max-width:var(--wrap);margin:0 auto;padding:var(--sp3) var(--sp4);border-bottom:1px solid var(--line)}
.apidoc header a,.apidoc .toc a{display:inline-flex;align-items:center;min-height:32px}
.apidoc .brand{font-family:var(--font-mono);font-weight:700;color:var(--text);text-decoration:none}
.apidoc main,.apidoc footer{max-width:var(--wrap);margin-left:auto;margin-right:auto;padding:0 var(--sp4)}
.apidoc main{max-width:calc(900px + 2 * var(--sp4));padding-bottom:var(--sp7)}
.apidoc footer{padding-top:var(--sp4);padding-bottom:var(--sp5);border-top:1px solid var(--line);margin-top:var(--sp6)}
.apidoc table{display:block;overflow-x:auto;max-width:100%}
.apidoc pre{overflow-x:auto;max-width:100%}
@media (max-width:640px){.apidoc td code{white-space:normal;overflow-wrap:anywhere}}
.apidoc th,.apidoc td{padding:var(--sp2) var(--sp3);text-align:left;border-bottom:1px solid var(--line);vertical-align:top}
/* design-qa: permission radios and legend aligned with the form system */
fieldset{border:1px solid var(--line);border-radius:var(--r1);padding:var(--sp2) var(--sp4) var(--sp3);min-width:0}
legend{color:var(--text-2);font-size:var(--t-small);font-weight:600}
.check{display:block;position:relative;padding-left:28px;margin:var(--sp2) 0;font-weight:400;font-size:var(--t-body);min-height:24px}
.check input{position:absolute;left:0;top:4px;width:18px;height:18px;margin:0;accent-color:var(--text);appearance:auto}
.check strong{font-weight:600}