/* 02 agentes em worktree.
   Tela larga (>=1200px e altura >=620px): palco preso com tronco main, seis ramos e painel main.
   Tablet (860 a 1199px, ou tela larga e baixa): duas colunas com o tronco no meio.
   Celular: lista vertical, tronco à esquerda. Fora do palco cada card acende ao chegar no meio da tela.
   Sem itálico. Raios: 14px nos painéis, 8px nos chips de dentro. */

.agentes{position:relative;isolation:isolate}
/* atrás destes painéis só há preto: o desfoque não muda nada na tela e custa caro a cada quadro.
   O vidro fica no gradiente, na borda e no brilho interno. */
.agentes .ag-term,.agentes .ag-card,.agentes .ag-main{-webkit-backdrop-filter:none;backdrop-filter:none;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.016) 42%,rgba(255,255,255,.008)),rgba(9,9,11,.86)}
.ag-palco{position:relative}
.ag-topo{display:grid;gap:28px;margin-bottom:28px}
.ag-cab{margin-bottom:0;gap:16px;min-width:0}
.ag-cab-l{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px}
.ag-titulo .neon{display:inline-block}
.ag-linha{max-width:46ch}

/* ---------- terminal ---------- */
.ag-term{display:flex;flex-direction:column;overflow:hidden;min-width:0}
.ag-term-barra{display:flex;align-items:center;gap:12px;height:36px;padding:0 14px;border-bottom:1px solid var(--linha)}
.ag-term-pontos{display:flex;gap:6px}
.ag-term-pontos i{width:9px;height:9px;border-radius:50%;background:rgba(236,234,228,.14)}
.ag-term-nome{font:500 11px var(--mono);letter-spacing:.06em;color:var(--osso-3)}
.ag-term-on{margin-left:auto;display:inline-flex;align-items:center;gap:7px;font:500 10px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--tang-brilho)}
.ag-term-on i{width:6px;height:6px;border-radius:50%;background:var(--tang);box-shadow:var(--brilho);animation:ag-pulso 1.6s var(--ease-io) infinite}
.ag-term-corpo{position:relative;height:calc(var(--ag-tl-n,7) * var(--ag-tl-h,19px));margin:12px 16px 0;overflow:hidden;font:400 12px/var(--ag-tl-h,19px) var(--mono);color:var(--osso-2)}
.ag-term-linhas{transition:transform .4s var(--ease)}
.ag-tl{display:flex;align-items:baseline;gap:12px;height:var(--ag-tl-h,19px);white-space:pre;min-width:0}
.ag-tl-t{overflow:hidden;text-overflow:clip;min-width:0}
.ag-tl .pr{color:var(--tang)}
.ag-tl .ar{color:var(--osso)}
.ag-tl .br{color:var(--tang-brilho)}
.ag-tl .des{color:var(--osso)}
.ag-tl .okt{color:var(--tang-brilho)}
.ag-tl .ic{color:var(--tang);font-size:13px;vertical-align:-2px;margin-right:6px}
.ag-tl-ok{margin-left:auto;flex:none;font-weight:500;color:var(--tang);opacity:0;transform:translateX(-4px);transition:opacity .25s,transform .25s var(--ease)}
.ag-tl-ok.on{opacity:1;transform:none;text-shadow:0 0 10px rgba(255,77,36,.7)}
.ag-dot{display:inline-block;width:7px;height:7px;margin-right:9px;border-radius:50%;background:var(--tang);box-shadow:var(--brilho);vertical-align:1px;animation:ag-pulso 1.4s var(--ease-io) infinite}
.ag-cur{display:inline-block;width:7px;height:14px;margin-left:2px;vertical-align:-2px;background:var(--tang);box-shadow:0 0 10px rgba(255,77,36,.8);animation:ag-pisca 1s steps(1) infinite}
.ag-term-vivo{display:flex;align-items:center;gap:12px;height:38px;margin-top:12px;padding:0 16px;border-top:1px solid var(--linha);font:400 11.5px var(--mono);color:var(--osso-3);white-space:nowrap;overflow:hidden;min-width:0}
.ag-term-vivo b{flex:none;font:500 10px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--tang)}
.ag-term-ev{overflow:hidden;text-overflow:ellipsis;min-width:0}
.ag-term-ev .tg{color:var(--tang-brilho)}
.ag-term-ev .tx{color:var(--osso-2)}

/* ---------- mapa (tronco, ramos, cards) ---------- */
.ag-mapa{position:relative}
.ag-mapa::before{content:"";position:absolute;inset:-28px -16px;z-index:0;pointer-events:none;background:radial-gradient(rgba(236,234,228,.075) 1px,transparent 1.5px) 0 0/22px 22px;-webkit-mask:radial-gradient(ellipse 62% 66% at 46% 50%,#000 25%,transparent 78%);mask:radial-gradient(ellipse 62% 66% at 46% 50%,#000 25%,transparent 78%)}
.ag-svg{position:absolute;left:0;top:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:2}
.ag-svg .trilho{fill:none;stroke:rgba(236,234,228,.16);stroke-width:1.2;stroke-dasharray:1.5 5;stroke-linecap:round}
.ag-svg .halo{fill:none;stroke:#FF4D24;stroke-width:8;stroke-opacity:.15;stroke-linecap:round}
.ag-svg .luz{fill:none;stroke:#FF5A2E;stroke-width:1.8;stroke-linecap:round}
.ag-svg .no{fill:#0C0C0E;stroke:rgba(236,234,228,.28);stroke-width:1.4;transition:stroke .4s,fill .4s}
.ag-svg .no.on{stroke:#FF4D24;fill:#2A0D05}
.ag-svg .ponta{fill:#FFE6DC;opacity:0}
.ag-svg .ponta-h{fill:url(#ag-halo);opacity:0}
.ag-svg .pk-n{fill:#FFE6DC}
.ag-svg .rot{font:500 11px var(--mono);letter-spacing:.08em;fill:rgba(236,234,228,.5)}

.ag-card{display:flex;flex-direction:column;gap:10px;padding:12px 14px 14px;min-width:0;z-index:1;opacity:.5;transition:opacity .6s var(--ease),border-color .6s var(--ease),box-shadow .6s var(--ease),transform .7s var(--ease)}
.ag-card.on{animation:ag-acende 1.1s var(--ease) both;opacity:1;border-color:rgba(255,77,36,.34);box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 0 0 1px rgba(255,77,36,.06),0 0 44px -14px rgba(255,77,36,.5),0 40px 90px -40px rgba(0,0,0,.9)}
.ag-card-cab{display:flex;align-items:center;gap:10px;min-width:0;height:32px}
.ag-ic{flex:none;width:32px;height:32px;display:grid;place-items:center;border-radius:var(--raio-p);border:1px solid var(--linha-2);background:rgba(255,255,255,.03);color:var(--osso-3);font-size:17px;transition:color .5s,border-color .5s,background-color .5s,box-shadow .5s}
.ag-card.on .ag-ic{color:var(--tang);border-color:var(--tang-borda);background:var(--tang-fundo);box-shadow:0 0 18px -4px rgba(255,77,36,.65)}
.ag-nome{display:grid;gap:3px;min-width:0;flex:1}
.ag-nome h3{font:500 14.5px/1.05 var(--sans);letter-spacing:-.012em;color:var(--osso);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ag-nome span{font:400 11px/1 var(--mono);letter-spacing:.02em;color:var(--osso-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ag-estado{flex:none;display:inline-flex;align-items:center;gap:6px;height:22px;padding:0 8px;border-radius:var(--raio-p);border:1px solid var(--linha);font:500 10px var(--mono);letter-spacing:.06em;color:var(--osso-3);transition:color .4s,border-color .4s}
.ag-estado i{width:5px;height:5px;border-radius:50%;background:rgba(236,234,228,.35)}
.ag-card.on .ag-estado{color:var(--tang-brilho);border-color:var(--tang-borda)}
.ag-card.on .ag-estado i{background:var(--tang);box-shadow:var(--brilho);animation:ag-pulso 1.4s var(--ease-io) infinite}
.ag-vis{position:relative;flex:1;min-height:0;overflow:hidden;font-family:var(--sans)}

/* ---------- painel main ---------- */
.ag-main{display:grid;gap:14px;padding:16px 16px 14px;min-width:0;z-index:1;opacity:.55;transition:opacity .6s var(--ease),border-color .6s,box-shadow .6s}
.ag-main.on{animation:ag-acende 1.2s var(--ease) both;opacity:1;border-color:rgba(255,77,36,.42);box-shadow:inset 0 1px 0 rgba(255,200,180,.18),0 0 0 1px rgba(255,77,36,.08),0 0 60px -12px rgba(255,77,36,.5),0 40px 90px -40px rgba(0,0,0,.9)}
.ag-main-cab{display:flex;align-items:center;gap:10px;min-width:0}
.ag-main-ic{flex:none;width:32px;height:32px;display:grid;place-items:center;border-radius:var(--raio-p);border:1px solid var(--linha-2);color:var(--osso-3);font-size:17px;transition:color .5s,border-color .5s,background-color .5s,box-shadow .5s}
.ag-main.on .ag-main-ic{color:var(--tang);border-color:var(--tang-borda);background:var(--tang-fundo);box-shadow:0 0 18px -4px rgba(255,77,36,.65)}
.ag-main-nome{font:500 14px var(--mono);letter-spacing:.02em}
.ag-main-estado{margin-left:auto;font:500 10px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--osso-3);white-space:nowrap}
.ag-main.on .ag-main-estado{color:var(--tang-brilho)}
.ag-main-chips{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}
.ag-mc{height:30px;display:grid;place-items:center;border-radius:var(--raio-p);border:1px solid var(--linha);color:var(--osso-3);font-size:14px;transition:color .4s,border-color .4s,background-color .4s,box-shadow .4s}
.ag-mc.on{color:var(--tang);border-color:var(--tang-borda);background:var(--tang-fundo);box-shadow:0 0 14px -4px rgba(255,77,36,.7)}
.ag-main-nums li{display:grid;gap:5px;padding:11px 0 10px;border-top:1px solid var(--linha)}
.ag-main-nums .num{font:500 30px/1 var(--mono);letter-spacing:-.03em;color:var(--osso-2);transition:color .5s,text-shadow .5s}
.ag-main.on .ag-main-nums .num{color:var(--tang-brilho);text-shadow:0 0 22px rgba(255,77,36,.5)}
.ag-main-rot{font:400 13px/1.2 var(--sans);color:var(--osso-3)}
.ag-main .exemplo{justify-self:start}

/* ---------- mini visual: vendas (kanban) ---------- */
.vv{position:relative;height:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.vv-col{border-radius:var(--raio-p);background:rgba(255,255,255,.022);border:1px solid rgba(255,255,255,.04);padding:6px 7px}
.vv-t{display:flex;justify-content:space-between;font:500 10px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--osso-3)}
.vv-t b{color:var(--tang-claro);font-weight:500}
.vv-lead{position:absolute;left:0;top:0;height:34px;padding:0 7px;display:grid;align-content:center;gap:3px;border-radius:var(--raio-p);border:1px solid var(--linha-2);background:#141417;will-change:transform;transition:border-color .3s,box-shadow .3s,background-color .3s}
.vv-lead b{font:500 12px/1 var(--sans);color:var(--osso);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vv-lead span{font:400 10.5px/1 var(--mono);color:var(--osso-3);white-space:nowrap}
.vv-lead.ok{border-color:rgba(255,77,36,.3)}
.vv-lead.ok span{color:var(--tang-claro)}
.vv-lead.pega{z-index:2;border-color:var(--tang);background:#1E0F0A;box-shadow:0 0 0 1px rgba(255,77,36,.3),0 0 20px -2px rgba(255,77,36,.6)}
.vv-lead.pega::after{content:"";position:absolute;right:-4px;bottom:-4px;width:9px;height:9px;border-radius:50%;background:var(--tang);box-shadow:var(--brilho)}

/* ---------- mini visual: whatsapp ---------- */
.vw{height:100%;display:flex;flex-direction:column;gap:8px}
.vw-topo{display:flex;align-items:center;gap:8px;height:24px;flex:none}
.vw-av{width:22px;height:22px;flex:none;display:grid;place-items:center;border-radius:50%;border:1px solid var(--linha-2);background:rgba(255,255,255,.05);font:500 10px var(--sans);color:var(--osso)}
.vw-nome{font:500 12px var(--sans);color:var(--osso)}
.vw-resp{margin-left:auto;display:inline-flex;align-items:center;gap:5px;font:500 10px var(--mono);color:var(--tang-brilho);opacity:0;transform:translateY(3px);transition:opacity .3s,transform .3s var(--ease)}
.vw-resp .ic{color:var(--tang);font-size:11px}
.vw.m4 .vw-resp{opacity:1;transform:none}
.vw-msgs{display:flex;flex-direction:column;gap:6px;transition:opacity .45s var(--ease),transform .45s var(--ease)}
.vw.m5 .vw-msgs{opacity:0;transform:translateY(-8px)}
.vw-b{display:none;max-width:84%;padding:7px 9px;border-radius:var(--raio-p);font:400 12px/1.35 var(--sans);text-wrap:pretty}
.vw-in{align-self:flex-start;background:rgba(236,234,228,.07);border:1px solid var(--linha);color:var(--osso)}
.vw-out{align-self:flex-end;background:rgba(255,77,36,.12);border:1px solid var(--tang-borda);color:var(--osso)}
.vw-hora{display:flex;justify-content:flex-end;align-items:center;gap:4px;margin-top:3px;font:400 10px var(--mono);color:var(--osso-3)}
.vw-hora .ic{color:var(--tang);font-size:12px}
.vw-dig{display:none;align-self:flex-end;gap:4px;padding:9px 11px;border-radius:var(--raio-p);background:rgba(255,77,36,.08);border:1px solid rgba(255,77,36,.22)}
.vw-dig i{width:5px;height:5px;border-radius:50%;background:var(--tang-claro);animation:ag-dig 1s var(--ease-io) infinite}
.vw-dig i:nth-child(2){animation-delay:.15s}
.vw-dig i:nth-child(3){animation-delay:.3s}
.vw.m1 .vw-in{display:block;animation:ag-pop .4s var(--ease) both}
.vw.m2 .vw-dig{display:flex;animation:ag-pop .3s var(--ease) both}
.vw.m3 .vw-out{display:block;animation:ag-pop .4s var(--ease) both}

/* ---------- mini visual: cálculo (planilha) ---------- */
.vc{--vc-h:15px;height:100%;display:flex;flex-direction:column;gap:7px;font-family:var(--mono)}
.vc-fx{flex:none;display:flex;align-items:center;gap:8px;height:24px;padding:0 8px;border-radius:var(--raio-p);border:1px solid var(--linha-2);background:rgba(255,255,255,.03);font-size:11px;color:var(--osso)}
.vc-fxr{font-weight:500;color:var(--tang);letter-spacing:.04em}
.vc-form{min-width:0;overflow:hidden;white-space:nowrap}
.vc-form::after{content:"";display:inline-block;width:1px;height:12px;margin-left:1px;vertical-align:-2px;background:var(--tang);animation:ag-pisca 1s steps(1) infinite}
.vc-ok{margin-left:auto;display:inline-flex;align-items:center;gap:3px;font-size:10px;color:var(--tang);opacity:0;transition:opacity .3s}
.vc-ok.on{opacity:1}
.vc-tab{flex:1;min-height:0;display:flex;flex-direction:column;border:1px solid var(--linha);border-radius:var(--raio-p);overflow:hidden;background:rgba(255,255,255,.015)}
.vc-l{display:grid;grid-template-columns:20px minmax(0,1fr) 88px;height:var(--vc-h,15px);font-size:10.5px;line-height:var(--vc-h,15px);border-bottom:1px solid rgba(236,234,228,.05)}
.vc-l span{padding:0 5px;white-space:nowrap;overflow:hidden;color:var(--osso-2)}
.vc-l span:first-child{padding:0;text-align:center;color:var(--osso-3);background:rgba(255,255,255,.025);border-right:1px solid rgba(236,234,228,.05)}
.vc-l span:last-child{text-align:right;border-left:1px solid rgba(236,234,228,.05);font-variant-numeric:tabular-nums;color:var(--osso);transition:background-color .25s,box-shadow .25s}
.vc-cab span{color:var(--osso-3);text-align:center;font-size:9.5px;background:rgba(255,255,255,.025)}
.vc-cab span:last-child{text-align:center;color:var(--osso-3)}
.vc-jan{position:relative;height:calc(var(--vc-n,5) * var(--vc-h,15px));overflow:hidden;flex:none}
.vc-rolo{transition:transform .35s var(--ease)}
.vc-l.at span:last-child{background:rgba(255,77,36,.16);box-shadow:inset 0 0 0 1px var(--tang);color:var(--tang-brilho)}
.vc-tot{margin-top:auto;border-bottom:0;border-top:1px solid var(--linha-2);height:20px;line-height:20px}
.vc-tot span{color:var(--osso);font-weight:500}
.vc-tot span:last-child{color:var(--tang-brilho)}
.vc-tot.at span:last-child{background:rgba(255,77,36,.14);box-shadow:inset 0 0 0 1px var(--tang);text-shadow:0 0 10px rgba(255,77,36,.6)}

/* ---------- mini visual: programação (editor) ---------- */
.vk{height:100%;display:flex;flex-direction:column;gap:6px;font:400 10.5px/14px var(--mono);transition:opacity .4s}
.vk.sai{opacity:.15}
.vk-cod,.vk-tes{display:grid}
.vk-l{display:grid;grid-template-columns:14px minmax(0,1fr);gap:7px;height:14px;white-space:pre}
.vk-n{text-align:right;color:rgba(236,234,228,.26)}
.vk-t{overflow:hidden;color:var(--osso-2)}
.vk-t .k{color:var(--tang-claro)}
.vk-t .f{color:var(--osso);font-weight:500}
.vk-t .o{color:var(--tang-brilho)}
.vk-t .v{color:var(--osso)}
.vk-cur{display:inline-block;width:6px;height:11px;vertical-align:-2px;background:var(--tang);box-shadow:0 0 8px rgba(255,77,36,.8);animation:ag-pisca 1s steps(1) infinite}
.vk-tes{padding-top:6px;border-top:1px solid var(--linha)}
.vk-x{display:flex;align-items:center;gap:6px;height:14px;white-space:nowrap;color:var(--osso-2);opacity:0;transform:translateY(3px);transition:opacity .25s,transform .25s var(--ease)}
.vk-x.on{opacity:1;transform:none}
.vk-x .ic{color:var(--tang);font-size:11px}
.vk-x .pr{color:var(--tang)}
.vk-res{margin-left:auto;padding:0 6px;height:14px;line-height:14px;border-radius:4px;font-weight:500;color:#160500;background:var(--tang);opacity:0;transition:opacity .25s}
.vk-res.on{opacity:1;box-shadow:0 0 12px rgba(255,77,36,.6)}

/* ---------- mini visual: posts ---------- */
.vp{height:100%;display:flex;flex-direction:column;gap:10px}
.vp-topo{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;flex:1;min-height:0}
.vp-arte{position:relative;width:var(--vp-a,86px);height:var(--vp-a,86px);border-radius:var(--raio-p);border:1px dashed var(--linha-2);overflow:hidden;transition:transform .5s var(--ease),opacity .5s var(--ease)}
.vp-fundo{position:absolute;inset:0;opacity:0;transition:opacity .45s var(--ease)}
.vp-arte.f1 .vp-fundo{opacity:1}
.vp-arte.f1{border-style:solid;border-color:rgba(255,77,36,.3)}
.vp-ic{position:absolute;left:50%;top:44%;font-size:30px;color:var(--osso);transform:translate(-50%,-50%) scale(.3);opacity:0;transition:transform .45s cubic-bezier(.3,1.6,.5,1),opacity .3s;filter:drop-shadow(0 0 10px rgba(255,77,36,.7))}
.vp-ic .ic{display:block}
.vp-arte.f2 .vp-ic{transform:translate(-50%,-50%) scale(1);opacity:1}
.vp-barras{position:absolute;left:10px;right:10px;bottom:9px;display:grid;gap:4px}
.vp-barras i{height:4px;border-radius:2px;background:rgba(236,234,228,.75);transform:scaleX(0);transform-origin:left;transition:transform .4s var(--ease)}
.vp-barras i:last-child{width:60%;background:rgba(255,196,174,.6);transition-delay:.08s}
.vp-arte.f3 .vp-barras i{transform:none}
.vp-arte.f6{transform:translateY(26px) scale(.42);opacity:0}
.vp-dir{display:flex;flex-direction:column;gap:6px;min-width:0}
.vp-rot{font:500 10px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--osso-3)}
.vp-leg{font:400 12px/1.4 var(--sans);color:var(--osso);min-height:3.4em;text-wrap:pretty}
.vp-leg::after{content:"";display:inline-block;width:1px;height:12px;margin-left:1px;vertical-align:-2px;background:var(--tang);animation:ag-pisca 1s steps(1) infinite}
.vp-ag{margin-top:auto;align-self:flex-start;display:inline-flex;align-items:center;gap:5px;height:22px;padding:0 8px;border-radius:var(--raio-p);border:1px solid var(--tang-borda);background:var(--tang-fundo);font:500 10px var(--mono);color:var(--tang-brilho);opacity:0;transform:translateY(4px);transition:opacity .3s,transform .3s var(--ease);white-space:nowrap}
.vp-ag .ic{font-size:12px;color:var(--tang)}
.vp-ag.on{opacity:1;transform:none}
.vp-grade{flex:none;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}
.vp-s{position:relative;aspect-ratio:1;border-radius:var(--raio-p);border:1px dashed rgba(236,234,228,.12);display:grid;place-items:center;overflow:hidden}
.vp-s .ic{font-size:13px;color:var(--osso);opacity:0;transform:scale(.4);transition:opacity .3s,transform .4s cubic-bezier(.3,1.6,.5,1)}
.vp-s.on{border-style:solid;border-color:rgba(255,77,36,.3);animation:ag-pop .45s var(--ease) both}
.vp-s.on .ic{opacity:1;transform:none}
.vp-s:not(.on){background:none!important}
/* artes dos posts: preto com luz laranja */
.vp .a0{background:radial-gradient(circle at 25% 110%,rgba(255,77,36,.85),rgba(255,77,36,.15) 45%,transparent 70%),#0E0807}
.vp .a1{background:repeating-linear-gradient(135deg,rgba(255,77,36,.32) 0 6px,transparent 6px 14px),#0B0B0D}
.vp .a2{background:radial-gradient(circle at 50% 44%,transparent 26%,rgba(255,122,77,.8) 28%,transparent 31%),radial-gradient(circle at 80% 0%,rgba(255,77,36,.35),transparent 60%),#0B0909}
.vp .a3{background:linear-gradient(160deg,#FF4D24 0%,#A82A0E 38%,#140604 80%)}
.vp .a4{background:radial-gradient(rgba(255,196,174,.35) 1px,transparent 1.5px) 0 0/8px 8px,radial-gradient(circle at 70% 30%,rgba(255,77,36,.55),transparent 60%),#0B0B0D}
.vp .a5{background:linear-gradient(0deg,rgba(255,77,36,.75),transparent 55%),#0B0B0D}

/* ---------- mini visual: números (gráfico) ---------- */
.vn{height:100%;display:flex;flex-direction:column;gap:4px}
.vn-topo{display:flex;align-items:center;gap:8px;flex:none}
.vn-rot{font:500 10px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--osso-3)}
.vn-tend{flex:none;display:inline-grid;place-items:center;width:22px;height:20px;border-radius:var(--raio-p);border:1px solid var(--tang-borda)}
.vn-ex.exemplo{margin-left:auto;flex:none;padding:3px 8px;font-size:9.5px;letter-spacing:.1em;gap:0}
.vn-tend .ic{font-size:12px;color:var(--tang)}
.vn-valor{flex:none;font:500 24px/1.1 var(--mono);letter-spacing:-.03em;color:var(--osso)}
.ag-card.on .vn-valor{color:var(--tang-brilho);text-shadow:0 0 18px rgba(255,77,36,.45)}
.vn-graf{flex:1;min-height:0;width:100%;display:block;overflow:hidden}
.vn-gl{stroke:rgba(236,234,228,.07);stroke-width:1;stroke-dasharray:2 4}
.vn-linha{fill:none;stroke:#FF5A2E;stroke-width:1.8;stroke-linejoin:round;stroke-linecap:round}
.vn-cab{fill:#FFE6DC}
.vn-halo{fill:url(#ag-halo-n)}

/* ---------- animações ---------- */
@keyframes ag-pulso{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.7)}}
@keyframes ag-pisca{0%,49%{opacity:1}50%,100%{opacity:0}}
@keyframes ag-dig{0%,60%,100%{transform:translateY(0);opacity:.45}30%{transform:translateY(-3px);opacity:1}}
@keyframes ag-acende{0%{filter:brightness(1.6)}100%{filter:none}}
@keyframes ag-pop{from{opacity:0;transform:translateY(6px) scale(.96)}to{opacity:1;transform:none}}

/* ---------- lista (celular, tablet e telas baixas) ---------- */
.ag-mapa{display:grid;gap:14px;padding:34px 0 0 34px}
.ag-vis{flex:none;height:152px}
.ag-card{transform:translateY(10px)}
.ag-card.on{transform:none}
.ag-main{margin-top:4px}
@media (min-width:700px) and (max-width:859px){
  .ag-term,.ag-mapa{max-width:720px}
}
/* dupla (tablet e telas largas porém baixas): tronco no meio, cards dos dois lados */
@media (min-width:860px) and (max-width:1199px),(min-width:1200px) and (max-height:619.98px){
  .ag-mapa{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:64px;row-gap:18px;padding:34px 0 0}
  .ag-main{grid-column:1/-1;justify-self:center;width:min(100%,520px);margin-top:22px}
}
@media (max-width:699px){
  /* celular: terminal compacto e cards com letra maior */
  .ag-term{--ag-tl-n:5}
  .ag-card{opacity:.72}
  .ag-vis{height:180px}
  .ag-nome h3{font-size:16px}
  .ag-nome span{font-size:11.5px}
  .ag-estado{font-size:10.5px}
  .vv-t{font-size:10.5px}
  .vv-lead b{font-size:13px}
  .vv-lead span{font-size:11px}
  .vw-nome{font-size:13px}
  .vw-resp{font-size:10.5px}
  .vw-b{font-size:13px}
  .vw-hora{font-size:10.5px}
  .vc{--vc-h:19px}
  .vc-fx{height:28px;font-size:12px}
  .vc-l{font-size:12px;grid-template-columns:24px minmax(0,1fr) 104px}
  .vc-cab span{font-size:10.5px}
  .vc-tot{height:24px;line-height:24px}
  .vk{font-size:11.5px;line-height:16px}
  .vk-l{height:16px;grid-template-columns:16px minmax(0,1fr)}
  .vk-x{height:16px}
  .vk-res{height:16px;line-height:16px}
  .vp-rot,.vn-rot{font-size:10.5px}
  .vp-leg{font-size:13px}
  .vp-ag{font-size:10.5px;height:24px}
  .vn-valor{font-size:28px}
  .ag-main-estado{font-size:10.5px}
  .ag-main-rot{font-size:14px}
}
@media (max-width:420px){
  .ag-term-corpo{font-size:11px;margin-inline:14px}
  .ag-tl{gap:8px}
  .ag-term-vivo{font-size:10.5px;padding:0 14px;gap:10px}
  .ag-estado{padding:0 7px}
}
@media (max-width:380px){
  .ag-term-corpo{font-size:10px}
  .ag-term-vivo{font-size:10px}
}

/* ---------- palco (tela larga) ---------- */
@media (min-width:1200px) and (min-height:620px){
  .ag-topo{grid-template-columns:minmax(0,1fr) 440px;align-items:end;column-gap:48px;margin-bottom:30px}
  .ag-titulo{font-size:clamp(46px,4.1vw,60px)}
  .ag-term{max-width:none}
  .ag-mapa{max-width:none;padding:0;gap:0;display:grid;grid-template-columns:22px repeat(3,minmax(0,1fr)) 270px;grid-template-rows:minmax(0,1fr) 82px minmax(0,1fr);column-gap:18px;height:524px}
  .ag-card{transform:none}
  .ag-card[data-i="0"]{grid-area:1/2}
  .ag-card[data-i="1"]{grid-area:3/2}
  .ag-card[data-i="2"]{grid-area:1/3}
  .ag-card[data-i="3"]{grid-area:3/3}
  .ag-card[data-i="4"]{grid-area:1/4}
  .ag-card[data-i="5"]{grid-area:3/4}
  .ag-vis{flex:1;height:auto}
  .ag-main{grid-column:5;grid-row:1/4;align-self:center;margin:0 0 0 18px}
  .agentes.ag-preso{height:100vh;padding:var(--nav-h) 0 0;overflow:hidden}
  .agentes.ag-preso>.cx{height:100%;display:flex;align-items:center;justify-content:center}
  .agentes.ag-preso .ag-palco{flex:none;width:100%;transform-origin:50% 50%}
}

@media (min-width:1200px) and (max-width:1339px) and (min-height:620px){
  .ag-topo{grid-template-columns:minmax(0,1fr) 420px;column-gap:36px}
  .ag-mapa{grid-template-columns:16px repeat(3,minmax(0,1fr)) 244px;column-gap:16px}
  .ag-main{margin-left:14px}
}

@media (prefers-reduced-motion:reduce){
  .ag-card{transform:none}
}