/* Keys lead; endpoint and setup examples support them. Existing CoreKiln tokens, no new dependencies. */
.api-overview{display:grid;grid-template-columns:1fr 3fr;gap:24px;background:var(--soft);border:1px solid var(--line);border-radius:8px;padding:24px;margin-bottom:32px}.api-key-count>span,.api-endpoint>label{display:block;font-size:11px;color:var(--muted);margin-bottom:12px}.api-key-count strong{display:block;font:500 32px var(--mono);color:var(--teal)}.api-key-count small{display:block;font-size:10px;color:var(--muted);margin-top:8px}.api-endpoint{min-width:0}.api-endpoint>div{display:flex;gap:12px}.api-endpoint input{width:100%;min-width:0;background:#fff;border:1px solid #bacac1;border-radius:5px;padding:10px 12px;font:12px var(--mono);color:var(--ink)}.api-endpoint button,.api-code-block button{font-family:inherit;font-size:11px;color:var(--teal);border:0;background:none;white-space:nowrap;cursor:pointer}.api-endpoint p{font-size:10px;color:var(--muted);margin:8px 0 0;line-height:1.8}.api-section-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:0 0 20px}.api-section-heading h2{font-size:18px;margin:0}.api-section-heading p{font-size:12px;line-height:1.8;color:var(--muted);margin:6px 0 0}.api-section-heading .button{font-size:12px;white-space:nowrap}.api-section-heading .subtle-link{font-size:11px;white-space:nowrap}.api-create-form{padding:24px;border:1px solid var(--line);border-radius:8px;background:#fff;margin-bottom:24px}.api-create-form h3{font-size:16px;margin:0 0 20px}.api-create-fields{display:grid;grid-template-columns:2fr 1fr;gap:16px}.api-create-form .field{font-size:11px}.api-create-form p{font-size:11px;color:var(--muted);line-height:1.8;margin:16px 0 20px}.api-create-actions{display:flex;align-items:center;gap:24px}.api-create-actions .button{font-size:12px}.api-create-actions .link-button{font-size:11px}.api-key-table-wrap{position:relative;overflow:auto;border:1px solid var(--line);border-radius:8px;background:#fff}.api-key-table{width:100%;border-collapse:collapse;min-width:740px}.api-key-table th{text-align:left;background:var(--soft);padding:14px 16px;font-size:10px;font-weight:500;color:var(--muted)}.api-key-table td{padding:20px 16px;font-size:10px;vertical-align:top;border-top:1px solid var(--line);line-height:1.8}.api-key-table td:first-child{width:25%;max-width:240px;overflow-wrap:anywhere}.api-key-table b{display:block;font-size:12px;font-weight:600}.api-key-table code{display:block;font:10px var(--mono);margin-top:8px;color:var(--muted)}.api-key-status{display:inline-block;font-size:10px;border-radius:4px;padding:2px 7px;white-space:nowrap}.api-key-status.active{background:var(--soft);color:var(--teal)}.api-key-status.inactive{background:#f0f1ee;color:var(--muted)}.api-revoke{border:0;background:none;color:var(--teal);font-family:inherit;font-size:11px;padding:0;cursor:pointer}.api-key-dash{color:var(--muted)}.api-keys-empty{text-align:center;padding:40px 24px}.api-keys-empty>span{font-size:32px;color:var(--teal);display:block;margin-bottom:16px}.api-keys-empty h3{font-size:17px;margin:0 0 8px}.api-keys-empty p{font-size:12px;line-height:1.8;color:var(--muted);margin:0}.api-examples{margin-top:40px}.api-example-controls{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:16px}.api-example-tabs{display:flex;gap:24px}.api-example-tabs button{font-family:inherit;font-size:12px;color:var(--muted);padding:10px 0;background:none;border:0;border-bottom:2px solid transparent;cursor:pointer}.api-example-tabs button[aria-selected=true]{color:var(--teal);font-weight:600;border-bottom-color:var(--teal)}.api-example-controls .field{font-size:10px;width:200px}.api-code-block{background:var(--teal-dark);color:var(--bg);border-radius:8px;overflow:hidden}.api-code-block>div{display:flex;justify-content:space-between;gap:20px;padding:12px 20px;border-bottom:1px solid #42665f;font:10px var(--mono);color:#c6dbd4}.api-code-block button{color:var(--lime)}.api-code-block pre{padding:20px;margin:0;font:11px/1.85 var(--mono);white-space:pre-wrap;overflow-wrap:anywhere}.api-service-note{font-size:11px;line-height:1.8;color:var(--muted);margin:16px 0 0}.api-created-dialog{width:min(560px,calc(100% - 32px));border:1px solid var(--line);border-radius:8px;padding:32px;color:var(--ink);max-height:85vh;overflow:auto}.api-created-dialog::backdrop{background:rgba(22,45,48,.5)}.api-created-dialog h2{font-size:24px;margin:16px 0 12px}.api-created-dialog>p{font-size:12px;line-height:1.8;color:var(--muted)}.api-secret{background:var(--soft);border:1px solid var(--line);border-radius:5px;padding:16px;margin:24px 0}.api-secret code{display:block;font:13px/1.8 var(--mono);overflow-wrap:anywhere;user-select:all}.api-secret button{display:block;font-family:inherit;font-size:11px;margin:16px 0 0 auto;background:none;color:var(--teal);border:0;cursor:pointer}.api-created-actions{display:flex;justify-content:space-between;gap:16px}.api-created-actions .button{font-size:12px}.api-created-dialog button:focus-visible,[data-panel=api] button:focus-visible{outline:2px solid var(--teal);outline-offset:3px}[data-panel=api] [hidden]{display:none!important}[data-panel=api] .form-message{font-size:11px;line-height:1.8}
@media(max-width:650px){.api-overview{grid-template-columns:1fr;padding:20px 16px;gap:24px}.api-key-count strong{font-size:28px}.api-section-heading{align-items:start;gap:16px}.api-section-heading h2{font-size:17px}.api-section-heading p{font-size:11px}.api-section-heading .button{font-size:11px;padding:9px 12px}.api-create-form{padding:20px 16px}.api-create-fields{grid-template-columns:1fr;gap:16px}.api-example-controls{align-items:start;flex-direction:column;gap:16px}.api-example-controls .field{width:100%}.api-example-tabs button{font-size:11px}.api-code-block pre{font-size:10px;padding:16px}.api-code-block>div{padding:12px 16px}.api-created-dialog{padding:24px 20px}.api-created-dialog h2{font-size:22px}.api-created-actions .button{font-size:11px}.api-secret code{font-size:12px}}