/* Cabina de acción: botón «Ahora», tarjetas de acción, seguimientos por urgencia, pipeline con salud e informe. */
:root{--heat-0:var(--red);--heat-1:var(--or);--heat-2:var(--yellow);--heat-3:var(--blue);--heat-4:var(--dim)}

/* ---- tarjetas de acción ---- */
.act{position:relative;background:var(--card2);border:1px solid var(--line);border-radius:14px;padding:12px 14px;display:flex;flex-direction:column;gap:6px;transition:border-color .2s,transform .2s var(--ease)}
.act:hover{border-color:var(--line2)}
.act.hot{border-color:rgba(255,107,107,.45);background:linear-gradient(180deg,rgba(255,107,107,.08),transparent 60%),var(--card2)}
.act-top{display:flex;align-items:center;gap:8px}
.act-ic.kpi{display:inline-flex}.act-ic .bubble{width:28px;height:28px;border-radius:9px}
.act-type{font-size:11.5px;font-weight:650;color:var(--mu);display:inline-flex;align-items:center;gap:6px}
.act-n{margin-left:auto;font-size:11px;color:var(--dim);font-variant-numeric:tabular-nums}
.hotdot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--red);box-shadow:0 0 0 0 rgba(255,107,107,.6);animation:hotpulse 1.6s infinite}
@keyframes hotpulse{0%,100%{box-shadow:0 0 0 0 rgba(255,107,107,.55)}60%{box-shadow:0 0 0 6px rgba(255,107,107,0)}}
.act-title{font-size:15px;font-weight:700;line-height:1.3;text-wrap:balance}
.act-why{margin:0;font-size:12.5px;color:var(--mu)}.act-why span{color:var(--dim)}
.act-btns{display:flex;gap:6px;flex-wrap:wrap;margin-top:4px}
.act-btns .btn{padding:7px 11px;font-size:12.5px}
.act.big{padding:20px 22px;gap:10px;border-radius:18px;background:radial-gradient(120% 140% at 100% 0%,rgba(255,111,0,.16),transparent 55%),var(--card)}
.act.big.hot{background:radial-gradient(120% 140% at 100% 0%,rgba(255,107,107,.18),transparent 55%),var(--card)}
.act.big .act-title{font-size:24px;letter-spacing:-.02em}
.act.big .act-why{font-size:14px}
.act.big .act-btns .btn{padding:10px 15px;font-size:14px}
.act.big .act-ic .bubble{width:36px;height:36px;border-radius:11px}
.actlist{display:flex;flex-direction:column;gap:8px}
.actlist .act{animation:rise .4s var(--ease) both}
.actlist .act:nth-child(2){animation-delay:.04s}.actlist .act:nth-child(3){animation-delay:.08s}.actlist .act:nth-child(4){animation-delay:.12s}.actlist .act:nth-child(n+5){animation-delay:.16s}

/* acceso rápido: llamar, WhatsApp, correo, posponer */
.qa{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--line2);background:var(--card);color:var(--tx);border-radius:9px;padding:6px 9px;font:600 12px var(--font);cursor:pointer;transition:background .15s,border-color .15s,transform .1s}
.qa:hover{background:var(--hover);border-color:rgba(255,255,255,.2)}.qa:active{transform:scale(.97)}
.qa.wa,.chip.wa{color:#25d366}
.qa span{white-space:nowrap}

/* ---- Hoy ---- */
.focus{margin-bottom:16px}
.focus-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
.sums{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.sum{display:inline-flex;align-items:baseline;gap:6px;background:var(--card);border:1px solid var(--line);border-radius:999px;padding:5px 12px;font-size:12px;color:var(--mu);transition:border-color .15s}
.sum:hover{border-color:var(--line2)}.sum b{color:var(--tx);font-size:14px;font-variant-numeric:tabular-nums}
.sum.hot{border-color:rgba(255,107,107,.5)}.sum.hot b{color:var(--red)}
.hoygrid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,1fr);gap:14px;align-items:start}
.stack{display:flex;flex-direction:column;gap:14px}
.goal{display:flex;gap:16px;align-items:flex-start}
.goal-ring{position:relative;flex:none;width:84px;height:84px}
.goal-ring b{position:absolute;inset:0;display:grid;place-items:center;font-size:22px;font-weight:800;font-variant-numeric:tabular-nums}
.goal-ring b small{font-size:12px;color:var(--mu);font-weight:600;margin-left:1px}
.goal-ring circle:nth-child(2){transition:stroke-dashoffset 1s var(--ease)}
.streak{display:inline-flex;align-items:center;gap:3px;color:var(--or2);font-weight:650}
.bars{display:flex;gap:6px;align-items:flex-end;height:54px}
.bars span{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;gap:3px}
.bars i{display:block;width:100%;max-width:18px;border-radius:5px 5px 2px 2px;background:var(--card2);border:1px solid var(--line2)}
.bars i.ok{background:linear-gradient(180deg,var(--or2),var(--or));border-color:transparent}
.bars small{font-size:10px;color:var(--dim)}
.pipe{display:block;color:inherit}.pipe:hover{border-color:var(--line2)}
.pipe-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.pipe-grid div{background:var(--card2);border-radius:12px;padding:10px 12px}
.pipe-grid b{display:block;font-size:19px;font-weight:800;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.pipe-grid span{font-size:11.5px;color:var(--mu)}
.pipe-grid .warn b{color:var(--red)}
.mini-posts{display:grid;grid-auto-flow:column;grid-auto-columns:120px;gap:8px;overflow-x:auto;padding-bottom:4px}
.mini-posts .thumb{aspect-ratio:4/5}

/* ---- botón «Ahora», hoja inferior y buscador ---- */
.fab{position:fixed;right:22px;bottom:22px;z-index:12;display:inline-flex;align-items:center;gap:8px;border:0;border-radius:999px;padding:13px 18px;background:linear-gradient(180deg,var(--or2),var(--or));color:#1a0b00;font:750 14px var(--font);cursor:pointer;box-shadow:0 14px 34px -10px rgba(255,111,0,.9),0 0 0 1px rgba(255,255,255,.12) inset;transition:transform .15s var(--ease),filter .15s}
.fab:hover{transform:translateY(-2px);filter:brightness(1.06)}.fab:active{transform:scale(.97)}
.fab em{font-style:normal;background:#1a0b00;color:var(--or2);border-radius:999px;font-size:11.5px;font-weight:800;padding:2px 7px;min-width:22px;text-align:center;font-variant-numeric:tabular-nums}
.fab.hot em{background:var(--red);color:#fff;animation:pulse 2s infinite}
.sheet{position:fixed;inset:0;z-index:18;background:rgba(5,6,8,.6);backdrop-filter:blur(4px);display:flex;align-items:flex-end;justify-content:center;padding:16px;animation:fade .15s}
.sheet-card{width:min(640px,100%);background:var(--bg2);border:1px solid var(--line2);border-radius:22px;padding:16px;box-shadow:0 30px 80px -20px #000;animation:sheetup .28s var(--ease);display:flex;flex-direction:column;gap:12px;max-height:88vh;overflow:auto}
@keyframes sheetup{from{transform:translateY(24px);opacity:0}}
.sheet-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}
.sheet-head b{font-size:13px}
.sheet-foot{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}
.palette{position:fixed;inset:0;z-index:25;background:rgba(5,6,8,.55);backdrop-filter:blur(3px);display:flex;justify-content:center;align-items:flex-start;padding:12vh 16px 16px}
.pal-card{width:min(600px,100%);background:var(--bg2);border:1px solid var(--line2);border-radius:16px;box-shadow:0 30px 80px -20px #000;overflow:hidden}
.pal-in{display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid var(--line)}
.pal-in input{border:0;background:transparent;box-shadow:none!important;padding:4px;font-size:15px}
.pal-list{max-height:52vh;overflow:auto;padding:6px}
.pal-row{width:100%;display:flex;align-items:center;gap:10px;text-align:left;background:none;border:0;border-radius:10px;padding:9px 10px;color:var(--tx);font:inherit;cursor:pointer}
.pal-row span{flex:1;min-width:0;display:flex;flex-direction:column}.pal-row small{color:var(--mu);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pal-row.on,.pal-row:hover{background:var(--orbg)}

/* ---- modales de acción ---- */
.pills{display:flex;gap:6px;flex-wrap:wrap;margin:2px 0 8px}
.pill{border:1px solid var(--line2);background:var(--card2);color:var(--tx);border-radius:999px;padding:7px 12px;font:600 12.5px var(--font);cursor:pointer;transition:background .15s,border-color .15s}
.pill:hover{border-color:var(--or)}.pill.on{background:var(--orbg);border-color:var(--or);color:var(--or2)}
.chk{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--tx);margin-top:12px;font-weight:500}.chk input{width:auto}
.cadlist{display:grid;gap:8px}
.cad{display:flex;flex-direction:column;gap:3px;text-align:left;background:var(--card2);border:1px solid var(--line2);border-radius:12px;padding:12px 14px;color:var(--tx);font:inherit;cursor:pointer;transition:border-color .15s,background .15s}
.cad:hover{border-color:var(--or);background:var(--hover)}.cad small{color:var(--mu)}.cad span{font-size:12px;color:var(--mu);line-height:1.6;margin-top:4px}.cad i{font-style:normal;color:var(--or2);font-weight:650;margin-right:4px}
.cad-on{display:flex;align-items:center;gap:10px;background:var(--orbg);border:1px solid rgba(255,111,0,.3);border-radius:12px;padding:9px 12px;margin-bottom:10px}
.cad-on small{display:block;color:var(--mu);font-size:12px}
.ficha-acts{display:flex;gap:6px;align-items:center;flex-wrap:wrap;justify-content:flex-end}

/* ---- seguimientos por urgencia ---- */
.heatbar{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:14px}
.hb{display:flex;flex-direction:column;gap:2px;background:var(--card);border:1px solid var(--line);border-top:3px solid var(--h);border-radius:12px;padding:10px 12px;color:inherit;transition:transform .15s var(--ease)}
.hb:hover{transform:translateY(-2px)}.hb b{font-size:22px;font-weight:800;font-variant-numeric:tabular-nums;color:var(--h)}.hb span{font-size:12px;color:var(--mu)}
.hb.zero{opacity:.55}.hb.zero b{color:var(--mu)}
.b-vencido{--h:var(--heat-0)}.b-hoy{--h:var(--heat-1)}.b-manana{--h:var(--heat-2)}.b-semana{--h:var(--heat-3)}.b-despues,.b-sin_fecha,.b-hecho{--h:var(--heat-4)}
.hb.b-vencido:not(.zero){background:linear-gradient(180deg,rgba(255,107,107,.12),transparent),var(--card);animation:glow 2.4s ease-in-out infinite}
@keyframes glow{0%,100%{box-shadow:0 0 0 0 rgba(255,107,107,0)}50%{box-shadow:0 0 0 4px rgba(255,107,107,.12)}}
.fu-group{margin-bottom:16px}
.fu-h{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--h);margin:0 0 8px}.fu-h .n{background:var(--card2);color:var(--mu);border-radius:999px;padding:1px 8px;font-size:11px}
.fu-list{display:flex;flex-direction:column;gap:6px}
.fu-row{position:relative;display:flex;align-items:flex-start;gap:12px;background:var(--card2);border:1px solid var(--line);border-radius:12px;padding:11px 12px 11px 16px;overflow:hidden;animation:rise .35s var(--ease) both}
.fu-row .heat{position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--h)}
.fu-row.b-vencido{border-color:rgba(255,107,107,.35);background:linear-gradient(90deg,rgba(255,107,107,.08),transparent 40%),var(--card2)}
.fu-row .title{font-weight:650}
.fu-row .chips{margin-top:5px}
.fu-check{flex:none;width:30px;height:30px;border-radius:50%;border:2px solid var(--h);background:transparent;color:transparent;display:grid;place-items:center;cursor:pointer;transition:background .15s,color .15s}
.fu-check:hover{background:var(--h);color:#0c0d10}
.b-hecho .fu-check{background:var(--green);border-color:var(--green);color:#06240f}
.b-hecho .title{text-decoration:line-through;color:var(--dim)}
.fu-side{display:flex;flex-direction:column;align-items:flex-end;gap:6px;flex:none}
.fu-when{font-size:12px;font-weight:700;color:var(--h);font-variant-numeric:tabular-nums}
.fu-btns{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}
.chip.warnchip{color:var(--yellow);background:rgba(250,204,21,.1)}
button.chip{border:0;cursor:pointer;font:inherit;font-size:11.5px}

/* ---- pipeline con salud ---- */
.kpi.alarm{border-color:rgba(255,107,107,.4)}.kpi.alarm b{color:var(--red)}
.col h4 span:first-child{color:var(--tx)}
.col-sum{display:flex;flex-direction:column;gap:2px;font-size:11.5px;color:var(--mu);margin:-4px 4px 12px;padding:8px 10px;border-radius:12px;background:var(--card2);border:1px solid var(--line);font-variant-numeric:tabular-nums}
.col-sum b{font-size:19px;font-weight:800;letter-spacing:-.02em;color:var(--tx)}
.col[data-stage=ganado] .col-sum b{color:var(--green)}.col[data-stage=perdido] .col-sum b{color:var(--mu)}
.col-miss{color:var(--or2)}
.deal-top .v{background:none;border:0;padding:0;font-family:inherit;cursor:pointer;border-radius:6px}.deal-top .v:hover{text-decoration:underline}
.v-add{flex:none;display:inline-flex;align-items:center;gap:4px;border:1px dashed var(--line2);background:none;color:var(--mu);border-radius:8px;padding:3px 8px;font:600 12px var(--font);cursor:pointer}.v-add:hover{color:var(--or2);border-color:var(--or)}
.deal-top .v:focus-visible,.v-add:focus-visible{outline:2px solid var(--or);outline-offset:2px}
.deal{position:relative}
.deal-top{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.deal-top b{font-size:14px}.deal-top .v{font-size:15px}
.deal.needs{border-color:rgba(255,111,0,.45)}
.deal.rot{border-color:rgba(255,107,107,.55);background:linear-gradient(180deg,rgba(255,107,107,.08),transparent 50%),var(--card)}
.deal-step{font-size:12px;margin-top:6px;color:var(--mu)}.deal-step span{display:inline-block;background:var(--card2);border-radius:6px;padding:1px 6px;margin-right:4px;color:var(--tx);font-weight:600}
.deal-step.due span{background:rgba(255,107,107,.15);color:var(--red)}
.deal-step.none{color:var(--or2);font-weight:650}
.rot-tag{display:inline-flex;align-items:center;gap:4px;margin-top:6px;font-size:11.5px;font-weight:650;color:var(--red)}
.deal-act{display:flex;gap:5px;margin-top:8px;opacity:.85}.deal:hover .deal-act{opacity:1}
.funnel{display:flex;flex-direction:column;gap:7px}
.fn-row{display:grid;grid-template-columns:130px 1fr 34px 82px;align-items:center;gap:8px;font-size:12.5px}
.fn-l{color:var(--mu)}.fn-n{text-align:right;font-weight:700;font-variant-numeric:tabular-nums}.fn-v{text-align:right;color:var(--mu);font-variant-numeric:tabular-nums}
.fn-bar{height:10px;background:var(--card2);border-radius:99px;overflow:hidden}.fn-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--or),var(--or2));border-radius:99px;transition:width .8s var(--ease)}
.fn-bar i.st-ganado{background:var(--green)}.fn-bar i.st-perdido{background:var(--red)}

@media (max-width:900px){
  .fab{bottom:84px;right:14px;padding:12px 15px}
  .fab span{display:none}
  .hoygrid{grid-template-columns:1fr}
  .heatbar{grid-template-columns:repeat(3,1fr)}
  .act.big .act-title{font-size:20px}
  .fu-row{flex-wrap:wrap}.fu-side{width:100%;flex-direction:row;justify-content:space-between;align-items:center}
  .qa span{display:none}
  .fn-row{grid-template-columns:96px 1fr 30px}.fn-v{display:none}
  .sheet{padding:8px}
}
@media (prefers-reduced-motion:reduce){.hotdot,.hb.b-vencido,.fab.hot em{animation:none}}
.modal-card textarea[rows="2"],.modal-card textarea[rows="3"]{min-height:64px}
body:has(#nowSheet) .fab,body:has(#palette) .fab{display:none}
.modal-card,.sheet-card,.pal-list,.qlist,.tl{scrollbar-color:rgba(255,255,255,.14) transparent;scrollbar-width:thin}
.hoygrid>*,.stack>*,.focus{min-width:0}
@media (max-width:900px){.hoygrid{grid-template-columns:minmax(0,1fr)}}
@media (max-width:900px){nav{overflow-x:auto;justify-content:flex-start;scrollbar-width:none;-webkit-overflow-scrolling:touch}nav::-webkit-scrollbar{display:none}nav a{flex:0 0 auto;min-width:62px}.main{padding-bottom:150px}}

/* ---- prospección ---- */
.modal-card.wide{width:min(820px,100%)}
.legal{display:flex;gap:12px;align-items:flex-start;background:rgba(91,140,255,.08);border:1px solid rgba(91,140,255,.3);border-radius:var(--r);padding:12px 14px;margin-bottom:14px;font-size:13px;line-height:1.5}
.legal .ic{color:var(--blue);margin-top:2px}
.linkbtn{background:none;border:0;padding:0;color:var(--or2);font:inherit;font-weight:650;cursor:pointer;text-decoration:underline;text-underline-offset:2px}
.pros-list{display:flex;flex-direction:column;gap:8px}
.pros{display:flex;gap:12px;align-items:flex-start;background:var(--card2);border:1px solid var(--line);border-radius:14px;padding:12px 14px;animation:rise .35s var(--ease) both}
.pros.due{border-color:rgba(255,111,0,.4)}
.pros.hot{border-color:rgba(74,222,128,.45);background:linear-gradient(90deg,rgba(74,222,128,.08),transparent 45%),var(--card2)}
.pros .title{font-weight:650}
.pros .chips{margin-top:5px}
.pros-side{display:flex;flex-direction:column;align-items:flex-end;gap:6px;flex:none;text-align:right}
.pros-side small{font-size:11.5px;color:var(--mu)}
.pros-btns{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.steps{display:inline-flex;gap:4px}.steps i{width:18px;height:6px;border-radius:99px;background:var(--card);border:1px solid var(--line2)}.steps i.on{background:linear-gradient(90deg,var(--or),var(--or2));border-color:transparent}
.reply{display:flex;gap:8px;align-items:flex-start;margin-top:8px;background:rgba(74,222,128,.08);border-radius:10px;padding:8px 10px;font-size:13px;color:var(--tx)}.reply .ic{color:var(--green);margin-top:2px}
.chip.fam-ok{color:var(--green);background:rgba(74,222,128,.1)}.chip.fam-cold{color:var(--blue);background:rgba(91,140,255,.1)}
.cmp-to{display:flex;align-items:center;gap:8px;font-size:13px;background:var(--bg2);border:1px solid var(--line);border-radius:10px;padding:8px 12px}.cmp-to span:first-child{color:var(--mu)}
.compose textarea{min-height:260px;font-size:13.5px;line-height:1.55}
.cmp-info{display:flex;gap:14px;flex-wrap:wrap;font-size:12px;margin-top:6px}
.warn-line{display:flex;gap:6px;align-items:center;font-size:12.5px;color:var(--yellow);margin-top:6px}
.thread{display:flex;flex-direction:column;gap:8px;max-height:60vh;overflow:auto}
.msg{border:1px solid var(--line);border-radius:12px;padding:10px 12px;background:var(--card2)}
.msg.in{border-color:rgba(74,222,128,.35);margin-left:24px}.msg.out{margin-right:24px}
.msg-h{display:flex;justify-content:space-between;font-size:12px;color:var(--mu)}.msg-h b{color:var(--tx)}
.msg-s{font-size:12.5px;font-weight:650;margin:4px 0}.msg-b{font-size:13px;white-space:pre-wrap;color:var(--mu);max-height:220px;overflow:auto}
.fam{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.famopt{display:flex;gap:10px;align-items:flex-start;border:1px solid var(--line2);border-radius:12px;padding:10px 12px;cursor:pointer;margin:0;color:var(--tx);font-weight:500}
.famopt input{width:auto;margin-top:3px}.famopt b{display:block;font-size:13px}.famopt small{color:var(--mu);font-size:12px;font-weight:400}
.famopt:has(input:checked){border-color:var(--or);background:var(--orbg)}
.pick-head{display:flex;justify-content:space-between;align-items:center}
.pick-list{max-height:280px;overflow:auto;display:flex;flex-direction:column;gap:4px;border:1px solid var(--line);border-radius:12px;padding:6px}
.pick{display:flex;gap:10px;align-items:flex-start;padding:7px 8px;border-radius:9px;margin:0;cursor:pointer;color:var(--tx);font-weight:500}.pick:hover{background:var(--hover)}
.pick input{width:auto;margin-top:3px}.pick small{display:block;color:var(--mu);font-size:11.5px;font-weight:400}
.chk.wants{display:flex;gap:10px;align-items:flex-start;background:rgba(74,222,128,.06);border:1px solid rgba(74,222,128,.25);border-radius:12px;padding:10px 12px}
.chk.wants small{display:block;color:var(--mu);font-size:12px;font-weight:400}
.tpl-intro p{font-size:13px;line-height:1.55;margin:0}.tpl-intro code{background:var(--card2);border-radius:6px;padding:1px 5px;font-size:12px;margin:2px;display:inline-block}
.tpl-group{margin-top:16px}.tpl-group>h3{display:flex;gap:8px;align-items:center;margin-bottom:10px}
.tpl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}
.tpl{display:flex;flex-direction:column;gap:8px}.tpl-h{display:flex;justify-content:space-between;align-items:center;gap:8px}.tpl-h small{color:var(--mu);font-size:11.5px}
.tpl pre{margin:0;white-space:pre-wrap;font:13px/1.5 var(--font);color:var(--mu);max-height:220px;overflow:auto;background:var(--card2);border-radius:10px;padding:10px}
.tpl .btn{align-self:flex-start}
@media (max-width:900px){.pros{flex-wrap:wrap}.pros-side{width:100%;align-items:flex-start;text-align:left}.pros-btns{justify-content:flex-start}.fam{grid-template-columns:1fr}.msg.in{margin-left:0}.msg.out{margin-right:0}}

/* bandeja de correos */
.mailbox-list{display:flex;flex-direction:column;gap:6px}
.mrow{display:flex;gap:12px;align-items:flex-start;background:var(--card2);border:1px solid var(--line);border-radius:12px;padding:10px 12px;cursor:pointer;transition:background .15s}
.mrow:hover{background:var(--hover)}.mrow.in{border-left:3px solid var(--green)}.mrow.out{border-left:3px solid var(--or)}
.mrow .title{font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mrow .sub{font-size:12px;color:var(--mu)}
.mdir{flex:none;width:26px;height:26px;border-radius:8px;display:grid;place-items:center;background:var(--card);color:var(--mu)}
.mrow.in .mdir{color:var(--green)}.mrow.out .mdir{color:var(--or2)}
/* ---------- Correo casi solo: control del envío, cola, salud y plantillas ---------- */
.num{font-variant-numeric:tabular-nums}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
.qbar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:12px 14px;margin-bottom:14px}
.qbar-state{display:flex;align-items:center;gap:8px;flex-wrap:wrap;flex:1;min-width:220px;font-size:13px}
.qbar-state .muted{font-size:12px}
.qs-dot{width:9px;height:9px;border-radius:50%;background:var(--dim);flex:none}
.qs-dot.ok{background:var(--green);box-shadow:0 0 0 4px rgba(74,222,128,.15)}
.qs-dot.bad{background:var(--red);box-shadow:0 0 0 4px rgba(255,107,107,.15)}
.qbar-counts{display:flex;gap:12px;font-size:12px;color:var(--mu)}.qbar-counts b{color:var(--tx);font-size:14px;margin-right:3px}
.switch{display:flex;align-items:center;gap:10px;margin:0;cursor:pointer;color:var(--tx);font-size:12.5px;font-weight:600}
.switch small{display:block;font-weight:500;color:var(--mu);font-size:11.5px}
.switch input{position:absolute;opacity:0;width:1px;height:1px}
.switch .sw{position:relative;width:38px;height:22px;border-radius:999px;background:var(--card2);border:1px solid var(--line2);flex:none;transition:background-color .18s ease-out}
.switch .sw::after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:var(--mu);transition:transform .18s ease-out,background-color .18s ease-out}
.switch input:checked+.sw{background:var(--orbg);border-color:rgba(255,111,0,.5)}
.switch input:checked+.sw::after{transform:translateX(16px);background:var(--or)}
.switch input:focus-visible+.sw{outline:2px solid var(--or);outline-offset:2px}
.qtools{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:8px}
.qtools .btn[disabled]{opacity:.45;cursor:not-allowed}
.qhelp{font-size:12.5px;line-height:1.55;margin:0 0 12px}
.qh{margin:16px 0 8px;font-size:14px}
.mqlist{display:grid;gap:8px}
.qitem{display:flex;gap:12px;align-items:flex-start;background:var(--card2);border:1px solid var(--line);border-radius:14px;padding:12px 14px;animation:rise .25s ease-out both}
.qitem.blocked{border-style:dashed;opacity:.85}
.qitem .grow{flex:1;min-width:0}.qitem .title{font-weight:650}.qitem .chips{margin-top:5px;display:flex;gap:6px;flex-wrap:wrap}
.qchk{width:18px;height:18px;margin-top:3px;flex:none;accent-color:var(--or)}.qchk-sp{width:18px;flex:none}
.qsub{font-size:12.5px;margin-top:6px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-wrap:pretty}
.warn-line.bad{color:var(--red)}.warn-line.info{color:var(--mu)}
.replycat{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:6px;font-size:12px}
.catsel{width:auto;padding:4px 8px;font-size:12px;border-radius:8px}
.hgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:12px}
.hbox-h{display:flex;align-items:center;gap:8px;justify-content:space-between;margin-bottom:10px;overflow-wrap:anywhere}
.hstats{display:grid;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:8px}
.hstats div{background:var(--bg2);border:1px solid var(--line);border-radius:10px;padding:8px}
.hstats b{display:block;font-size:17px}.hstats span{font-size:11px;color:var(--mu)}
.hstats .bad b{color:var(--red)}.hstats .warn b{color:var(--yellow)}
.meterbar{height:6px;border-radius:999px;background:var(--bg2);overflow:hidden;margin:10px 0 4px}
.meterbar i{display:block;height:100%;background:var(--or);transform-origin:left;transition:transform .2s ease-out}
.warm{margin-top:10px}.warm-h{display:flex;justify-content:space-between;gap:8px;font-size:12.5px;flex-wrap:wrap}
.warm-plan{display:flex;align-items:flex-end;gap:3px;height:34px;margin-top:6px}
.warm-plan i{flex:1;height:100%;background:var(--line2);border-radius:3px;transform-origin:bottom;transform:scaleY(var(--h))}
.warm-plan i.on{background:rgba(255,111,0,.45)}.warm-plan i.now{background:var(--or)}
.abrow{display:grid;gap:4px;padding:10px 0;border-top:1px solid var(--line);font-size:13px}.abrow:first-of-type{border-top:0}
.htable{display:grid;font-size:12.5px}
.htable .hr{display:grid;grid-template-columns:minmax(0,2.4fr) repeat(4,minmax(0,1fr));gap:8px;padding:7px 0;border-top:1px solid var(--line)}
.htable .hh{color:var(--mu);font-weight:650;border-top:0}
.domform{display:flex;gap:8px;max-width:420px}.domform input{flex:1}
.dnsrow{display:grid;grid-template-columns:auto auto minmax(0,1fr);gap:4px 10px;align-items:center;padding:7px 0;border-top:1px solid var(--line);font-size:12.5px}
.dnsrow code{overflow-wrap:anywhere;color:var(--mu)}.dnsrow small{grid-column:2 / -1}
.tpl-edit{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:16px}
.tpl-edit .foot{grid-column:1 / -1}
.tpl-pv{border-left:1px solid var(--line);padding-left:16px;min-width:0}
.pv{margin-top:8px}.pv-to{font-size:12px}.pv-sub{margin:6px 0;font-size:13.5px}
.pv-body{white-space:pre-wrap;font:13px/1.55 var(--font);background:var(--bg2);border:1px solid var(--line);border-radius:12px;padding:12px;max-height:340px;overflow:auto;margin:0}
.modal-card.wide:has(.tpl-edit){width:min(1040px,100%)}
@media (max-width:900px){
  .qbar{gap:10px}.qbar .btn{width:100%;justify-content:center}
  .qitem{flex-wrap:wrap}.qitem .pros-side{width:100%;align-items:flex-start;text-align:left}
  .tpl-edit{grid-template-columns:minmax(0,1fr)}.tpl-pv{border-left:0;padding-left:0;border-top:1px solid var(--line);padding-top:12px}
  .htable .hr{grid-template-columns:minmax(0,1.6fr) repeat(4,minmax(0,.7fr));font-size:11.5px}
  .dnsrow{grid-template-columns:auto minmax(0,1fr)}.dnsrow code,.dnsrow small{grid-column:1 / -1}
}
@media (prefers-reduced-motion:reduce){.qitem{animation:none}.switch .sw,.switch .sw::after,.meterbar i{transition:none}}
.mailday{display:block}.mailday-h{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}
.mailday .sums{display:flex;gap:6px;flex-wrap:wrap}
.steps-list{margin:0 0 12px;padding-left:20px;font-size:13px;line-height:1.6;display:grid;gap:4px}
.steps-list li.done{color:var(--mu)}.steps-list li.done b{text-decoration:line-through;text-decoration-color:var(--green)}
.steps-list li.done::marker{color:var(--green)}
/* Marca de la sección activa: solo transform (sin animar la altura); en móvil va arriba, en horizontal. */
nav a::before{height:22px;transform:translateY(-50%) scaleY(0);transition:transform .2s ease-out}
nav a.on::before{height:22px;transform:translateY(-50%) scaleY(1)}
@media (max-width:900px){
  nav a::before{left:50%;top:0;width:22px;height:3px;border-radius:0 0 3px 3px;transform:translateX(-50%) scaleX(0)}
  nav a.on::before{height:3px;transform:translateX(-50%) scaleX(1)}
}
@media (prefers-reduced-motion:reduce){nav a::before{transition:none}}
.cmp-foot{flex-wrap:wrap;gap:10px}.cmp-foot>span{flex:1 1 220px}
.confirm-layer{z-index:80}.confirm-layer .modal-card{width:min(440px,100%)}
/* Contactos: vistas guardadas y etiquetas */
.viewsbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 12px}
.viewchip{display:inline-flex;align-items:center;background:var(--card);border:1px solid var(--line2);border-radius:999px;overflow:hidden}
.viewchip button{background:none;border:0;color:var(--tx);font:600 12px var(--font);padding:6px 10px;cursor:pointer}
.viewchip .x{padding:6px 8px 6px 2px;color:var(--mu)}.viewchip .x:hover{color:var(--red)}
.viewchip.on{background:var(--orbg);border-color:rgba(255,111,0,.45)}
.tagline{display:flex;gap:5px;flex-wrap:wrap;margin-top:6px}
.tagchip{background:rgba(91,140,255,.1);color:#9db7ff;border:0;border-radius:999px;padding:2px 8px;font:600 11.5px var(--font);cursor:pointer}
.tagchip.on,.tagchip:hover{background:rgba(91,140,255,.22)}
.listfoot{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:10px}
/* Propuestas */
.prop-secs{display:grid;gap:10px;margin:12px 0}
.prop-sec{background:var(--bg2);border:1px solid var(--line);border-radius:12px;padding:10px}
.prop-sec-h{display:flex;gap:6px;align-items:center;margin-bottom:6px}.prop-sec-h input{font-weight:650}
.prop-sec textarea{min-height:70px}
.prop-sec .qa[disabled]{opacity:.35;cursor:default}
.proprow{display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid var(--line);border-radius:10px;background:var(--card2);cursor:pointer}
.proprow:hover{background:var(--hover)}.proprow .grow{flex:1;min-width:0}
.kpis6{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}
.hl{margin:0;padding-left:18px;font-size:13.5px;line-height:1.6}
:root{color-scheme:dark}
/* Contenido: la semana entera cabe en escritorio; en pantallas estrechas se desplaza */
@media (min-width:1200px){.cal{grid-template-columns:repeat(7,minmax(0,1fr));overflow-x:visible}}
.pzbar{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:12px;font-size:12.5px}
.chan h4{margin:0 0 8px;font-size:13px}.chan em{font-style:normal}.chan em.up{color:var(--green)}.chan em.down{color:var(--red)}
.tablewrap{overflow-x:auto}
/* Ajustes: salud, copias y campos */
.hchecks{display:grid;gap:6px}
.hcheck{display:grid;grid-template-columns:auto minmax(120px,auto) minmax(0,1fr);gap:4px 10px;align-items:center;font-size:13px;padding:6px 0;border-top:1px solid var(--line)}.hcheck:first-child{border-top:0}
.bklist{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.cfdefs{display:grid;gap:8px}
.cfrow{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.9fr) minmax(0,1.4fr) auto;gap:8px;align-items:center}
.cfrow input[hidden]{display:none}
@media (max-width:900px){.hcheck{grid-template-columns:auto minmax(0,1fr)}.hcheck .muted{grid-column:1 / -1}.cfrow{grid-template-columns:minmax(0,1fr) auto}.cfrow [data-cft],.cfrow [data-cfo]{grid-column:1 / -1}}
.deal-act{flex-wrap:wrap}
.prop-sec-h [data-up] svg,.prop-sec-h [data-down] svg{transform:rotate(90deg)}
.hcheck{grid-template-columns:72px 200px minmax(0,1fr)}
.cfrow input[hidden]{display:block;visibility:hidden}
/* Móvil: cifras en rejilla compacta de 2 columnas (antes cada tarjeta ocupaba todo el ancho) */
@media (max-width:640px){
  .stats,.grid.g4,.kpis6{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .stats .kpi,.grid.g4 .kpi,.kpis6 .kpi{flex-direction:row;align-items:center;gap:10px;padding:10px 12px}
  .stats .kpi .bubble,.grid.g4 .kpi .bubble,.kpis6 .kpi .bubble{width:30px;height:30px;flex:none}
  .stats .kpi b,.grid.g4 .kpi b,.kpis6 .kpi b{font-size:18px}
  .stats .kpi span,.grid.g4 .kpi span,.kpis6 .kpi span{font-size:11px;line-height:1.3}
}
.filters-sum{cursor:pointer;list-style:none;display:none;align-items:center;gap:8px;font:650 13px var(--font);padding:8px 0}
.filters-sum::-webkit-details-marker{display:none}
@media (max-width:900px){.filters-sum{display:flex}}
/* Llamadas: contacto en un toque, historial y atajos */
.contactbar{display:flex;gap:8px;align-items:stretch;flex-wrap:wrap}.contactbar .bigcall{flex:1 1 260px}
.contactbar .btn{align-self:stretch;justify-content:center;padding:0 16px;min-height:48px}
.contact-wa{color:#25d366!important}
.recent{margin-top:12px}.recent-row{display:flex;gap:8px;align-items:flex-start;font-size:12.5px;padding:5px 0;border-top:1px solid var(--line)}.recent-row:first-of-type{border-top:0}
.recent-ic{color:var(--mu);margin-top:2px}.recent-row .grow{flex:1;min-width:0}
.nextrow{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.nextrow input{width:auto;flex:0 1 180px}
.outcomes button kbd{font:600 10px var(--font);opacity:.6;margin-right:6px;padding:1px 5px;border:1px solid currentColor;border-radius:4px}
.callfoot{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-top:10px}
.callfoot kbd,.callgoal kbd{font:600 10px var(--font);padding:1px 4px;border:1px solid var(--line2);border-radius:4px}
.callstats{align-items:center}.callgoal{display:grid;grid-template-columns:auto auto;align-items:baseline;gap:0 6px;min-width:110px}
.callgoal b{font-size:20px}.callgoal b small{font-size:12px;color:var(--mu)}.callgoal span{font-size:12px;color:var(--mu)}.callgoal .meterbar{grid-column:1 / -1;margin:4px 0 0}
.searchbar.small{padding:6px 12px;margin-bottom:10px}.searchbar.small input{padding:6px 0}
.queue .qlist{max-height:60vh}
@media (max-width:640px){.callfoot .muted{display:none}.contactbar .bigcall{font-size:20px}.outcomes button kbd{display:none}}
/* Contactos como lista de leads */
.leadline{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin-top:6px}
.leadline .btn.sm{padding:4px 8px;font-size:11.5px}
.listhead{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin:0 0 8px}
.pal-ic{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:8px;background:var(--card2);border:1px solid var(--line2);color:var(--tx);flex:none}
.pal-ic:hover{background:var(--hover)}.pal-ic.wa{color:#25d366}
/* Contactos: filtros combinables y píldoras de filtros activos */
.fpills{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:0 0 12px}
.fpill{display:inline-flex;align-items:center;gap:6px;min-height:30px;padding:4px 10px;border-radius:999px;border:1px solid var(--or);background:var(--orbg);color:var(--or2);font:600 12.5px var(--font);cursor:pointer;transition:background .15s var(--ease)}
.fpill:hover{background:rgba(255,111,0,.22)}.fpill:focus-visible{outline:2px solid var(--or);outline-offset:2px}
.fhint{font-size:12px;margin:6px 0 2px}
@media (max-width:900px){.fpill{min-height:36px}}
/* Ajustes: calentamiento automático */
.warmcard{margin:4px 0 12px}
.warmtop .switch{display:flex;gap:10px;align-items:center}
.warmrow{border-top:1px solid var(--line2);padding:10px 0}
.warmrow-head{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.warmstats{display:flex;flex-wrap:wrap;gap:6px 16px;margin-top:6px;font-size:12.5px;color:var(--mu)}.warmstats b{color:var(--tx)}.warmstats .bad b{color:var(--red)}
.warmrcpt{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:8px 0}
.warmextra-row{display:flex;gap:8px;align-items:center}.warmextra-row input{flex:1;min-width:0}
.warmfoot{display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;align-items:center;margin-top:8px}
/* Enlaces de un clic: web, redes y direcciones dentro de notas e historial */
.chip.link{color:var(--blue,#9db7ff);text-decoration:none}.chip.link:hover{text-decoration:underline}
.inlink{color:var(--blue,#9db7ff);word-break:break-all}
.noteslinks{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:6px}
.chip.link.find{border-style:dashed}
/* Hoy: plan del día, marcador y llamadas recomendadas */
.dayplan{margin:6px 0 0;font-size:14px;color:var(--mu);text-wrap:pretty}
.dayplan a{color:var(--tx);text-decoration:none;border-bottom:1px solid var(--line2)}.dayplan a.hot{color:var(--or2);border-color:var(--or)}.dayplan .ok{color:var(--green)}
.scoreboard{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;padding:12px;margin-bottom:16px}
.score-cell{display:flex;flex-direction:column;gap:2px;padding:6px 10px;border-radius:10px}
.score-cell b{font-size:24px;font-weight:800;font-variant-numeric:tabular-nums;line-height:1.1}.score-cell b small{font-size:13px;color:var(--mu);font-weight:600}
.score-cell span{font-size:12px;color:var(--mu)}.score-cell.ok b{color:var(--green)}
.leads-h{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.leads-h h3{margin:0}
.leads-why{font-size:12px;margin:6px 0 10px}
.lead-list{display:flex;flex-direction:column}
.lead-row{display:flex;gap:12px;align-items:flex-start;padding:10px 0;border-top:1px solid var(--line2)}.lead-row:first-child{border-top:0}
.lead-name{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lead-sub{font-size:12px;color:var(--mu)}
.lead-who{font-size:13px;margin:3px 0 4px}
.lead-acts{display:flex;gap:6px;flex:none;align-items:center}
.warmmini{display:block;text-decoration:none;color:inherit}.warmmini h3{margin-bottom:6px}
.warmmini-row{display:flex;flex-wrap:wrap;gap:4px 10px;align-items:center;font-size:12.5px;padding:3px 0}
@media (max-width:900px) and (min-width:521px){.scoreboard{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media (max-width:900px){.lead-acts{flex-direction:column;align-items:stretch}}
@media (max-width:520px){.scoreboard{grid-template-columns:repeat(5,minmax(0,1fr));padding:8px 4px;gap:0}.score-cell{padding:2px 4px;align-items:center;text-align:center}.score-cell b{font-size:18px}.score-cell b small{font-size:11px}.score-cell span{font-size:10px;line-height:1.2;hyphens:auto}}
/* Llamadas: guion oficial */
.script{margin-top:12px;border:1px solid var(--line);border-left:3px solid var(--or);border-radius:12px;padding:12px 14px;background:var(--bg2)}
.script-h{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;align-items:center}
.script-goal{font-size:12px;font-weight:650;color:var(--or2)}
.script-steps{margin:8px 0 0;padding-left:20px;display:flex;flex-direction:column;gap:8px}
.script-steps li b{font-size:13px}
.script .say{margin:4px 0;line-height:1.5;text-wrap:pretty}
.script .say mark{background:var(--orbg);color:var(--or2);border-radius:4px;padding:0 3px}
.script .tip{margin:2px 0 4px;font-size:12px;color:var(--mu)}
.objections{margin-top:10px;display:flex;flex-direction:column;gap:4px}
.objection{border-top:1px solid var(--line2);padding:6px 0}.objection summary{cursor:pointer;font-size:13px;font-weight:600}
.objection .btn{margin-top:4px}
details.opener summary{cursor:pointer;margin-top:10px}
/* Ventana del guion de llamada */
.scriptmodal-h{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.scriptmodal-h h3{margin:2px 0 0}
.scriptmodal-acts{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0 0}
.modal-card:has(.scriptmodal){max-width:640px;max-height:min(88dvh,900px);overflow:auto}
/* Clientes: una tarjeta por cliente con su contacto y sus tareas pendientes */
.clients{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:14px;margin-top:14px}
.client{display:flex;flex-direction:column;gap:12px}
.client-h{display:flex;gap:10px;align-items:flex-start}.client-h h3{margin:0;font-size:18px}
.client-meta{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center;margin-top:6px;font-size:13px;color:var(--mu)}
.client-contact{font-size:13.5px;display:flex;flex-direction:column;gap:6px}
.client-links{display:flex;flex-wrap:wrap;gap:6px}
.client-tasks{border-top:1px solid var(--line2);padding-top:10px;display:flex;flex-direction:column;gap:2px}
.client-tasks-h{display:flex;justify-content:space-between;gap:8px;font-size:13px;margin-bottom:4px}.client-tasks-h .bad{color:var(--red)}
.ctask{display:flex;align-items:center;gap:10px;padding:6px 0;border-bottom:1px solid var(--line)}
.ctask.late .ctask-title{color:var(--tx)}
.ctask-check{flex:none;width:24px;height:24px;border-radius:50%;border:2px solid var(--line2);background:none;cursor:pointer}
.ctask-check:hover{border-color:var(--green);background:rgba(74,222,128,.12)}
.ctask-title{flex:1;min-width:0;text-align:left;background:none;border:0;color:var(--tx);font:550 14px var(--font);cursor:pointer;padding:4px 0;overflow-wrap:anywhere}
.ctask-nodate{font-size:12px}
.ctask-new{display:flex;gap:6px;margin-top:8px}.ctask-new input[name=title]{flex:1;min-width:0}.ctask-new input[type=date]{width:auto;flex:none}
.client-f{display:flex;gap:8px;flex-wrap:wrap}
@media (max-width:900px){.clients{grid-template-columns:minmax(0,1fr)}.ctask-new{flex-wrap:wrap}.ctask-new input[name=title]{flex:1 1 100%}.ctask-new input[type=date]{flex:1}.ctask-check{width:28px;height:28px}}
.client-person{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
@media (pointer:coarse){.v-add{min-height:36px}}

/* Captación automática (Prospección) */
.capta { margin: 0 0 14px; display: grid; gap: 10px; }
.capta-h { display: flex; align-items: flex-start; gap: 12px; }
.capta-h h3 { margin: 0 0 4px; display: flex; align-items: center; gap: 6px; font-size: 15px; }
.capta-how { font-size: 12.5px; line-height: 1.5; margin: 0; }
.capta-nums { display: flex; flex-wrap: wrap; gap: 6px 18px; font-size: 13px; }
.capta-row { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; font-size: 13px; }
.capta-row .chips { flex-basis: 100%; display: flex; flex-wrap: wrap; gap: 6px; }
.capta-row input[type="number"] { width: 72px; }
.capta-check { display: inline-flex; align-items: center; gap: 6px; }
.capta-check input { width: auto; }
.capta .chip.on { background: var(--accent, #f97316); color: #fff; border-color: transparent; }
.capta-f { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; font-size: 12px; }
.capta-list { margin: 0; padding-left: 20px; font-size: 13px; columns: 2; }
@media (max-width: 640px) { .capta-list { columns: 1; } }

/* Buzón */
.bz-accounts { flex-wrap: wrap; }
.bz-accounts .count { font-size: 11px; color: var(--or, #f97316); margin-left: 4px; }
.bz-bar { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 14px; margin: 0 0 10px; font-size: 13px; }
.bz-q { flex: 1 1 220px; min-width: 0; }
.bz-list { display: flex; flex-direction: column; border: 1px solid var(--line); border-radius: 14px; overflow: hidden; background: var(--card); }
.brow { all: unset; box-sizing: border-box; display: flex; align-items: flex-start; gap: 10px; width: 100%; padding: 10px 14px; border-bottom: 1px solid var(--line); cursor: pointer; }
.brow:last-child { border-bottom: 0; }
.brow:hover, .brow:focus-visible { background: var(--card2); }
.brow:focus-visible { outline: 2px solid var(--or, #f97316); outline-offset: -2px; }
.bdot { width: 8px; height: 8px; border-radius: 50%; margin-top: 6px; flex: none; background: transparent; }
.brow.unread .bdot { background: var(--or, #f97316); }
.bmain { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.bwho { display: flex; align-items: center; gap: 6px; font-size: 13px; color: var(--mu); min-width: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.brow.unread .bwho, .brow.unread .bsubj { color: var(--tx); font-weight: 700; }
.bsubj { font-size: 13.5px; color: var(--tx); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.bsnip { font-size: 12.5px; color: var(--mu); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.bside { display: flex; flex-direction: column; align-items: flex-end; gap: 2px; flex: none; font-size: 11.5px; color: var(--mu); text-align: right; }
.bquote { margin-top: 8px; font-size: 12.5px; }
.compose select { width: 100%; }
@media (max-width: 640px) { .brow { flex-wrap: wrap; } .bside { flex-direction: row; gap: 8px; width: 100%; padding-left: 18px; align-items: center; } }