/* 1.72.0 (Philippe, 29/09/2026): a Sala dos agentes do Cérebro (web/cerebro-sala.js). Padrão Apple: tipografia do
   sistema pelas variáveis do Hub (nenhuma letra abaixo de 11 px), cores do sistema, vidro sutil, claro e escuro,
   alvos de toque de 44 px, celular sem rolagem para o lado, sem animação para quem pede menos movimento. */

.hs{min-width:0;color:var(--label,#3A2A1E);--hs-verde:#1B7A34;--hs-laranja:#A45300} /* 1.72.0: tintas locais (o --sys-green-ink e o --sys-orange-ink não existem no Hub); o escuro troca pelas cores do sistema abaixo */
.hs-sala,.hs-feed{display:flex;flex-direction:column;gap:12px;padding:14px;border-radius:22px;background:var(--glass-bg,rgba(255,255,255,.72));-webkit-backdrop-filter:blur(24px) saturate(180%);backdrop-filter:blur(24px) saturate(180%);box-shadow:0 8px 28px rgba(40,25,12,.10),inset 0 0 0 1px var(--sep,rgba(58,42,30,.12));min-width:0}
body.dark .hs-sala,body.dark .hs-feed{background:rgba(34,32,30,.72);box-shadow:0 8px 28px rgba(0,0,0,.35),inset 0 0 0 1px rgba(255,255,255,.10)}

/* topo */
.hs-topo{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.hs-topo-txt{min-width:0}
.hs-topo h2{margin:0;font-size:var(--f-title3,20px);font-weight:700;letter-spacing:-.015em;line-height:1.2}
.hs-sub{margin:2px 0 0;font-size:var(--f-footnote,13px);color:var(--label3,#7E6A59);line-height:1.35;overflow-wrap:anywhere}
.hs-vivo{flex:none;display:inline-flex;align-items:center;gap:6px;min-height:28px;padding:0 10px;border-radius:999px;background:rgba(255,56,60,.12);color:var(--sys-red,#E9152D);font-size:var(--f-caption1,12px);font-weight:700}
.hs-vivo i{width:8px;height:8px;border-radius:50%;background:currentColor;animation:hs-pulso 1.4s ease-in-out infinite}
.hs-vivo.fim{background:var(--fill,rgba(118,118,128,.12));color:var(--label2,#6B5A4C)}
.hs-vivo.fim i{animation:none;opacity:.5}

/* quem está na sala */
.hs-quem{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding:2px 0}
.hs-quem::-webkit-scrollbar{display:none}
.hs-quem-item{flex:none;display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:3px 10px 3px 3px;border-radius:999px;background:var(--fill,rgba(118,118,128,.10));font-size:var(--f-footnote,13px);font-weight:600;color:var(--label2,#6B5A4C);transition:background .2s,color .2s}
.hs-quem-item.ativo{background:rgba(0,136,255,.14);color:var(--label,#3A2A1E)}
.hs-av{flex:none;display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:var(--hs-cor,#8E8E93);color:#fff;font-size:var(--f-caption1,12px);font-weight:700;letter-spacing:-.02em;box-shadow:inset 0 0 0 1px rgba(0,0,0,.06)}
.hs-av.grande{width:40px;height:40px;font-size:var(--f-subhead,15px)}

/* a conversa */
.hs-lista{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;max-height:min(56vh,560px);overflow-y:auto;overscroll-behavior:contain;scroll-padding-bottom:12px}
.hs-lista.compacta{max-height:none;overflow:visible;gap:8px}
.hs-msg{display:grid;grid-template-columns:30px minmax(0,1fr);gap:8px;align-items:start}
.hs-msg.entra{animation:hs-entra .28s ease-out}
.hs-balao{min-width:0;padding:8px 12px 10px;border-radius:18px;border-top-left-radius:6px;background:rgba(255,255,255,.78);box-shadow:inset 0 0 0 1px var(--sep,rgba(58,42,30,.10))}
body.dark .hs-balao{background:rgba(255,255,255,.07)}
.hs-cab{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap;margin-bottom:2px}
.hs-cab b{font-size:var(--f-footnote,13px);font-weight:700}
.hs-para{font-size:var(--f-caption1,12px);color:var(--label3,#7E6A59)}
.hs-tipo{margin-left:auto;font-style:normal;font-size:var(--f-caption2,max(11px, calc(11px * var(--dt,1))));font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:2px 8px;border-radius:999px;background:var(--fill,rgba(118,118,128,.12));color:var(--label2,#6B5A4C)}
.hs-balao p{margin:0;font-size:var(--f-body,17px);line-height:1.4;overflow-wrap:anywhere}
.hs-msg.tipo-hipotese .hs-tipo{background:rgba(0,136,255,.12);color:var(--sys-blue,#0088FF)}
.hs-msg.tipo-resultado .hs-tipo{background:rgba(52,199,89,.14);color:var(--hs-verde)}
.hs-msg.tipo-contestacao .hs-tipo{background:rgba(255,141,40,.16);color:var(--hs-laranja)}
.hs-msg.tipo-contestacao .hs-balao{box-shadow:inset 0 0 0 1px rgba(255,141,40,.45)}
.hs-msg.tipo-veredito .hs-tipo{background:rgba(97,85,245,.14);color:var(--sys-indigo,#564ADE)}
.hs-msg.tipo-veredito .hs-balao{background:rgba(97,85,245,.08);box-shadow:inset 0 0 0 1px rgba(97,85,245,.30)}
body.dark .hs-msg.tipo-veredito .hs-balao{background:rgba(109,124,255,.14)}
body.dark .hs-msg.tipo-resultado .hs-tipo{color:var(--sys-green,#30D158)}
body.dark .hs-msg.tipo-contestacao .hs-tipo{color:var(--sys-orange,#FF9230)}
body.dark .hs-msg.tipo-veredito .hs-tipo{color:var(--sys-indigo,#A7AAFF)}

/* digitando */
.hs-digitando{display:flex;align-items:center;gap:8px;min-height:28px;font-size:var(--f-footnote,13px);color:var(--label3,#7E6A59)}
.hs-pontos{display:inline-flex;gap:4px;padding:8px 10px;border-radius:14px;background:var(--fill,rgba(118,118,128,.12))}
.hs-pontos i{width:6px;height:6px;border-radius:50%;background:var(--label3,#7E6A59);animation:hs-ponto 1.2s ease-in-out infinite}
.hs-pontos i:nth-child(2){animation-delay:.15s}.hs-pontos i:nth-child(3){animation-delay:.3s}

/* o cartão do resultado */
.hs-cartao{display:flex;flex-direction:column;gap:12px;padding:14px;border-radius:18px;background:rgba(255,255,255,.86);box-shadow:inset 0 0 0 1px var(--sep,rgba(58,42,30,.10))}
body.dark .hs-cartao{background:rgba(255,255,255,.06)}
.hs-cartao-topo{display:flex;align-items:center;gap:10px}
.hs-cartao-topo div{display:flex;flex-direction:column;min-width:0}
.hs-cartao-topo strong{font-size:var(--f-headline,17px);font-weight:700;line-height:1.25}
.hs-cartao-topo div span{font-size:var(--f-footnote,13px);color:var(--label3,#7E6A59)}
.hs-ver{flex:none;display:inline-flex;align-items:center;min-height:24px;padding:0 10px;border-radius:999px;font-size:var(--f-caption1,12px);font-weight:700;background:var(--fill,rgba(118,118,128,.12));color:var(--label2,#6B5A4C);white-space:nowrap}
.hs-ver.grande{min-height:32px;padding:0 14px;font-size:var(--f-subhead,15px)}
.hs-ver.v-ok{background:rgba(52,199,89,.16);color:var(--hs-verde)}
.hs-ver.v-atencao{background:rgba(255,141,40,.18);color:var(--hs-laranja)}
.hs-ver.v-nao{background:rgba(255,56,60,.14);color:var(--sys-red,#E9152D)}
body.dark .hs-ver.v-ok{color:var(--sys-green,#30D158)}
body.dark .hs-ver.v-atencao{color:var(--sys-orange,#FF9230)}
.hs-destaques{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.hs-dest{display:flex;flex-direction:column;gap:2px;padding:10px 12px;border-radius:14px;background:var(--fill,rgba(118,118,128,.08));min-width:0}
.hs-dest small{font-size:var(--f-caption2,max(11px, calc(11px * var(--dt,1))));font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--label3,#7E6A59)}
.hs-dest b{font-size:var(--f-title2,22px);font-weight:800;letter-spacing:-.02em;line-height:1.15}
.hs-dest span{font-size:var(--f-caption1,12px);color:var(--label3,#7E6A59);overflow-wrap:anywhere}
.hs-medidor{display:block;height:6px;border-radius:999px;background:var(--fill2,rgba(90,65,45,.12));overflow:hidden;margin-top:4px}
.hs-medidor i{display:block;height:100%;border-radius:999px;background:var(--sys-green,#34C759)}
.hs-chips{display:flex;flex-wrap:wrap;gap:6px}
.hs-chip{display:inline-flex;align-items:center;min-height:28px;padding:0 10px;border-radius:999px;background:var(--fill,rgba(118,118,128,.12));font-size:var(--f-footnote,13px);font-weight:600;color:var(--label2,#6B5A4C)}
.hs-chip.alerta{background:rgba(255,56,60,.12);color:var(--sys-red,#E9152D)}
.hs-unis{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.hs-uni{display:flex;flex-direction:column;gap:6px;padding:10px 12px;border-radius:14px;box-shadow:inset 0 0 0 1px var(--sep,rgba(58,42,30,.10))}
.hs-uni.sem p{margin:0;font-size:var(--f-footnote,13px);color:var(--label3,#7E6A59);line-height:1.4}
.hs-uni-cab{display:flex;align-items:center;justify-content:space-between;gap:8px}
.hs-uni-cab b{font-size:var(--f-subhead,15px)}
.hs-uni-cab span{font-size:var(--f-caption1,12px);color:var(--label3,#7E6A59)}
.hs-trilho{position:relative;height:14px;border-radius:999px;background:var(--fill,rgba(118,118,128,.10))}
.hs-faixa{position:absolute;top:2px;bottom:2px;border-radius:999px;background:var(--sys-blue,#0088FF);opacity:.28}
.hs-esp{position:absolute;top:50%;width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:50%;background:var(--sys-blue,#0088FF);box-shadow:0 0 0 2px var(--surface,#fff)}
.hs-hoje{position:absolute;top:-3px;bottom:-3px;width:3px;margin-left:-1.5px;border-radius:2px;background:var(--label3,#7E6A59)}
.hs-uni-num{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:var(--f-footnote,13px);color:var(--label2,#6B5A4C)}
.hs-uni-num b{color:var(--label,#3A2A1E)}
.hs-graf .gr{background:transparent;box-shadow:none;padding:0}
.hs-pior{margin:0;padding:10px 12px;border-radius:12px;background:rgba(255,141,40,.10);font-size:var(--f-footnote,13px);line-height:1.45}
.hs-bloco h3{margin:0 0 6px;font-size:var(--f-subhead,15px);font-weight:700}
.hs-bloco ul{margin:0;padding-left:18px;font-size:var(--f-footnote,13px);line-height:1.45;color:var(--label2,#6B5A4C)}
.hs-prod dl{margin:0;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;font-size:var(--f-footnote,13px)}
.hs-prod dt{color:var(--label2,#6B5A4C);overflow-wrap:anywhere}
.hs-prod dd{margin:0;font-weight:700;text-align:right}
.hs-cen{list-style:none;padding:0 !important;display:flex;flex-direction:column;gap:6px}
.hs-cen li{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}
.hs-cen b{color:var(--label,#3A2A1E)}
.hs-sup summary{cursor:pointer;min-height:44px;display:flex;align-items:center;font-size:var(--f-footnote,13px);font-weight:600;color:var(--sys-blue,#0088FF);list-style:none}
.hs-sup summary::-webkit-details-marker{display:none}
.hs-sup ul{margin:0;padding-left:18px;font-size:var(--f-footnote,13px);line-height:1.45;color:var(--label2,#6B5A4C)}
.hs-sup em{font-style:normal;color:var(--label3,#7E6A59)}
.hs-nota,.hs-motivo{margin:0;font-size:var(--f-caption1,12px);color:var(--label3,#7E6A59);line-height:1.4}
.hs-motivo{font-size:var(--f-body,17px);color:var(--label2,#6B5A4C)}

/* botões: alvo de 44 px */
.hs-acoes{display:flex;gap:8px;flex-wrap:wrap}
.hs-bt{min-height:44px;min-width:44px;padding:0 16px;border:0;border-radius:999px;background:var(--on-blue,#0062BD);color:#fff;font:inherit;font-size:var(--f-subhead,15px);font-weight:600;cursor:pointer}
.hs-bt.secundario{background:var(--fill,rgba(118,118,128,.14));color:var(--label,#3A2A1E)}
.hs-bt.ghost{background:transparent;color:var(--sys-blue,#0088FF);padding:0 10px}
.hs-bt:focus-visible{outline:2px solid var(--sys-blue,#0088FF);outline-offset:2px}

/* feed */
.hs-feed-corpo{display:flex;flex-direction:column;gap:12px}
.hs-grupo{display:flex;flex-direction:column;gap:8px;padding:12px;border-radius:16px;box-shadow:inset 0 0 0 1px var(--sep,rgba(58,42,30,.10))}
.hs-grupo header{display:flex;align-items:center;justify-content:space-between;gap:8px}
.hs-grupo header strong{font-size:var(--f-subhead,15px);line-height:1.3;min-width:0;overflow-wrap:anywhere}
.hs-grupo-ver{margin:0;font-size:var(--f-footnote,13px);font-weight:600;color:var(--label2,#6B5A4C);line-height:1.4}
.hs-vazio,.hs-erro{margin:0;padding:18px;text-align:center;font-size:var(--f-footnote,13px);color:var(--label3,#7E6A59)}
.hs-erro{color:var(--sys-red,#E9152D)}
.hs-carregando{min-height:160px;border-radius:16px;background:linear-gradient(100deg,rgba(255,255,255,.35) 30%,rgba(255,255,255,.75) 50%,rgba(255,255,255,.35) 70%) 0 0/300% 100%;animation:hs-brilho 1.4s ease-in-out infinite}
body.dark .hs-carregando{background:linear-gradient(100deg,rgba(255,255,255,.04) 30%,rgba(255,255,255,.10) 50%,rgba(255,255,255,.04) 70%) 0 0/300% 100%}

@keyframes hs-pulso{0%,100%{opacity:1}50%{opacity:.35}}
@keyframes hs-entra{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@keyframes hs-ponto{0%,80%,100%{opacity:.3;transform:scale(.8)}40%{opacity:1;transform:none}}
@keyframes hs-brilho{0%{background-position:100% 0}100%{background-position:0 0}}

@media (max-width:759px){
  .hs-sala,.hs-feed{padding:12px;border-radius:18px}
  .hs-destaques{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .hs-dest:last-child{grid-column:1 / -1}
  .hs-lista{max-height:none}
  .hs-tipo{margin-left:0}
}
@media (prefers-reduced-motion:reduce){
  .hs-vivo i,.hs-pontos i,.hs-msg.entra,.hs-carregando{animation:none}
  .hs-quem-item{transition:none}
}
