/* Sala dos agentes do Bolt (public/js/vistas/bolt-agentes.js). */
.ag-topo{display:flex;flex-wrap:wrap;align-items:center;gap:14px 22px;padding:18px 20px;border-radius:var(--r-lg);
  background:radial-gradient(120% 140% at 0% 0%,var(--bolt-soft),transparent 60%),var(--surface);border:1px solid var(--line);margin-bottom:16px}
.ag-topo h2{display:flex;align-items:center;gap:8px;margin:0;font-size:20px;letter-spacing:-.01em}
.ag-topo .ds{margin-top:2px}
.ag-topo h2 .ic{width:20px;height:20px;color:var(--bolt)}
.ag-placar{display:flex;gap:10px;margin-left:auto;flex-wrap:wrap}
.ag-num{min-width:92px;padding:8px 12px;border-radius:var(--r);background:var(--surface-2);border:1px solid var(--line-soft)}
.ag-num b{display:block;font-size:22px;line-height:1.1;font-variant-numeric:tabular-nums}
.ag-num span{font-size:11px;color:var(--ink-3);text-transform:uppercase;letter-spacing:.06em;font-weight:700}
.ag-num.ok b{color:var(--ok)} .ag-num.sim b{color:var(--info)} .ag-num.pa b{color:var(--ink-3)}
.ag-ao-vivo{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:700;color:var(--ok)}
.ag-ao-vivo i{width:8px;height:8px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 0 var(--ok);animation:ag-ping 1.6s infinite}

.ag-grade{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}
.ag-card{position:relative;display:flex;flex-direction:column;gap:10px;padding:16px;border-radius:var(--r-lg);background:var(--surface);
  border:1px solid var(--line);box-shadow:var(--sombra-1);overflow:hidden;transition:transform .2s,box-shadow .2s}
.ag-card:hover{transform:translateY(-2px);box-shadow:var(--sombra-2)}
.ag-card::before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:var(--ag)}
.ag-card.ag-agindo::after{content:"";position:absolute;inset:-40% -10% auto auto;width:140px;height:140px;border-radius:50%;
  background:var(--ag);opacity:.08;filter:blur(18px);animation:ag-respira 3.2s ease-in-out infinite}
.ag-card.ag-pausado{background:var(--surface-2)}
.ag-cab{display:flex;gap:12px;align-items:center}
.ag-quem b{display:block;font-size:16px}
.ag-quem span{font-size:12px;color:var(--ink-3)}
.ag-desc{font-size:12.5px;color:var(--ink-2);min-height:34px}

.ag-boneco{position:relative;width:72px;height:78px;flex:none}
.ag-svg{width:100%;height:100%;overflow:visible}
.ag-sombra{fill:var(--ink);opacity:.08}
.ag-haste{stroke:var(--ink-3);stroke-width:2.5}
.ag-antena{fill:var(--ag)}
.ag-cabeca,.ag-tronco{fill:var(--ag)}
.ag-braco,.ag-pescoco{fill:var(--ag);filter:brightness(.85)}
.ag-visor{fill:#0f172a}
.ag-olho{fill:#fff;transform-box:fill-box;transform-origin:center}
.ag-oficio{position:absolute;left:50%;bottom:6px;transform:translateX(-50%);width:20px;height:20px;border-radius:50%;
  background:#fff;color:var(--ag);display:grid;place-items:center;box-shadow:0 1px 3px rgba(0,0,0,.2)}
.ag-oficio .ic{width:12px;height:12px}
.ag-zzz{position:absolute;right:-4px;top:0;display:none;font-weight:800;color:var(--ink-3)}
.ag-zzz i{position:absolute;font-style:normal;opacity:0;animation:ag-zzz 2.4s infinite}
.ag-zzz i:nth-child(2){animation-delay:.8s;font-size:13px} .ag-zzz i:nth-child(3){animation-delay:1.6s;font-size:16px}

/* trabalhando: corpo balanca, bracos digitam, antena pisca, olhos piscam */
.ag-agindo .ag-corpo{animation:ag-bob 1.4s ease-in-out infinite;transform-origin:48px 96px}
.ag-agindo .ag-braco-e{animation:ag-digita .35s ease-in-out infinite alternate;transform-box:fill-box;transform-origin:top}
.ag-agindo .ag-braco-d{animation:ag-digita .35s ease-in-out .17s infinite alternate;transform-box:fill-box;transform-origin:top}
.ag-agindo .ag-antena{animation:ag-antena 1.1s infinite}
.ag-agindo .ag-olho,.ag-simulando .ag-olho{animation:ag-pisca 4s infinite}
.ag-agindo .ag-olhos{animation:ag-olha 5s ease-in-out infinite}
/* ensaiando: mesmo boneco, mais lento e translucido, contorno tracejado */
.ag-simulando .ag-corpo{animation:ag-bob 2.8s ease-in-out infinite;opacity:.8}
.ag-simulando .ag-cabeca{stroke:var(--ink);stroke-width:1.5;stroke-dasharray:4 3}
/* pausado: cinza, olhos fechados, dormindo */
.ag-pausado .ag-svg{filter:grayscale(1);opacity:.6}
.ag-pausado .ag-olho{transform:scaleY(.15)}
.ag-pausado .ag-zzz{display:block}

.ag-balao{position:relative;font-size:12.5px;padding:8px 10px 8px 26px;border-radius:10px;background:var(--surface-2);border:1px solid var(--line-soft);min-height:36px}
.ag-balao::before{content:"";position:absolute;left:10px;top:50%;width:8px;height:8px;margin-top:-4px;border-radius:50%;background:var(--ag)}
.ag-agindo .ag-balao::before{animation:ag-ping 1.4s infinite;box-shadow:0 0 0 0 var(--ag)}
.ag-pausado .ag-balao::before{background:var(--ink-4)}
.ag-fala{transition:opacity .35s}
.ag-fala.sai{opacity:0}
.ag-pontos i{display:inline-block;width:3px;height:3px;margin-left:2px;border-radius:50%;background:currentColor;animation:ag-pontos 1.2s infinite}
.ag-pontos i:nth-child(2){animation-delay:.2s} .ag-pontos i:nth-child(3){animation-delay:.4s}

.ag-pilula{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;padding:3px 9px;border-radius:99px}
.ag-pilula.agindo{background:var(--ok-soft);color:var(--ok)}
.ag-pilula.simulando{background:var(--info-soft);color:var(--info)}
.ag-pilula.pausado{background:var(--surface-3);color:var(--ink-3)}
.ag-meta{display:grid;grid-template-columns:auto 1fr;gap:4px 10px;font-size:12px}
.ag-meta dt{color:var(--ink-3)} .ag-meta dd{margin:0;text-align:right}
.ag-barra{height:6px;border-radius:6px;background:var(--surface-3);overflow:hidden}
.ag-barra i{display:block;height:100%;background:var(--ag);border-radius:6px;transition:width .6s}
.ag-rodape{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto}
.ag-recente{font-size:11px;font-weight:700;color:var(--ok)}
.ag-card.ag-flash{animation:ag-flash 1.2s ease-out}
.ag-detalhes{margin-top:18px}
.ag-detalhes summary{cursor:pointer;font-size:12.5px;color:var(--ink-3);font-weight:700}

@keyframes ag-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
@keyframes ag-digita{from{transform:rotate(-8deg)}to{transform:rotate(10deg)}}
@keyframes ag-antena{0%,100%{opacity:1}50%{opacity:.3}}
@keyframes ag-pisca{0%,92%,100%{transform:scaleY(1)}95%{transform:scaleY(.1)}}
@keyframes ag-olha{0%,40%,100%{transform:translateX(0)}50%,70%{transform:translateX(3px)}80%,90%{transform:translateX(-3px)}}
@keyframes ag-ping{0%{box-shadow:0 0 0 0 color-mix(in srgb,currentColor 50%,transparent)}100%{box-shadow:0 0 0 8px transparent}}
@keyframes ag-respira{0%,100%{transform:scale(1)}50%{transform:scale(1.25)}}
@keyframes ag-zzz{0%{opacity:0;transform:translate(0,10px)}30%{opacity:1}100%{opacity:0;transform:translate(10px,-14px)}}
@keyframes ag-pontos{0%,100%{opacity:.2}50%{opacity:1}}
@keyframes ag-flash{0%{box-shadow:0 0 0 3px var(--ag)}100%{box-shadow:var(--sombra-1)}}

@media (prefers-reduced-motion:reduce){.ag-boneco *,.ag-card,.ag-card::after,.ag-balao::before,.ag-pontos i,.ag-ao-vivo i{animation:none!important}}