/* menu in sections + the Resumen. No inline styles anywhere: the panel's security policy forbids them. */
aside nav{display:flex;flex-direction:column;gap:2px}
.menu-group{margin:14px 10px 4px;font-size:11px;font-weight:800;letter-spacing:.14em;color:#6f8cb0}.menu-group:first-child{margin-top:4px}
aside nav a{display:flex;align-items:center;gap:10px}.aside .mi,aside nav a .mi{width:22px;text-align:center;flex:none}
aside nav a .badge{margin-left:auto}
.dash-lead{margin:0 0 16px;color:#cfe0f5;font-size:16px}
.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;margin:0 0 16px}
.kpi{padding:16px;border-radius:16px;border:1px solid var(--line);background:linear-gradient(180deg,#12294a,#0e2440);display:flex;flex-direction:column;gap:4px;align-items:flex-start}
.kpi small{font-weight:800;letter-spacing:.06em;color:var(--muted)}.kpi strong{font-size:34px;line-height:1.1}.kpi span{color:var(--muted);font-size:13px;min-height:2.6em}
.kpi .button,.kpi button{margin-top:6px}.kpi form{margin:0}
.kpi.hot{border-color:#6d4f1a;background:linear-gradient(180deg,#2c2312,#1d1a12)}.kpi.hot strong{color:#ffb020}
.dash-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:14px;margin:0 0 14px}.dash-cols.three{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.todo{list-style:none;margin:0;padding:0;display:grid;gap:8px}.todo li{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;background:#0b2039;border:1px solid var(--line)}
.todo li>span{flex:1;min-width:0}.todo b{display:block}.todo small{color:var(--muted)}
.dot{width:10px;height:10px;border-radius:50%;flex:none;display:inline-block}.dot.orange{background:#ff7a1a}.dot.yellow{background:#ffb020}.dot.red{background:#ff6b6b}.dot.blue{background:#4b8bff}.dot.green{background:#35d49a}
.ring-row{display:flex;gap:20px;align-items:center;flex-wrap:wrap;margin:6px 0 14px}
.ring{width:140px;height:140px;flex:none}.ring circle{fill:none;stroke-width:16}.ring .track{stroke:#183758}.ring text{fill:#e8f0fb;font-size:19px;font-weight:800}
.ring .seg.ok,.sw.ok{stroke:#35d49a;background:#35d49a}.ring .seg.app,.sw.app{stroke:#ffb020;background:#ffb020}.ring .seg.dead,.sw.dead{stroke:#ff6b6b;background:#ff6b6b}.ring .seg.pend,.sw.pend{stroke:#4b8bff;background:#4b8bff}
.legend{list-style:none;margin:0;padding:0;display:grid;gap:6px;font-size:14px}.legend li{display:flex;align-items:center;gap:8px}.sw{width:10px;height:10px;border-radius:3px;display:inline-block;flex:none}
.verrow{display:grid;grid-template-columns:70px 1fr 44px;gap:10px;align-items:center;font-size:13px;margin:6px 0}.verrow progress{width:100%;height:9px;appearance:none;border:0;border-radius:9px;overflow:hidden;background:#183758}
.verrow progress::-webkit-progress-bar{background:#183758}.verrow progress::-webkit-progress-value{background:linear-gradient(90deg,#27d3ef,#4b8bff);border-radius:9px}.verrow progress::-moz-progress-bar{background:#27d3ef}
.feed{list-style:none;margin:0;padding:0;display:grid;gap:8px;font-size:14px}.feed li{display:flex;gap:10px}.feed time{color:var(--muted);min-width:76px}
.ok{color:#35d49a}.bad{color:#ff6b6b}.muted{color:var(--muted)}
aside nav a{padding-top:8px;padding-bottom:8px;min-height:0}
/* Activar */
.act-grid{display:grid;grid-template-columns:minmax(260px,360px) minmax(0,1fr);gap:16px;align-items:start;margin:0 0 16px}
.act-queue h2{margin:0 0 10px}.act-queue small{color:var(--muted);font-weight:400}.srch{width:100%;padding:11px 14px;border-radius:12px;border:1px solid var(--line);background:#0b2039;color:inherit;font:inherit;margin:0 0 10px}
.chips{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 12px}.chip{padding:6px 12px;border-radius:99px;border:1px solid var(--line);background:#0b2039;color:#cfe0f5;font-weight:700;font-size:13px}.chip.on{background:#27d3ef;color:#04202a;border-color:#27d3ef}
.queue{display:grid;gap:8px}.qi{display:block;padding:12px;border-radius:12px;background:#0b2039;border:1px solid var(--line);color:inherit}.qi:hover{border-color:#2a6aa8}.qi.on{border-color:#27d3ef;background:#0d2d4d}.qi.done{opacity:.7}.qi b{display:block}.qi small{display:block;color:var(--muted)}
.pill{font-style:normal;font-size:11px;font-weight:800;padding:2px 8px;border-radius:99px;margin-left:6px;vertical-align:middle}.pill.new{background:#0f4a3a;color:#9af0cf}.pill.wait{background:#173456;color:#bcd7f6}.pill.ok{background:#1f3a2f;color:#9af0cf}
.steps{display:flex;gap:8px;margin:0 0 14px;flex-wrap:wrap}.step{display:flex;align-items:center;gap:8px;padding:6px 12px;border-radius:99px;background:#0b2039;border:1px solid var(--line);font-weight:700;font-size:14px;color:var(--muted)}.step i{font-style:normal;width:22px;height:22px;border-radius:50%;background:#1b3a5e;display:grid;place-items:center;font-size:12px}.step.on{color:#fff;border-color:#27d3ef}.step.on i{background:#27d3ef;color:#04202a}
.fld{display:grid;gap:6px;margin:0 0 14px}.fld>b{font-size:13px;letter-spacing:.04em;color:#a9c3e3}
.fld .seg{display:inline-flex;border:1px solid #2a5384;border-radius:11px;overflow:hidden;justify-self:start}.fld .seg label{margin:0;display:block;cursor:pointer}.fld .seg input{position:absolute;opacity:0;pointer-events:none}.fld .seg span{display:block;padding:10px 16px;background:#0b2039;color:#cfe0f5;font-weight:700;min-width:64px;text-align:center}.fld .seg input:checked+span{background:#27d3ef;color:#04202a}.fld .seg input:focus-visible+span{outline:3px solid #ff7a1a;outline-offset:-3px}
.cost{display:flex;flex-wrap:wrap;gap:10px 28px;padding:14px;border-radius:12px;background:#0a2a2f;border:1px solid #1d5b5e;margin:8px 0 14px}.cost div{min-width:120px}.cost b{display:block;font-size:22px}.cost small{color:#8fb8bd}
.plan{padding:14px;border-radius:12px;background:#0b2039;border:1px dashed #2c4f7c;margin:0 0 16px}.plan ol{margin:6px 0 0;padding-left:20px;color:#cfe0f5}.plan li{margin:3px 0}
button.big,.button.big{padding:14px 22px;font-size:16px}.more{margin:16px 0 0}.more summary{cursor:pointer;color:#9fc4ec;font-weight:700}.discard{margin:12px 0 0}
.act-empty{padding:30px 10px;text-align:center}.act-done{border-color:#1d6b55;background:linear-gradient(180deg,#0f3a30,#0c2b27);margin:0 0 14px}.button.wa{background:#25d366;color:#04200f}
.demo-row{padding:12px;border-radius:12px;background:#0b2039;border:1px solid var(--line);margin:10px 0}.demo-row h3{margin:0 0 6px}
@media(max-width:900px){.act-grid{grid-template-columns:1fr}}
/* Contenido */
.sumbar{display:flex;flex-wrap:wrap;gap:10px 24px;align-items:center;padding:12px 16px;border-radius:14px;background:#0b2039;border:1px solid var(--line);margin:0 0 12px}.sumbar b{font-size:20px;margin-right:4px}.sumbar .warn-text b{color:#ff8a8a}
.how{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 14px;color:#cfe0f5;font-size:14px}.how span{display:flex;align-items:center;gap:8px;padding:6px 12px;border-radius:99px;background:#0b2039;border:1px solid var(--line)}.how i{font-style:normal;width:22px;height:22px;border-radius:50%;background:#27d3ef;color:#04202a;display:grid;place-items:center;font-weight:800;font-size:12px}
.chips.filt{margin:0 0 10px}
.state{display:inline-block;font-size:11px;font-weight:800;border-radius:99px;padding:2px 9px;margin:2px 0}.state.s-ok{background:#0f4a3a;color:#9af0cf}.state.s-hid{background:#3a2a10;color:#ffd9a0}.state.s-bad{background:#4a1b1b;color:#ffc4c4}.state.s-app{background:#173456;color:#bcd7f6}
.bulk-actions{align-items:flex-start}.pick{position:relative}.pick summary{list-style:none;cursor:pointer;padding:9px 14px;border-radius:11px;background:#27d3ef;color:#04202a;font-weight:800}.pick summary::-webkit-details-marker{display:none}
.pick[open] summary{background:#15a9c4}.pick-list{position:absolute;z-index:8;top:calc(100% + 6px);left:0;min-width:260px;max-width:min(520px,90vw);max-height:340px;overflow:auto;display:flex;flex-wrap:wrap;gap:8px;padding:12px;border-radius:14px;background:#0b2039;border:1px solid #2a6aa8;box-shadow:0 14px 30px rgba(0,0,0,.5)}
.chip.warn{background:#3a2a10;color:#ffd9a0;border-color:#6d4f1a}
/* Cobros */
.cobrar{display:inline-block;margin:6px 0 0}.cobrar>summary{list-style:none;cursor:pointer;display:inline-block}.cobrar>summary::-webkit-details-marker{display:none}.cobrar-form{margin-top:8px;padding:12px;border-radius:12px;background:#0b2039;border:1px solid var(--line);min-width:320px}
.cobrar-form .toolbar{display:flex;gap:10px;flex-wrap:wrap}.cobrar-form label{display:grid;gap:4px}.cfg h3{margin:16px 0 6px}.checks{display:flex;gap:16px;flex-wrap:wrap;margin:0 0 12px}
.acts{white-space:nowrap}.acts form{display:inline-block;margin:2px 4px 2px 0}td.acts .inline-details{display:inline-block}
/* Revendedores */
.reseller{max-width:860px;margin:0 auto;padding:24px 16px 60px}.reseller .head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap}
.balance{padding:12px 18px;border-radius:14px;background:#0a2a2f;border:1px solid #1d5b5e}.balance small{color:#8fb8bd;font-weight:800;letter-spacing:.06em}.balance strong{display:block;font-size:34px;line-height:1.1}
.chips .logout{margin-left:auto;display:inline}.reseller .login{margin:0}
.sumbar a{color:inherit}.rv-sum{gap:8px}.rv-pick{padding:8px 14px;border-radius:99px;border:1px solid var(--line);background:#0e2440}.rv-pick.on{border-color:var(--cyan);background:#12324a}.rv-pick b{margin-right:6px}.sumbar .warn-text.rv-pick b{color:#ff8a8a}
.theme-pick{display:flex;gap:4px;margin:22px 0 0;padding:4px;border:1px solid var(--line);border-radius:12px}
.theme-pick button{flex:1;padding:7px 4px;font-size:12px;border-radius:9px;background:transparent;color:#9aafc9}
.theme-pick button[aria-pressed=true]{background:#27d3ef;color:#04202a}
.theme-pick.floating{position:fixed;top:12px;right:12px;z-index:10;margin:0;background:#0b2039}
