.vc-faixa{margin:0;padding:10px 16px;text-align:center;font-size:13.5px;background:var(--mel);color:var(--mata)}
.vc{max-width:960px;margin:0 auto;padding:20px 16px 60px;display:grid;gap:16px}
.eti{font:500 11.5px var(--fm);letter-spacing:.14em;text-transform:uppercase;color:var(--mel2)}

/* relatório */
.vc-rel{background:var(--mata);color:var(--creme);border-radius:26px;padding:clamp(22px,4vw,36px);display:grid;gap:18px;position:relative;overflow:hidden}
.vc-rel::after{content:"";position:absolute;right:-60px;top:-60px;width:220px;height:250px;background:var(--mel);opacity:.08;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}
.vc-rel-topo{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.vc-rel .eti{color:var(--mel)}
.vc-rel select{width:auto;min-height:38px;background:var(--mata2);color:var(--creme);border-color:color-mix(in srgb,var(--creme) 25%,transparent);font-size:14px}
.vc-rel h1{font-size:clamp(28px,4.6vw,46px);max-width:16em}
.vc-rel h1 em{font-style:normal;color:var(--mel)}
.vc-rel-num{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.vc-rel-num div{display:grid;gap:2px;align-content:start;padding:14px 16px;border-radius:16px;background:color-mix(in srgb,var(--creme) 7%,transparent);border:1px solid color-mix(in srgb,var(--creme) 14%,transparent)}
.vc-rel-num b{font:800 30px/1.05 var(--fx);color:var(--mel)}
.vc-rel-num span{font-weight:700;font-size:14px}
.vc-rel-num small{font-size:12.5px;color:color-mix(in srgb,var(--creme) 70%,transparent)}
.vc-quem summary{cursor:pointer;font-weight:700;font-size:14.5px}
.vc-quem table{width:100%;border-collapse:collapse;margin-top:10px;font-size:14px}
.vc-quem th{text-align:left;font:500 11px var(--fm);letter-spacing:.1em;text-transform:uppercase;color:color-mix(in srgb,var(--creme) 60%,transparent);padding:6px 8px}
.vc-quem td{padding:8px;border-top:1px solid color-mix(in srgb,var(--creme) 12%,transparent)}
.vc-quem .fino{color:color-mix(in srgb,var(--creme) 70%,transparent)}
.vc-rel-pe{font-size:12.5px;color:color-mix(in srgb,var(--creme) 68%,transparent);max-width:60em}

.vc-relogio{font-size:13.5px;color:var(--suave);padding:10px 14px;border-radius:12px;background:var(--mesa)}
.abas{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none}
.abas button{flex:none;display:flex;align-items:center;gap:8px;min-height:42px;padding:0 16px;border-radius:999px;border:1.5px solid var(--linha);background:var(--branco);font-weight:700;cursor:pointer}
.abas button[aria-selected=true]{background:var(--mata);color:var(--creme);border-color:var(--mata)}
.abas i{font-style:normal;font-size:12px;min-width:22px;padding:1px 7px;border-radius:99px;background:var(--mel);color:var(--mata)}
.abas i:empty{display:none}

/* itens da fila */
.lista{display:grid;gap:10px}
.vc-item{display:grid;grid-template-columns:1fr auto;gap:10px 14px;align-items:start;padding:16px;border-radius:18px;background:var(--branco);border:1px solid var(--linha)}
.vc-item h3{font:800 17px var(--fx)}
.vc-item p{color:var(--suave);font-size:13.5px}
.vc-item .bolha,.vc-item-a{grid-column:1/-1}
.vc-item-a .fx-btn{min-height:42px}
.fx-btn-wa{background:#1fa855;border-color:#1fa855;color:#fff}
.tag{justify-self:end;padding:4px 10px;border-radius:999px;background:var(--mesa);font-size:12px;font-weight:800;white-space:nowrap}
.tag.mk{background:#fde7c2;color:#7a4b00}
.tag.ut{background:#dcefd9;color:#2d5e2a}
.bolha{position:relative;max-width:34em;padding:10px 12px;border-radius:4px 14px 14px 14px;background:#e9f6e2;color:#1f2a1c;font-size:14px;line-height:1.5;box-shadow:0 1px 0 rgba(0,0,0,.06)}
.bolha small{display:block;margin-top:6px;color:#6b7a66;font-size:12px}
.bolha.eu{margin-left:auto;background:#fff;border:1px solid var(--linha);border-radius:14px 4px 14px 14px}
.vc-nota{margin:0 0 4px}
.nada{text-align:center;padding:40px 10px;color:var(--suave);font-weight:600;background:var(--branco);border:1px dashed var(--linha);border-radius:18px}

.vc-fora{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.vc-fora li{display:grid;grid-template-columns:1fr auto;gap:2px 10px;padding:12px 14px;border-radius:14px;background:var(--branco);border:1px solid var(--linha)}
.vc-fora small{grid-column:1/-1;color:var(--suave);font-size:13px}

.vc-conversa{display:grid;gap:8px;margin-top:16px;padding:16px;border-radius:16px;background:#efe7d3}
.vc-conversa:empty{display:none}
.vc-modelos{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;margin-bottom:12px}
.vc-modelos h3{font:700 14px var(--fx);margin:4px 0 10px}
#p-regras h3{margin-bottom:10px}
.vc-regras{margin:0;padding-left:20px;display:grid;gap:4px}

@media (max-width:760px){
  .vc-rel-num{grid-template-columns:1fr 1fr}
  .fx-topo{flex-wrap:wrap}
  .fx-acoes{margin-left:0;width:100%}
  .fx-sel{font-size:13px;gap:6px;flex:1}
  .fx-sel select{flex:1}
  .vc-quem table{font-size:12.5px}
  .vc-quem th:nth-child(2),.vc-quem td:nth-child(2){display:none}
  .vc-item-a .fx-btn{width:100%}
}