/* Módulo API e IA: 100vh con scroll exclusivamente interno. */
.api-card{height:100%;min-height:0;display:flex;flex-direction:column;overflow:hidden}
.api-head{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;flex:0 0 auto}
.api-chip{display:inline-flex;gap:7px;align-items:center;align-self:center;padding:8px 11px;border-radius:30px;background:rgba(25,162,128,.12);border:1px solid rgba(25,162,128,.29);font-size:12px;font-weight:700}
.api-scroll{flex:1;min-height:0;overflow:auto;padding:16px;-webkit-overflow-scrolling:touch}
.api-hero{display:flex;flex-direction:column;gap:12px;border:1px solid rgba(25,162,128,.3);background:rgba(25,162,128,.06);border-radius:16px;padding:16px;margin-bottom:14px}
.api-hero strong{font-size:14px}.api-hero p{font-size:12px;color:var(--muted);line-height:1.5;margin:5px 0 0}
.api-copyline{display:flex;gap:9px;align-items:center;min-width:0;flex-wrap:wrap}
.api-copyline code{flex:1;min-width:0;display:block;overflow-wrap:anywhere;border:1px solid var(--border);background:rgba(0,0,0,.08);border-radius:10px;padding:10px 12px;font-size:12px;line-height:1.5}
.api-copyline button{flex:0 0 auto}
.api-columns{display:flex;gap:14px;align-items:stretch;min-width:0}
.api-columns>.api-panel{flex:1 1 0;min-width:0}
.api-panel{border:1px solid var(--border);background:rgba(255,255,255,.03);padding:16px;border-radius:16px}
.api-panel-head{display:flex;align-items:flex-start;gap:11px;margin-bottom:16px}
.api-panel-icon{flex:0 0 38px;width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(25,162,128,.3);border-radius:12px;background:rgba(25,162,128,.10)}
.api-panel-head h3{margin:1px 0 5px;font-size:15px}.api-panel-head p{margin:0;color:var(--muted);font-size:12px;line-height:1.5}
.api-form{display:flex;flex-direction:column;gap:11px}.api-form>.label{margin:1px 0 -5px;font-size:12px;font-weight:700}
.api-form .btn{align-self:flex-start}
.api-scopes{display:flex;flex-direction:column;gap:7px}
.api-scopes label{display:flex;gap:9px;align-items:flex-start;padding:10px;border:1px solid var(--border);border-radius:11px;cursor:pointer;background:rgba(255,255,255,.02)}
.api-scopes label:has(input:checked){background:rgba(25,162,128,.055);border-color:rgba(25,162,128,.28)}
.api-scopes input{margin-top:3px;accent-color:var(--accent)}
.api-scopes span{display:flex;flex-direction:column;gap:3px}.api-scopes strong{font-size:12px}.api-scopes small{font-size:11px;color:var(--muted);line-height:1.45}
.api-steps{display:flex;flex-direction:column;gap:13px;margin:8px 0 16px}
.api-step{display:flex;gap:11px;min-width:0}.api-step>b{display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px;border-radius:50%;background:rgba(25,162,128,.15);font-size:12px}
.api-step>div{display:flex;flex-direction:column;gap:5px;min-width:0;padding-top:5px}.api-step strong{font-size:12px}
.api-step code{display:block;word-break:break-all;color:var(--text);font-size:11px;padding:6px 8px;border-radius:7px;border:1px solid var(--border);background:rgba(0,0,0,.045)}
.api-step small{font-size:11px;color:var(--muted);line-height:1.5}
.api-actions{display:flex;gap:9px;flex-wrap:wrap}.api-actions>a{text-decoration:none}
.api-tip{margin-top:18px;border:1px solid rgba(99,102,241,.20);background:rgba(99,102,241,.07);padding:12px;border-radius:12px;color:var(--muted);font-size:12px;line-height:1.5}.api-tip strong{color:var(--text)}
.api-once{margin-top:14px;padding:12px;border-radius:12px;border:1px solid rgba(25,162,128,.35);background:rgba(25,162,128,.08)}.api-once>strong{display:flex;gap:6px;align-items:center;font-size:12px}.api-once p{font-size:11px;color:var(--muted);line-height:1.5}
.api-msg{font-size:12px;padding:10px 12px;border-radius:10px;margin-top:10px;background:rgba(25,162,128,.10);border:1px solid rgba(25,162,128,.2)}.api-msg.error{background:rgba(255,92,119,.09);border-color:rgba(255,92,119,.25)}
.api-msg.hidden,.api-once.hidden{display:none}
.api-key-list{margin-top:14px}
.api-key-rows{display:flex;flex-direction:column;gap:8px}.api-key-row{display:flex;align-items:center;gap:11px;min-width:0;padding:11px;border:1px solid var(--border);border-radius:11px}
.api-key-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.api-key-info strong{font-size:13px}.api-key-info small{font-size:11px;color:var(--muted);overflow-wrap:anywhere}
.api-status{font-size:11px;padding:5px 9px;border-radius:99px;flex:0 0 auto}.api-status.on{background:rgba(25,162,128,.13);color:var(--text)}.api-status.off{background:rgba(120,120,120,.12);color:var(--muted)}
.api-empty{text-align:center;padding:20px}
@media(max-width:990px){.api-columns{flex-direction:column}.api-scroll{padding:10px}.api-panel{padding:13px}}
@media(max-width:560px){.api-copyline{align-items:stretch;flex-direction:column}.api-copyline button{width:100%;justify-content:center}.api-key-row{flex-wrap:wrap}.api-key-info{flex-basis:100%}}