/* LatamDubs 1.0.8: filas plegables compactas como "Tu lista de monitoreo". */
.api-page-hero{margin-bottom:16px}
.api-back-link{background:#25374e;color:#d0e6f8;margin:0;white-space:nowrap}
.api-stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin:12px 0 16px}
.api-stats>div{background:#132237;border:1px solid #2b415c;border-radius:12px;padding:13px 14px;min-width:0;display:flex;flex-direction:column;gap:4px}
.api-stats strong{color:#58e5c1;font:800 clamp(20px,2.5vw,28px) 'Outfit',sans-serif;overflow-wrap:anywhere}
.api-stats span,.api-sub{color:#9cb4cb;font-size:11px;line-height:1.4}
.api-stats .api-stat-remaining{background:#12352f;border-color:#2b7161}
.api-stat-remaining strong{color:#80ffda}
.api-note{background:#1a2b40;border:1px solid #365473;padding:12px 16px;border-radius:12px;font-size:12px;color:#c6d7e9;margin:14px 0;line-height:1.6}
.api-card{background:#131e30;border:1px solid #2c425a;border-radius:13px;margin-bottom:14px}
.api-add>summary{display:flex;align-items:center;gap:12px;cursor:pointer;list-style:none;padding:12px 15px}
.api-add>summary::-webkit-details-marker,.api-key-row>summary::-webkit-details-marker{display:none}
.api-add>summary>span:nth-child(2){flex:1;display:flex;flex-direction:column;min-width:0}
.api-add>summary strong{font-size:14px}.api-add>summary small{font-size:11px;color:#95acc5}
.api-add-icon{border-radius:9px;padding:2px 9px;background:#194b42;color:#72f5d4;font-size:23px}
.api-add-inner{padding:8px 15px 16px;border-top:1px solid #2b4159}
.api-add-inner p{font-size:12px;color:#aabfd3;margin:9px 0}
.api-list-heading{display:flex;gap:14px;align-items:baseline;flex-wrap:wrap;margin:26px 0 11px}
.api-list-heading h2{font-size:22px;margin:0}
.api-key-list{display:grid;gap:9px;margin-bottom:30px}
.api-key-row{border:1px solid #314158;background:#131f30;border-radius:13px;min-width:0;overflow:hidden}
.api-key-row[open]{border-color:#386779}
.api-row-summary{display:flex;align-items:center;gap:13px;min-height:76px;padding:10px 13px;list-style:none;cursor:pointer}
.api-row-summary:hover,.api-add>summary:hover{background:#19293c}
.api-row-icon{display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;background:#183d3c;border-radius:9px;color:#62f1d2;font-size:19px}
.api-row-info{flex:1 1 190px;min-width:0;display:flex;flex-direction:column;gap:2px}
.api-row-info strong{font:800 16px 'Outfit',sans-serif;color:#f1f7ff;overflow-wrap:anywhere}
.api-row-info small{font-size:10px;color:#91aec6}
.api-row-progress{flex:0 1 230px;min-width:140px;display:flex;flex-direction:column;gap:7px;font-size:11px;color:#abc1d6}
.api-row-progress b{font-size:16px;color:#f0fcff}
.api-row-progress small{font-size:10px;color:#91a8c2}
.api-meter{height:5px;background:#263749;border-radius:9px;overflow:hidden;display:block;width:100%}
.api-meter>span{height:100%;display:block;background:#4fd9b6;transition:width .3s}
.api-state{padding:5px 8px;border-radius:20px;font-size:10px;white-space:nowrap;font-weight:700}
.api-state.ok{background:#173e36;color:#62f4c6}.api-state.warn{background:#3e342a;color:#f5c999}
.api-chevron{color:#51e6c7;font-size:22px;line-height:1;transition:transform .2s;flex:0 0 auto}
.api-key-row[open]>.api-row-summary .api-chevron,.api-add[open]>summary .api-chevron{transform:rotate(180deg)}
.api-row-details{padding:13px 16px 17px;background:#101b29;border-top:1px solid #2c3f55}
.api-row-metadata{display:flex;align-items:center;flex-wrap:wrap;gap:5px 20px;margin-bottom:12px;color:#aabed3;font-size:11px;overflow-wrap:anywhere}
.api-row-metadata b{color:#d8e5f4}
.api-pause-message{color:#f5c999;font-size:12px}
.api-edit{border:1px solid #314a61;border-radius:9px;overflow:hidden}
.api-edit summary{background:#1a2b40;padding:10px 12px;cursor:pointer;list-style:revert;color:#b5e9fa;font-size:12px;font-weight:700}
.api-edit[open] summary{border-bottom:1px solid #314a61}
.api-edit .api-form{padding:11px 13px 16px;margin:0}
.api-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px}
.api-form label{display:flex;flex-direction:column;gap:5px;color:#bcd3e6;font-size:12px;font-weight:700;min-width:0}
.api-form input{width:100%;min-width:0;background:#0e1929;color:#f1faff;border:1px solid #3b566f;border-radius:8px;padding:10px 12px;font-size:16px}
.api-form input:focus-visible{outline:2px solid #5ae8c8}
.api-form-actions{grid-column:1/-1;display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.api-form-actions small{font-size:11px;color:#9db5c8}
.api-form .primary-btn{margin:0}
.api-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}
.api-actions form{margin:0}.api-actions button{padding:9px 14px;cursor:pointer;background:#263a51;border:1px solid #3e5971;border-radius:8px;color:#d7e8f5;font:700 12px 'DM Sans',sans-serif}
.api-actions .api-delete{background:#492b3b;border-color:#754455}
.api-row-summary:focus-visible,.api-add summary:focus-visible,.api-edit summary:focus-visible,.api-actions button:focus-visible{outline:2px solid #5ae8c8;outline-offset:1px}
@media(max-width:1000px){.api-stats{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.api-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.api-form{grid-template-columns:1fr}.api-row-progress{min-width:110px;flex-basis:145px}.api-row-summary{gap:8px;padding:10px}.api-row-info strong{font-size:14px}}
@media(max-width:460px){.api-stats>div{padding:12px 11px}.api-row-icon{width:30px;flex-basis:30px;height:30px}.api-row-summary{display:grid;grid-template-columns:30px minmax(0,1fr) auto;grid-template-areas:'icon info state' 'progress progress chevron';row-gap:8px}.api-row-icon{grid-area:icon}.api-row-info{grid-area:info}.api-row-progress{grid-area:progress;min-width:0;width:100%;padding-left:3px}.api-state{grid-area:state}.api-row-summary>.api-chevron{grid-area:chevron;text-align:center}.api-row-details{padding:12px}.api-row-metadata{display:flex;flex-direction:column;align-items:start;gap:5px}.api-add>summary{padding:12px}.api-list-heading{gap:2px}}