/* ===== pessoas: cartão compacto logo abaixo do placar ===== */
.pes{display:block;width:100%;margin-top:8px;background:#fff;border-radius:20px;padding:14px 14px 12px;text-align:left;box-shadow:0 1px 2px rgba(10,27,77,.05)}
.pes-rot{font-size:12.5px;font-weight:600;color:var(--sec)}
.pes-lin{display:flex;align-items:center;gap:12px;margin-top:6px}
.pes-num{font-size:38px;font-weight:800;line-height:1;color:var(--navy);white-space:nowrap}
.pes-comp{flex:1;display:flex;align-items:center;gap:10px;border-left:1px solid var(--linha);padding-left:12px;min-height:48px}
.pes-comp svg{width:34px;height:34px;flex:none;color:var(--royal)}
.pes-comp .cx{font-size:20px;font-weight:800;color:var(--royal);line-height:1.05}
.pes-comp .ct{font-size:12px;font-weight:600;color:var(--navy);line-height:1.25;margin-top:1px}
/* ===== monitor como seção destacada ===== */
.monitor{margin-top:10px;background:#D7E3FD;border-radius:22px;padding:12px 10px 10px;cursor:pointer}
.monitor .mon-cab{margin:2px 2px 2px}
.monitor .mon-sub{margin:0 2px 10px}
.monitor .reels{cursor:default}
.ritmo{margin-top:10px}

.direita{display:flex;align-items:center;gap:8px}
.direita .redes{gap:5px}
.direita .ic{width:38px;height:38px}
/* refresh no cartão de pessoas */
.pes{position:relative}
.pes-ref{position:absolute;top:10px;right:10px;width:30px;height:30px;border-radius:50%;background:var(--card2);display:flex;align-items:center;justify-content:center;color:var(--royal);transition:transform .4s}
.pes-ref svg{width:16px;height:16px}
.pes.gira .pes-ref{transform:rotate(360deg)}
/* par 90 dias equilibrado */
.tam-par{align-items:stretch}
.tam-par .tam{display:flex;flex-direction:column}
.tam-par .tam-num{font-size:30px}
.tam-par .tam-comp{min-height:0;margin-top:8px}
.tam-par .tam-comp .cx{font-size:17px}
.tam-par .tam-comp .ct{font-size:12px;font-weight:600}

.tam{position:relative}
.tam .pes-ref{top:10px;right:10px;width:26px;height:26px}
.tam .tam-rot{padding-right:30px}
.tam .pes-ref svg{width:14px;height:14px}
.tam.gira .pes-ref{transform:rotate(360deg)}
/* grade de 100 quadrados (proporção real) */
.waffle-box{display:grid;grid-template-columns:150px 1fr;gap:14px;align-items:center;margin-top:14px}
.waffle{display:grid;grid-template-columns:repeat(10,1fr);gap:2px;aspect-ratio:1}
.waffle i{display:block;border-radius:2px;background:#D6E0F2;transform:scale(.4);opacity:0;transition:transform .35s ease,opacity .35s ease}
.waffle i.on{transform:none;opacity:1}
.waffle i.sp{background:#6E93FF}
.waffle i.ad{background:#0A1B4D}
.waffle-leg{display:flex;flex-direction:column;gap:10px}
.waffle-leg div{display:grid;grid-template-columns:12px 1fr;gap:8px;align-items:start}
.waffle-leg i{width:12px;height:12px;border-radius:3px;margin-top:3px;display:block}
.waffle-leg span{font-size:12px;font-weight:600;color:var(--sec);line-height:1.25}
.waffle-leg b{display:block;font-size:18px;font-weight:800;color:var(--navy)}
.waffle-leg small{display:block;font-size:10.5px;font-weight:500}


/* aviso de dado inferido (só aparece com o dado real) */
.pes-rot .est{font-size:inherit;font-weight:500;opacity:.75}
/* ícone de recarregar: gira a cada troca automática (vídeo de revisão 23/09) */
@keyframes gira-ref{from{transform:rotate(0)}to{transform:rotate(360deg)}}
.pes.gira .pes-ref,.tam.gira .pes-ref{transform:none;animation:gira-ref .7s cubic-bezier(.3,.7,.3,1)}
@media (prefers-reduced-motion:reduce){.pes.gira .pes-ref,.tam.gira .pes-ref{animation:none}}
/* anel de progresso: enche até a próxima troca (pedido de 24/09) */
.pes-ref{overflow:visible}
.pes-ref .anel{position:absolute;inset:-3px;width:calc(100% + 6px)!important;height:calc(100% + 6px)!important;transform:rotate(-90deg);pointer-events:none}
.pes-ref .anel circle{fill:none;stroke:var(--royal);stroke-width:3;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:100}
.gira .pes-ref .anel circle{animation:enche-ref var(--ciclo-ref,6s) linear forwards}
@keyframes enche-ref{from{stroke-dashoffset:100}to{stroke-dashoffset:0}}
.gira .pes-ref svg:not(.anel){animation:gira-ref .7s cubic-bezier(.3,.7,.3,1)}
.pes.gira .pes-ref,.tam.gira .pes-ref{animation:none}
@media (prefers-reduced-motion:reduce){.pes-ref .anel{display:none}}