/* ── «Así trabaja la IA, por dentro»: réplica del chat del panel ────────────
   Mismas medidas que DashboardV2/Chat.tsx: burbuja 13px, rounded-2xl, la tuya en
   el primario del panel (#1B4332), la de Bolti blanca con borde; mascota viva de
   60px junto a lo último, fija de 42px en lo anterior. */
#por-dentro{background:var(--bg-soft)}
.pd-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:28px;align-items:center}
.pd-tabs{display:inline-flex;background:#fff;border:1px solid var(--border);border-radius:99px;padding:4px;gap:4px}
.pd-tabs button{border:0;background:none;padding:9px 16px;border-radius:99px;font:inherit;font-size:14px;font-weight:700;color:var(--content-secondary);cursor:pointer}
.pd-tabs button.on{background:var(--forest);color:#fff}
.pd-pasos{list-style:none;margin:24px 0 0;padding:0;display:grid;gap:10px;counter-reset:pd}
.pd-pasos li{counter-increment:pd;position:relative;padding:14px 16px 14px 56px;border-radius:20px;background:transparent;
  font-size:15px;line-height:1.45;color:var(--content-tertiary);transition:background .35s,color .35s,box-shadow .35s}
.pd-pasos li:before{content:counter(pd);position:absolute;left:14px;top:13px;width:28px;height:28px;border-radius:50%;
  background:var(--border);color:var(--content-secondary);display:grid;place-items:center;font-weight:800;font-size:13px;transition:.35s}
.pd-pasos li b{color:var(--content-secondary)}
.pd-pasos li.on{background:#fff;color:var(--content-secondary);box-shadow:0 12px 26px -18px rgba(22,51,0,.45)}
.pd-pasos li.on:before{background:var(--bright-green);color:var(--forest)}
.pd-pasos li.on b{color:var(--forest)}
.pd-pasos li.hecho:before{background:var(--forest);color:var(--bright-green)}
.pd-quien{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:22px}
.pd-quien>div{background:#fff;border:1px solid var(--border);border-radius:18px;padding:12px 14px}
.pd-quien p{margin:8px 0 0;font-size:13.5px;line-height:1.45;color:var(--content-secondary)}
.pd-quien .pill{display:inline-block;font-size:11.5px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;padding:4px 10px;border-radius:99px}
.pd-quien .pill.o{background:var(--forest);color:var(--bright-green)}
.pd-quien .pill.s{background:var(--light-green);color:var(--forest)}

.pd-chat{--pc-pri:#1B4332;--pc-borde:#E5E7EB;--pc-muted:#6B7280;--pc-txt:#111827;
  display:flex;flex-direction:column;height:600px;background:#fff;border:1px solid var(--pc-borde);border-radius:24px;overflow:hidden;
  box-shadow:0 30px 60px -30px rgba(22,51,0,.35),0 2px 6px rgba(22,51,0,.05);font-family:var(--font)}
.pc-h{display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid var(--pc-borde)}
.pc-av{width:36px;height:36px;border-radius:10px;background:var(--pc-pri);color:#fff;font-size:12px;font-weight:700;display:grid;place-items:center;flex:none}
.pc-h div{flex:1;min-width:0}
.pc-h b{display:block;font-size:13.5px;color:var(--pc-txt)}
.pc-h small{display:block;font-size:11px;font-weight:500;color:var(--pc-muted)}
.pc-on{font-size:11px;font-weight:700;color:#15803d;background:#dcfce7;padding:3px 9px;border-radius:99px}
.pc-body{flex:1;min-height:0;overflow:hidden;background:rgba(244,246,243,.6);position:relative}
.pc-lista{position:absolute;left:0;right:0;bottom:0;display:flex;flex-direction:column;gap:14px;padding:16px}
.pc-fila{display:flex;align-items:flex-end;gap:8px;min-width:0;animation:pcEntra .35s ease-out}
.pc-fila.mia{justify-content:flex-end}
@keyframes pcEntra{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.pc-masc{flex:none;width:42px;height:42px;margin-bottom:20px}
.pc-masc.viva{width:60px;height:60px;margin-bottom:16px;cursor:pointer}
.pc-col{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}
.pc-fila.mia .pc-col{align-items:flex-end}
.pc-quien{font-size:10.5px;font-weight:700;letter-spacing:.02em;color:var(--pc-muted)}
.pc-b{max-width:84%;border-radius:16px;padding:10px 13px;font-size:13px;line-height:1.6;color:var(--pc-txt);background:#fff;border:1px solid var(--pc-borde)}
.pc-fila.mia .pc-b{background:var(--pc-pri);color:#fff;border-color:transparent}
.pc-b strong{font-weight:600}
.pc-b .li{display:block;position:relative;padding-left:16px}
.pc-b .li:before{content:"•";position:absolute;left:4px;opacity:.6}
.pc-adj{display:flex;align-items:center;gap:8px;margin-top:6px;font-size:12.5px;font-weight:500}
.pc-adj i{font-style:normal;width:30px;height:30px;border-radius:8px;background:rgba(255,255,255,.16);display:grid;place-items:center;font-size:10px;font-weight:800}
.pc-hora{font-size:10.5px;font-weight:500;color:var(--pc-muted)}
.pc-ops{display:flex;flex-wrap:wrap;gap:6px;max-width:84%}
.pc-ops span{padding:6px 14px;border-radius:99px;font-size:12.5px;font-weight:600;border:1px solid rgba(27,67,50,.4);color:var(--pc-pri);transition:transform .15s,background .2s}
.pc-ops span:first-child{background:var(--pc-pri);color:#fff;border-color:transparent}
.pc-ops span.toque{transform:scale(.92);box-shadow:0 0 0 4px rgba(159,232,112,.6)}
.pc-esc{display:flex;align-items:center;gap:8px;border-radius:16px;padding:11px 13px;background:#fff;border:1px solid var(--pc-borde);margin-bottom:22px}
.pc-esc .dots{display:flex;gap:4px}
.pc-esc .dots i{width:6px;height:6px;border-radius:50%;background:rgba(27,67,50,.6);animation:pcTyp 1.2s infinite}
.pc-esc .dots i:nth-child(2){animation-delay:.2s}.pc-esc .dots i:nth-child(3){animation-delay:.4s}
@keyframes pcTyp{0%,60%,100%{transform:translateY(0);opacity:.5}30%{transform:translateY(-3px);opacity:1}}
.pc-esc span{font-size:12px;color:var(--pc-muted)}
/* el papel: comprobante de causación */
.pc-doc{max-width:84%;width:340px;background:#fff;border:1px solid var(--pc-borde);border-radius:14px;overflow:hidden;box-shadow:0 10px 22px -16px rgba(0,0,0,.4)}
.pc-doc .dh{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;background:#F6F8F5;border-bottom:1px solid var(--pc-borde)}
.pc-doc .dh b{display:block;font-size:11.5px;letter-spacing:.04em;color:var(--pc-pri)}
.pc-doc .dh small{display:block;font-size:10.5px;color:var(--pc-muted)}
.pc-doc .est{font-size:10px;font-weight:800;padding:3px 8px;border-radius:99px;background:#FEF3C7;color:#92400E;white-space:nowrap}
.pc-doc .est.ok{background:#dcfce7;color:#15803d}
.pc-doc table{width:100%;border-collapse:collapse;font-size:11px}
.pc-doc th{padding:6px 12px;text-align:left;font-size:9.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--pc-muted);font-weight:700;border-bottom:1px solid #F1F2F0}
.pc-doc th.n{text-align:right}
.pc-doc td{padding:6px 12px;border-bottom:1px solid #F1F2F0;color:var(--pc-txt)}
.pc-doc td small{display:block;color:var(--pc-muted);font-size:10px}
.pc-doc td.n{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.pc-doc tbody tr{opacity:0;animation:pcEntra .3s ease-out forwards}
.pc-doc tfoot td{font-weight:800;border-bottom:0;background:#F6F8F5}
.pc-pie{display:flex;align-items:center;gap:8px;padding:12px 14px;border-top:1px solid var(--pc-borde)}
.pc-clip,.pc-send{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;flex:none;transition:transform .15s}
.pc-clip{border:1px solid var(--pc-borde);background:#F4F6F3;color:var(--pc-muted)}
.pc-clip.toque,.pc-send.toque{transform:scale(.9)}
.pc-send{background:var(--pc-pri);color:#fff}
.pc-in{flex:1;min-width:0;height:42px;display:flex;align-items:center;padding:0 14px;border-radius:12px;border:1px solid var(--pc-borde);background:#F4F6F3;font-size:13px;color:var(--pc-txt);white-space:nowrap;overflow:hidden}
.pc-txt:empty:before{content:attr(data-ph);color:#9CA3AF}
.pc-cursor{width:1.5px;height:16px;background:var(--pc-pri);margin-left:1px;animation:pcCur 1s steps(1) infinite;display:none}
.pc-in.escribe .pc-cursor{display:block}
@keyframes pcCur{50%{opacity:0}}

@media(max-width:980px){
  .pd-grid{grid-template-columns:minmax(0,1fr)}
  .pd-chat{height:560px}
}
@media(max-width:560px){
  .pd-quien{grid-template-columns:1fr}
  .pd-tabs button{padding:8px 12px;font-size:13px}
  .pd-chat{height:540px;border-radius:20px}
  .pc-b,.pc-ops,.pc-doc{max-width:92%}
  .pc-doc{width:auto}
}
@media(prefers-reduced-motion:reduce){ .pc-fila,.pc-doc tbody tr{animation:none;opacity:1} }

.pd-pasos[hidden]{display:none}

/* con efectos, la mascota viva tiene más lienzo para girar y volverse rayo */
.pc-masc.viva.fx{width:86px;height:86px;margin:0 -12px 4px -14px}