/* ===== r9 · Sistema visual (21/10) =====================================================
   Um só jeito de fazer dourado, superfície, raio, ícone, número e movimento.
   Vale com <html class="r9"> (padrão do mockup). &pre9 / &r7 / &r7b / &r8 mostram o antes. */
html.r9{
  /* dourado */
  --g-hi:#f6dc94; --g:#e8c06a; --g-lo:#b8862f; --g-deep:#6e5019; --g-txt:#f3d593; --g-ink:#1a1306;
  --g-fill:linear-gradient(180deg,#f3d995,#d9ab4f);                       /* presente / ação de presente */
  --g-fill-hov:linear-gradient(180deg,#f7e2a8,#e0b45a);
  --g-ring:conic-gradient(from var(--r5a,0deg),#6e5019,#f6dc94 18%,#b8862f 34%,#fff0c2 50%,#8a6522 66%,#e8c06a 82%,#6e5019); /* pagar / assinar */
  --g-edge:rgba(232,192,106,.55); --g-edge-soft:rgba(232,192,106,.28); --g-tint:rgba(232,192,106,.10);
  --g-glow:0 0 22px rgba(232,192,106,.24); --g-glow-lg:0 8px 26px rgba(232,192,106,.32);
  --g-halo:radial-gradient(circle,rgba(232,192,106,.30) 0,rgba(232,192,106,.10) 45%,rgba(232,192,106,0) 70%);
  /* superfície escura premium */
  --s-panel:linear-gradient(180deg,#131826,#0c1019); --s-raise:#0f131b; --s-black:linear-gradient(180deg,#1a1d24,#07080b 60%,#0d0f14);
  --s-tile:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.015)); --s-glass:rgba(7,9,14,.62);
  --s-edge:inset 0 0 0 1px rgba(255,255,255,.085); --s-hi:inset 0 1px 0 rgba(255,255,255,.06); --s-drop:0 18px 50px rgba(0,0,0,.55);
  /* raios */
  --r-pill:999px; --r-tile:12px; --r-ic:10px; --r-panel:18px; --r-badge:28%;
  /* ícones */
  --ic:16px; --ic-sm:14px; --stroke:1.8;
  /* selos (componente .gv-row) */
  --b-lit:56px; --b-dim:36px; --b-box:88px; --b-dim-op:.62;
  /* tipo: números sempre na display itálica */
  --f-num:800 italic 1em/1 var(--display,"Bebas Neue",sans-serif);
  --t-xl:40px; --t-l:24px; --t-m:17px; --t-body:13px; --t-label:12px; --t-meta:11px;
  /* movimento */
  --ease:cubic-bezier(.2,.8,.2,1); --d-fast:.18s; --d-med:.38s; --d-shine:7s; --d-spark:6s;
  /* sucesso / ao vivo (único uso do verde) */
  --ok:#10B981; --ok-txt:#34d399;
}

/* ---------- componente: linha de evolução de selos ---------- */
.gv-row{display:flex;align-items:flex-start;justify-content:center;width:100%;max-width:430px;margin:0 auto}
.gv-n{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;flex:none}
.gv-b{position:relative;display:grid;place-items:center;width:calc(var(--b-dim) + 8px);height:var(--b-box);padding:0;border:0;background:none;color:inherit}
.gv-b img{position:relative;z-index:1;display:block;width:var(--b-dim);height:var(--b-dim);opacity:var(--b-dim-op);filter:saturate(.7) drop-shadow(0 3px 6px rgba(0,0,0,.45));transition:opacity var(--d-fast) var(--ease),filter var(--d-fast) var(--ease),transform var(--d-fast) var(--ease)}
.gv-n.gv-done .gv-b img{opacity:.9;filter:saturate(.95) drop-shadow(0 3px 6px rgba(0,0,0,.45))}
.gv-n.gv-nx .gv-b img{opacity:.85;filter:saturate(.9) drop-shadow(0 3px 6px rgba(0,0,0,.45))}
.gv-n.gv-on .gv-b{width:var(--b-box)}
.gv-n.gv-on .gv-b::before{content:"";position:absolute;inset:0;border-radius:50%;background:var(--g-halo)}
.gv-n.gv-on .gv-b:not(:has(.gv-ring))::after{content:"";position:absolute;inset:10px;border-radius:50%;box-shadow:inset 0 0 0 1.5px var(--g-edge),var(--g-glow)}
.gv-n.gv-on .gv-b img{width:var(--b-lit);height:var(--b-lit);opacity:1;filter:drop-shadow(0 6px 14px rgba(0,0,0,.5))}
.gv-ring{position:absolute;inset:10px;width:calc(100% - 20px);height:calc(100% - 20px);transform:rotate(-90deg)}
.gv-ring circle{fill:none;stroke-width:3.2}.gv-ring .bg{stroke:rgba(255,255,255,.09)}.gv-ring .fg{stroke:var(--g);stroke-linecap:round;filter:drop-shadow(0 0 4px rgba(232,192,106,.5))}
button.gv-b{cursor:pointer;border-radius:var(--r-tile)}
button.gv-b::after{content:"";position:absolute;left:50%;top:50%;width:calc(var(--b-dim) + 8px);height:calc(var(--b-dim) + 8px);margin:calc(var(--b-dim) / -2 - 4px) 0 0 calc(var(--b-dim) / -2 - 4px);border-radius:var(--r-tile);box-shadow:inset 0 0 0 1.5px var(--g-edge)}
button.gv-b:hover img,button.gv-b:focus-visible img{opacity:1;filter:none;transform:translateY(-1px)}
button.gv-b:focus-visible,.gv-ch:focus-visible{outline:2px solid var(--g);outline-offset:2px}
.gv-ln{flex:1 1 0;min-width:10px;max-width:52px;height:2px;margin-top:calc(var(--b-box) / 2 - 1px);border-radius:2px;background:radial-gradient(circle,rgba(201,211,227,.45) 1px,transparent 1.5px) 0 50%/7px 2px repeat-x}
.gv-ln.gv-done{background:var(--g)}
.gv-ln.gv-nx{background:linear-gradient(90deg,var(--g),rgba(232,192,106,.15))}
.gv-l{display:inline-flex;align-items:center;gap:3px;height:20px;font:600 var(--t-meta)/1 Inter,sans-serif;color:var(--faint);white-space:nowrap}
.gv-l b{font:var(--f-num);font-size:15px;letter-spacing:.01em;color:var(--mist)}
.gv-n.gv-on .gv-l{color:var(--g-txt);font-size:var(--t-label);font-weight:700}.gv-n.gv-on .gv-l b{color:var(--g-txt);font-size:17px}
.gv-ch{display:inline-flex;align-items:center;height:20px;padding:0 8px;border:0;border-radius:var(--r-pill);background:var(--g-tint);box-shadow:inset 0 0 0 1px var(--g-edge);color:var(--g-txt);font:700 var(--t-meta)/1 Inter,sans-serif;white-space:nowrap;cursor:default;transition:background var(--d-fast) var(--ease),color var(--d-fast) var(--ease)}
button.gv-ch{cursor:pointer}button.gv-ch:hover,.gv-ch.gv-on{background:var(--g);color:var(--g-ink)}
@media (max-width:900px){.gv-ln{min-width:6px}}
@media (prefers-reduced-motion:reduce){.gv-b img,.gv-ch{transition:none}}

/* ---------- superfícies e raios ---------- */
html.r9 .scm-box{border-radius:var(--r-panel);background:var(--s-panel);box-shadow:var(--s-edge),var(--s-hi),var(--s-drop)}
html.r9 .r4me{border-radius:var(--r-panel);background:var(--s-panel);box-shadow:var(--s-edge),var(--s-hi),0 -10px 40px rgba(0,0,0,.55)}
@media (max-width:900px){html.r9 .scm-box,html.r9 .r4me.sheet{border-radius:var(--r-panel) var(--r-panel) 0 0}}
html.r9 .scm-x,html.r9 .r4me-x{border-radius:var(--r-ic)}
html.r9 .scm-tabs{border-radius:var(--r-pill);box-shadow:var(--s-edge)}
html.r9 .scm-tabs button[aria-selected="true"]{background:var(--g-tint);color:var(--g-txt);box-shadow:inset 0 0 0 1px var(--g-edge)}

/* ---------- blocos (benefícios = quantidades = destinatário) ---------- */
html.r9 .r7-t,html.r9 .r8-qt,html.r9 .r8-tt,html.r9 .ds-grid button,html.r9 .ds-seg{border-radius:var(--r-tile);background:var(--s-tile);box-shadow:var(--s-edge),var(--s-hi)}
html.r9 .r7-t,html.r9 .r8-qt,html.r9 .r8-tt{transition:box-shadow var(--d-fast) var(--ease),background var(--d-fast) var(--ease)}
html.r9 .r8-qt:hover,html.r9 .r8-tt:hover,html.r9 .ds-grid button:hover{box-shadow:inset 0 0 0 1px var(--g-edge-soft),var(--s-hi)}
html.r9 .r8-qt.on,html.r9 .r8-tt.on,html.r9 .ds-grid button.on{background:linear-gradient(180deg,rgba(232,192,106,.12),rgba(232,192,106,.03));box-shadow:inset 0 0 0 1.5px var(--g),var(--g-glow)}
html.r9 .r7-perks{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:1fr;gap:8px;margin-top:14px}
html.r9 .r7-t{min-height:64px;padding:10px 6px 9px;gap:6px;justify-content:center}
html.r9 .r7-art{height:28px}
html.r9 .r7-l,html.r9 .r8-tt span{font:650 var(--t-label)/1.15 Inter,sans-serif;color:var(--ink)}
html.r9 .r7-s{font-size:var(--t-meta);margin-top:-3px}
html.r9 .r8-q{gap:8px;margin-top:12px}
html.r9 .r8-qt{min-height:64px}
html.r9 .r8-qt b{font:var(--f-num);font-size:var(--t-l)}
html.r9 .r8-qt span{font:var(--f-num);font-size:14px;font-weight:700;letter-spacing:.02em;color:var(--faint)}html.r9 .r8-qt.on span{color:var(--g-txt)}
html.r9 .r8-to{gap:8px;margin-top:8px}html.r9 .r8-tt{min-height:52px}
html.r9 .r7-art.lk svg,html.r9 .r7-art.al svg{width:26px;height:26px;fill:none;stroke:var(--g);stroke-width:var(--stroke);stroke-linejoin:round;stroke-linecap:round}
html.r9 .r7-art.hl .hlm{position:relative;display:flex;flex-direction:column;justify-content:center;gap:4px;width:44px;height:24px;padding:0 6px 0 8px;box-sizing:border-box;border-radius:6px;background:linear-gradient(90deg,rgba(232,192,106,.24),rgba(232,192,106,.06));box-shadow:inset 2px 0 0 var(--g)}
html.r9 .r7-art.hl .hlm i{display:block;height:3px;border-radius:2px;background:var(--g-txt);opacity:.85}html.r9 .r7-art.hl .hlm i.s{width:60%;opacity:.5}
html.r9 .r7-art.em .ct,html.r9 .r7-art.em .emo.ph{font-family:var(--display)}
html.r9 .r7-art.em .ct{font:var(--f-num);font-size:12px;line-height:16px;background:var(--g-fill);color:var(--g-ink)}
html.r9 .r7-art.em .emo.ph{width:26px;height:26px;border-radius:var(--r-badge)}
html.r9 .r7-art.sw{grid-template-columns:repeat(3,11px);gap:4px}html.r9 .r7-art.sw i{width:11px;height:11px}
html.r9 .r7-i svg,html.r9 .r8-tt svg,html.r9 .r8-qt svg,html.r9 .r8-an svg{stroke-width:var(--stroke)}
html.r9 .r8-tt>svg{width:22px;height:22px}html.r9 .r8-qt svg{width:var(--ic-sm);height:var(--ic-sm);stroke:var(--g)}
html.r9 .r7-hero{gap:10px;padding:4px 0 0}
html.r9 .r7-pv{border-radius:var(--r-ic);box-shadow:var(--s-edge)}
html.r9 .r7-pr{margin:14px 0 10px}html.r9 .r7-pr b{font:var(--f-num);font-size:var(--t-xl)}
html.r9 .r8-an{margin:10px 0 12px}html.r9 .r8-an .tr{transition-duration:var(--d-fast);transition-timing-function:var(--ease)}
html.r9 .r8-an input:checked+.tr,html.r9 .ds-an input:checked+.tr,html.r9 .lx-row input:checked+.lx-sw{background:var(--g-lo)}

/* ---------- botões: preto + anel dourado = pagar/assinar; dourado cheio = presente ---------- */
html.r9 .scm-go,html.r9 .r4me-rn{position:relative;border:1.5px solid transparent;background:var(--s-black) padding-box,var(--g-ring) border-box;color:var(--g-txt);box-shadow:inset 0 0 18px rgba(232,192,106,.16),var(--s-hi),0 6px 18px rgba(0,0,0,.4);animation:r5Rot var(--d-shine) linear infinite}
html.r9 .scm-go:hover,html.r9 .r4me-rn:hover{color:#ffe7ae;box-shadow:inset 0 0 22px rgba(232,192,106,.26),var(--s-hi),var(--g-glow)}
html.r9 .scm-go svg{fill:none;stroke:currentColor;stroke-width:var(--stroke)}html.r9 .scm-go.r7-go svg{fill:var(--g);stroke:none}
html.r9 .r4me-gf,html.r9 .r3 .r3-slot .lx-ua,html.r9 .ds-qk{background:var(--g-fill);color:var(--g-ink);box-shadow:var(--s-hi),0 6px 18px rgba(232,192,106,.25),inset 0 1px 0 rgba(255,255,255,.5)}
html.r9 .r4me-gf:hover,html.r9 .ds-qk:hover{background:var(--g-fill-hov)}
html.r9 .ds-qk span{color:var(--g-ink);opacity:.8}
html.r9 .ds-bar i{background:linear-gradient(90deg,var(--g-lo),var(--g))}
html.r9 .r4me-gf svg,html.r9 .r3 .r3-slot .lx-ua svg,html.r9 .ds-qk svg,html.r9 .r4-sub svg{stroke-width:var(--stroke)}
html.r9 .r5a:not(.r4-on) .r4-sub{animation-duration:var(--d-shine)}
html.r9 .r5a:not(.r4-on) .r4-sub .r5-sp,html.r9 .scm-go .r5-sp{animation-duration:var(--d-spark)}
html.r9 .r3 .r3-slot .lx-ua,html.r9 .r4 .r3-slot .lx-ua{transition:width var(--d-med) var(--ease),box-shadow var(--d-med) var(--ease)}
html.r9 .r4 .r4-sub{transition:transform var(--d-med) var(--ease),background var(--d-fast) var(--ease),box-shadow var(--d-fast) var(--ease),color var(--d-fast) var(--ease)}
html.r9 .r3:not(.r3-no) .r3-slot .lx-ua.is-hov,html.r9 .r3:not(.r3-no) .r3-slot .lx-ua:focus-visible{box-shadow:var(--g-glow-lg),inset 0 1px 0 rgba(255,255,255,.5)}
@media (hover:hover){html.r9 .r3:not(.r3-no) .r3-slot .lx-ua:hover{box-shadow:var(--g-glow-lg),inset 0 1px 0 rgba(255,255,255,.5)}}
/* Inscrito (assinado): mesma pílula, só a borda dourada fina, estrela cheia */
html.r9 .r5.r4-on .r4-sub{background:var(--g-tint);box-shadow:inset 0 0 0 1px var(--g-edge);color:var(--g-txt)}
html.r9 .r5.r4-on .r4-sub svg{fill:var(--g);stroke:var(--g-hi)}
html.r9 .r4-sub,html.r9 .r3-slot .lx-ua{border-radius:var(--r-pill)}

/* ---------- números: display itálica em todo lugar ---------- */
html.r9 .r2-c .r2-t{font:var(--f-num);font-size:var(--t-m);color:var(--mist)}
html.r9 .lx-pts b{font:var(--f-num);font-size:15px;letter-spacing:.02em}
html.r9 .lx-pts{border-radius:var(--r-pill);background:var(--g-tint);box-shadow:inset 0 0 0 1px var(--g-edge-soft)}
/* moeda de pontos: agora é um SVG dourado próprio (badges/rank/pontos_ouro.svg), sem filtro CSS */
html.r9 .r5me-due{font-size:var(--t-body)}html.r9 .r5me-due b{color:var(--g-txt);font-weight:700}html.r9 .r5me-due b em{font:var(--f-num);font-size:20px;font-style:italic}
html.r9 .ds-grid b{font:var(--f-num);font-size:20px}
html.r9 .uc-st b,html.r9 .lx-rank b{font-family:var(--display);font-style:italic}

/* ---------- ícones: traço 1.8 ---------- */
html.r9 .r4a-pc .lp-ic svg,html.r9 .lx-bar svg,html.r9 .cxh svg,html.r9 .sc-eb svg,html.r9 .lx-rail svg{stroke-width:var(--stroke)}
html.r9 body.pm .r4a-pc .lp-ic{border-radius:var(--r-ic);background:var(--s-glass);box-shadow:var(--s-edge),var(--s-hi);transition:background var(--d-fast) var(--ease),box-shadow var(--d-fast) var(--ease)}
html.r9 body.pm .r4a-pc .lp-ic:hover{box-shadow:inset 0 0 0 1px var(--g-edge),var(--g-glow)}
html.r9 .r4a-pc{transition:opacity var(--d-fast) var(--ease),transform var(--d-fast) var(--ease)}

/* ---------- verde só para sucesso / ao vivo: o resto vira dourado ou neutro ---------- */
html.r9 .uc-st div{background:var(--s-tile);box-shadow:var(--s-edge)}
html.r9 .lx-ri{background:var(--g-tint)}
html.r9 .lx-ri2.cur{box-shadow:inset 0 0 0 1px var(--g-edge)}
html.r9 .ds-sr .av,html.r9 .lx-av,html.r9 .uc-av{background:linear-gradient(150deg,var(--g-hi),var(--g-lo))}
html.r9 .sc-op.cur{background:var(--g-tint)}

@media (prefers-reduced-motion:reduce){html.r9 .scm-go,html.r9 .r4me-rn,html.r9 .scm-go .r5-sp{animation:none!important}html.r9 *{transition-duration:0s!important}}

/* ---------- correção (vale sempre): o botão pequeno ".lx-pp" (linha ~390 do site_extras.css) tinha o mesmo nome do painel
   "Pontos & recompensas" e o achatava para 24 px. O painel volta ao tamanho normal. ---------- */
.lx-pn.lx-pp{display:block;place-items:normal;width:auto;height:auto;margin-left:0;border-radius:14px;padding:12px 14px 12px;background:linear-gradient(180deg,#141a28,#0d111b);box-shadow:inset 0 0 0 1px var(--hair2),0 24px 50px -16px rgba(0,0,0,.9);color:var(--text);cursor:auto}
.lx-pn.lx-pp.sheet{display:flex;flex-direction:column;border-radius:18px 18px 0 0;padding:16px 16px 18px;overflow-y:auto}
html.r9 .lx-pn{background:var(--s-panel);box-shadow:var(--s-edge),var(--s-hi),0 24px 50px -16px rgba(0,0,0,.9)}

/* Correção (21/10): o aviso "Limpar o chat do site para todos?" usava o mesmo nome de classe (.lx-clr)
   que a pílula "som desligado" do player e ia parar no topo do painel. Vale para todas as versões. */
.lx-clr:has(.lx-clrb){position:static;display:flex;flex-direction:column;align-items:stretch;gap:3px;height:auto;margin:2px 0 6px;padding:10px 12px;border-radius:10px;background:rgba(242,167,160,.07);box-shadow:inset 0 0 0 1px rgba(242,167,160,.3);font:inherit;color:inherit}
.lx-clr:has(.lx-clrb)::before{content:none;display:none}

/* Foco (21/10): um anel de foco só, dourado, em vez do azul padrão do navegador */
html.r9 :is(button,a,[tabindex],input,summary):focus-visible{outline:2px solid var(--g);outline-offset:2px}

/* Pontos (21/10): ícones das recompensas e "+50 na 5ª" saem do verde (não é sucesso) e sobem para 11 px */
html.r9 .lx-ri{color:var(--g-txt)}html.r9 .lx-ri svg{stroke-width:var(--stroke)}
html.r9 .lx-sk>span:last-child{font-size:var(--t-meta);color:var(--g-txt)}
html.r9 .lx-skd i.on{background:var(--g)}

/* Linha no celular / só ícone (21/10): "Se inscrever" e "Inscrito" bem diferentes, como no desktop.
   Não inscrito = círculo preto + anel dourado girando + estrela vazada com faísca (r5a).
   Inscrito = círculo escuro e quieto, sem anel girando, estrela dourada cheia. */
html.r9 .r5a.r4-ic:not(.r4-on) .r4-sub svg{fill:none;stroke:var(--g-hi);stroke-width:var(--stroke);stroke-linejoin:round}
html.r9 .r5.r4-ic.r4-on .r4-sub{border:0;background:rgba(255,255,255,.035);box-shadow:var(--s-edge);color:var(--g);animation:none}
html.r9 .r5.r4-ic.r4-on .r4-sub::before,html.r9 .r5.r4-ic.r4-on .r4-sub .r5-sp{display:none}
html.r9 .r5.r4-ic.r4-on .r4-sub svg{fill:var(--g);stroke:var(--g);stroke-width:1.2;filter:none}
html.r9 .r5.r4-ic.r4-on .r4-sub:hover,html.r9 .r5.r4-ic.r4-on .r4-sub[aria-expanded="true"]{background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px var(--g-edge-soft)}

/* Regras das inscrições (21/10): painel no próprio /live, perguntas rápidas no topo */
.scm-box.rg{display:flex;flex-direction:column;max-height:calc(100dvh - 48px)}
.scm-box.rg .rg-body{overflow:auto;overscroll-behavior:contain;margin:0 -4px;padding:0 4px;scrollbar-width:thin}
.rg-k{margin:14px 0 8px;font:700 var(--t-meta)/1 Inter,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--g-txt)}
.rg-k:first-child{margin-top:4px}
/* Regras (21/10, versão enxuta): linhas simples separadas por fio, sem cartões */
.rg-rows{list-style:none;margin:0;padding:0}
.rg-row{display:block;padding:11px 0;box-shadow:inset 0 -1px 0 var(--hair,#2f3336)}
.rg-row:last-child{box-shadow:none}
.rg-row b,.rg-row dt{display:block;margin:0;font:700 var(--t-body)/1.3 Inter,sans-serif;color:var(--ink,#e7e9ea)}
.rg-row span,.rg-row dd{display:block;margin:2px 0 0;font:400 var(--t-label)/1.4 Inter,sans-serif;color:var(--mist,#71767b)}
.rg-s{display:grid;gap:4px}
.rg-si{border-radius:var(--r-tile);box-shadow:var(--s-edge)}
.rg-si summary{display:flex;align-items:center;gap:10px;min-height:38px;padding:0 12px;list-style:none;cursor:pointer;font:600 var(--t-body)/1.2 Inter,sans-serif;color:var(--ink,#f3f6fb)}
.rg-si summary::-webkit-details-marker{display:none}
.rg-si summary svg{margin-left:auto;width:var(--ic-sm);height:var(--ic-sm);fill:none;stroke:var(--faint,#8a93a6);stroke-width:var(--stroke);transition:transform var(--d-fast) var(--ease)}
.rg-si[open] summary svg{transform:rotate(90deg)}
.rg-si summary:focus-visible{outline:2px solid var(--g);outline-offset:2px;border-radius:var(--r-tile)}
.rg-n{width:20px;font-family:var(--f-num);font-style:italic;font-weight:800;color:var(--g-txt)}
.rg-si p{margin:0;padding:0 12px 11px 42px;font:400 var(--t-label)/1.45 Inter,sans-serif;color:var(--mist,#a3aec6)}
.rg-ft{margin:12px 0 0;font:400 var(--t-meta)/1.4 Inter,sans-serif;color:var(--faint,#8a93a6)}
.scm-box.rg h2{margin-bottom:6px}
.scm-box.rg .rg-body{-webkit-mask-image:linear-gradient(180deg,#000 calc(100% - 18px),transparent);mask-image:linear-gradient(180deg,#000 calc(100% - 18px),transparent);padding-bottom:14px}
.rg-s{gap:3px}.rg-si summary{min-height:34px}

/* ---------- aviso de mudança nas inscrições (faixa no topo da lista do chat, 21/10) ---------- */
.gvav{display:grid;grid-template-rows:1fr;grid-template-columns:minmax(0,1fr);align-self:stretch;width:100%;box-sizing:border-box;flex:none;opacity:1;transition:grid-template-rows var(--d-med) var(--ease),opacity var(--d-fast) var(--ease)}
.gvav.off{grid-template-rows:0fr;opacity:0;pointer-events:none}
.gvav>.gvav-in{min-height:0;overflow:hidden;display:flex;align-items:center;gap:7px;margin:9px 8px 2px;padding:6px 2px 6px 9px;border-radius:var(--r-ic);background:linear-gradient(90deg,rgba(232,192,106,.10),rgba(232,192,106,.04));box-shadow:inset 0 0 0 1px var(--g-edge-soft)}
.gvav.off>.gvav-in{margin-top:0;margin-bottom:0;padding-top:0;padding-bottom:0;transition:margin var(--d-med) var(--ease),padding var(--d-med) var(--ease)}
.gvav-ic{flex:none;align-self:flex-start;margin-top:1px;width:var(--ic-sm);height:var(--ic-sm);fill:none;stroke:var(--g);stroke-width:var(--stroke);stroke-linecap:round;stroke-linejoin:round}
.gvav-t{flex:1;min-width:0;margin:0;font:500 var(--t-meta)/1.35 Inter,system-ui,sans-serif;color:#dfe5f0;text-wrap:pretty}
.gvav-t b{font-weight:700;color:var(--g-txt)}
.gvav-a{color:var(--g-txt);font-weight:650;text-decoration:underline;text-underline-offset:2px;text-decoration-color:var(--g-edge);white-space:nowrap}
.gvav-a:hover{color:var(--g-hi)}
.gvav-a:focus-visible,.gvav-x:focus-visible{outline:2px solid var(--g);outline-offset:2px;border-radius:4px}
.gvav{position:relative}.gvav .gvav-ex{position:absolute;top:3px;right:40px;z-index:1;font-size:8px;padding:1px 5px;background:#10141e}.gvav.off .gvav-ex{display:none}
.gvav-t b{white-space:nowrap}
.gvav-x{flex:none;align-self:flex-start;display:grid;place-items:center;width:24px;height:24px;padding:0;border:0;border-radius:8px;background:none;color:#9aa4b5;cursor:pointer}
.gvav-x:hover{background:rgba(255,255,255,.06);color:#dfe5f0}
.gvav-x svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
@media (prefers-reduced-motion:reduce){.gvav,.gvav.off>.gvav-in{transition:none}}

/* ---------- aviso · opção A: aba fina de 1 linha (&aviso=aba | aba_preco) ---------- */
.gvav-aba>.gvav-in{height:30px;box-sizing:border-box;gap:1px;padding:0 2px 0 0}
.gvav-tab{flex:1;min-width:0;display:flex;align-items:center;gap:6px;height:100%;padding:0 3px 0 9px;border:0;border-radius:var(--r-ic) 0 0 var(--r-ic);background:none;color:#dfe5f0;font:600 var(--t-label)/1 Inter,system-ui,sans-serif;text-align:left;cursor:pointer}
.gvav-tab:hover{color:#fff}.gvav-tab:hover .gvav-chev{transform:translateX(2px);color:var(--g-hi)}
html.r9 .gvav-tab:focus-visible,html.r9 .gvav-x:focus-visible{outline:2px solid var(--g);outline-offset:-2px}
.gvav-tab .gvav-ic{align-self:center;margin-top:0}
.gvav-tt{flex:0 1 auto;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gvav-chev{flex:none;width:12px;height:12px;fill:none;stroke:var(--g);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;transition:transform var(--d-fast) var(--ease)}
.gvav-aba .gvav-x{align-self:center;width:22px;height:22px}
.gvav-aba .gvav-ex{top:2px;right:auto;left:34px}
@media (prefers-reduced-motion:reduce){.gvav-chev{transition:none}}

/* ---------- aviso · opção B: mensagem do sistema no chat (&aviso=msg | msg_hoje), família do estilo B ---------- */
.cxl li.gvav-sys{display:block;padding:6px 9px 6px 10px;border-radius:8px;background:rgba(232,192,106,.075);box-shadow:inset 3px 0 0 rgba(232,192,106,.55),inset 0 0 0 1px rgba(232,192,106,.10);color:#dfe5f0;font-size:12.5px;line-height:1.45}
.gvav-who{display:flex;align-items:center;gap:5px;margin-bottom:1px}
.gvav-who b{color:var(--g-txt);font-weight:700;font-size:12px}
.gvav-sic{flex:none;width:13px;height:13px;fill:none;stroke:var(--g);stroke-width:var(--stroke);stroke-linecap:round;stroke-linejoin:round}
.cxl li.gvav-sys b::after{content:none}.cxl li.gvav-sys b{margin-right:0}
.gvav-sys .gvav-mex{margin-left:auto}
.gvav-mt{display:block;overflow-wrap:anywhere}.gvav-mt>b{color:var(--g-txt);font-weight:700}
.gvav-sys .gvav-mex{font-size:8px;padding:2px 5px}

/* ---------- Regras: bloco "Mudanças anunciadas" ---------- */
.gvav-rb{margin-bottom:4px}html.r9 .gvav-rb:focus,html.r9 .gvav-rb:focus-visible{outline:0;box-shadow:none}
.gvav-rb .rg-k .sc-tag{margin-left:6px;font-size:8px;padding:2px 5px;letter-spacing:.08em}

/* ---------- aviso · aba: "Entendi" (já li, não mostrar mais) ---------- */
.gvav-ok{flex:none;align-self:center;height:22px;padding:0 7px;border:0;border-radius:var(--r-pill);background:rgba(232,192,106,.12);box-shadow:inset 0 0 0 1px var(--g-edge-soft);color:var(--g-txt);font:650 var(--t-meta)/1 Inter,system-ui,sans-serif;white-space:nowrap;cursor:pointer}
.gvav-ok:hover{background:rgba(232,192,106,.2);color:var(--g-hi)}
html.r9 .gvav-ok:focus-visible{outline:2px solid var(--g);outline-offset:-2px}
.gvav-aba .gvav-ok+.gvav-x{margin-left:0}
.gvav-ts{display:none}
.gvav-aba.short .gvav-tl{display:none}.gvav-aba.short .gvav-ts{display:inline}