/* painel do CRM ao vivo (veio da v2) */
.stage{perspective:1400px;touch-action:pan-y;user-select:none}
.board{transform-style:preserve-3d;transform:rotateX(10deg) rotateY(-16deg);transition:transform .5s cubic-bezier(.2,.7,.2,1);background:linear-gradient(160deg,#121726,#0b0e17);border:1px solid rgba(255,255,255,.1);border-radius:22px;padding:18px;box-shadow:0 50px 120px -30px rgba(20,84,245,.45),0 30px 60px -20px rgba(0,0,0,.8);cursor:grab;position:relative}
.board:active{cursor:grabbing}
.b-head{display:flex;align-items:center;gap:8px;font-size:.82rem;font-weight:600;margin-bottom:14px}
.b-sub{margin-left:auto;color:var(--mut);font-weight:400}
.dot{width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 4px rgba(34,197,94,.15);animation:pulse 1.8s infinite}
.cols{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}
.col{background:rgba(255,255,255,.035);border:1px solid var(--line);border-radius:10px;padding:8px 6px;text-align:center;font-size:.72rem;transition:background .3s,border-color .3s}
.col b{display:block;font-weight:600}
.col small{color:var(--mut);font-size:.64rem}
.col.hit{background:rgba(20,84,245,.18);border-color:rgba(77,125,255,.6)}
.lane{position:relative;height:150px;margin:8px 0 12px}
.lead-card{position:absolute;top:0;left:0;width:18%;padding:8px;border-radius:10px;background:#fff;color:#0b0d12;font-size:.66rem;line-height:1.3;box-shadow:0 10px 24px rgba(0,0,0,.35);transition:left 1.1s cubic-bezier(.6,0,.2,1),top .6s,opacity .5s,background .4s,color .4s;transform:translateZ(30px)}
.lead-card b{display:block;font-size:.72rem}
.lead-card i{font-style:normal;color:#5b6272}
.lead-card.won{background:var(--acc);color:#fff}
.lead-card.won i{color:#cfdbff}
.b-foot{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.b-foot div{background:rgba(255,255,255,.04);border:1px solid var(--line);border-radius:12px;padding:10px}
.b-foot small{display:block;color:var(--mut);font-size:.66rem}
.b-foot strong{font-size:1.05rem;font-variant-numeric:tabular-nums}
.loop{margin-top:10px;font-size:.7rem;color:var(--acc2);opacity:0;transition:opacity .5s}
.loop.on{opacity:1}
.stage-note{text-align:center;color:var(--mut);font-size:.75rem;margin-top:18px}
.board{transform:rotateX(8deg) rotateY(0)}
.cols{gap:4px}
.col{padding:7px 2px;font-size:.62rem}
.col small{display:none}
.lead-card{font-size:.58rem;padding:6px}
.lead-card b{font-size:.62rem}
.b-head{font-size:.74rem}
.b-sub{display:none}
.b-foot strong{font-size:.9rem}
.b-foot small{font-size:.6rem}
.lane{height:170px}