/* ==========================================================================
   Agion — plat2-shell.css · Casca da Plataforma v2 (só em /plataformav2)
   Tokens do protótipo v4 + menu lateral em grupos com pílula dourada,
   botão "Mais" no celular e selo "Prévia". As telas das abas continuam as
   da v1 até cada uma ganhar o visual novo.
   ========================================================================== */
html.v2{
  --v2-sb:#0B2A26; --v2-sbtx:#A9BFB8; --v2-gold:#C5A059; --v2-gold2:#E8CC8B; --v2-gold3:#F4E6C0; --v2-goldd:#A3833F;
  --v2-gg:linear-gradient(115deg,#A8853E,#E8CC8B 52%,#C5A059 92%);
  --v2-bg:#F4EFE4; --v2-bg2:#ECE4D3; --v2-card:#FFFDF8; --v2-line:#E6DCC8; --v2-ink:#0B2A26; --v2-mut:#7A8681;
  --v2-ok:#3F8F6A; --v2-bad:#C2463B; --v2-blue:#2E6A8A;
  --v2-ez:cubic-bezier(.22,1,.36,1); --v2-sp:cubic-bezier(.34,1.56,.64,1);
  --v2-shadow:0 1px 2px rgba(11,42,38,.06),0 12px 32px -14px rgba(11,42,38,.24);
}

/* ---------- menu lateral ---------- */
html.v2 body .side{background:var(--v2-sb)!important;backdrop-filter:none!important;
  background-image:radial-gradient(120% 40% at 0% 0%,rgba(197,160,89,.16),transparent 60%),radial-gradient(90% 30% at 100% 100%,rgba(197,160,89,.08),transparent 70%)!important;
  border-right:0!important;position:sticky;overflow:hidden}
html.v2 body .side::after{content:"";position:absolute;top:0;right:0;bottom:0;width:1px;background:linear-gradient(transparent,rgba(232,204,139,.35),transparent);pointer-events:none}
html.v2 body .side .brand b{font-family:Lora,Georgia,serif;letter-spacing:.14em;color:#F1DEA9}
html.v2 body .side .brand span{letter-spacing:.2em;text-transform:uppercase;color:var(--v2-gold)}
html.v2 #navi{position:relative;gap:0!important;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;padding-bottom:8px}
html.v2 #navi::-webkit-scrollbar{display:none}
html.v2 .v2-ng{font:700 9.5px "DM Sans",system-ui,sans-serif;letter-spacing:.22em;text-transform:uppercase;color:rgba(197,160,89,.75);padding:14px 12px 6px;white-space:nowrap}
html.v2 #navi .v2-ng:first-of-type{padding-top:4px}
html.v2 #navi a{gap:13px!important;padding:10px 12px!important;border-radius:13px!important;font-size:13.6px!important;font-weight:600!important;color:var(--v2-sbtx)!important;background:transparent!important;border:0!important;white-space:nowrap;transition:color .35s var(--v2-ez)}
html.v2 #navi a::before{display:none!important}
html.v2 #navi a svg{opacity:.9!important;color:inherit!important}
html.v2 #navi a .v2-lb{transition:transform .35s var(--v2-ez)}
html.v2 #navi a:hover{color:#fff!important}
html.v2 #navi a:hover .v2-lb{transform:translateX(3px)}
html.v2 #navi a.on{color:#0B2A26!important}
html.v2 #navi a.on svg{color:#0B2A26!important}
/* pílula dourada: é o indicador deslizante que a camada de movimento já desenha */
html.v2 #navi.has-ind .m-ind{border-radius:13px!important;background:var(--v2-gg)!important;box-shadow:0 8px 22px -8px rgba(197,160,89,.65),inset 0 1px 0 rgba(255,255,255,.45)!important}
/* sem a camada de movimento: o item ativo recebe o fundo dourado direto */
html.v2 #navi:not(.has-ind) a.on{background:var(--v2-gg)!important}
html.v2 .v2-selo{margin:0 0 10px;padding:10px 12px;border-radius:12px;border:1px dashed rgba(232,204,139,.35);font-size:11.5px;line-height:1.35;color:var(--v2-sbtx)}
html.v2 .v2-selo b{display:block;color:var(--v2-gold2);font-weight:700;letter-spacing:.04em}
html.v2 .v2-selo a{color:var(--v2-sbtx);text-decoration:underline;text-underline-offset:2px}
html.v2 .v2-selo a:hover{color:#fff}

/* ---------- celular: barra de baixo + "Mais" fixo ---------- */
#v2MaisBt{display:none}
@media (max-width:860px){
  html.v2 #mobnav{padding-right:74px!important}
  html.v2 #v2MaisBt{display:flex;position:fixed;right:0;bottom:0;z-index:72;width:70px;flex-direction:column;align-items:center;justify-content:center;gap:3px;
    padding:7px 4px calc(7px + env(safe-area-inset-bottom,0px));font:700 .56rem "DM Sans",system-ui,sans-serif;color:var(--v2-gold2);
    background:linear-gradient(90deg,rgba(8,22,27,0),rgba(8,22,27,.97) 22%);border:0;cursor:pointer}
  html.v2 #v2MaisBt .icon{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.8;border-radius:50%;padding:2px;background:rgba(197,160,89,.14)}
}
html.v2 body.isApp #v2MaisBt{display:flex;position:fixed;right:0;bottom:0;z-index:72;width:70px;flex-direction:column;align-items:center;justify-content:center;gap:3px;
  padding:6px 4px calc(6px + env(safe-area-inset-bottom,0px));font:700 .56rem "DM Sans",system-ui,sans-serif;color:var(--v2-gold2);background:#08161B;border:0;border-top:1px solid rgba(197,160,89,.28)}
html.v2 body.isApp #mobnav{padding-right:74px!important}
.v2-sheet-bg{position:fixed;inset:0;z-index:10060;background:rgba(4,12,14,0);display:flex;align-items:flex-end;justify-content:center;transition:background .25s}
.v2-sheet-bg.on{background:rgba(4,12,14,.62)}
.v2-sheet{width:min(560px,100%);max-height:82vh;overflow:auto;background:linear-gradient(180deg,#10303A,#0B222A);color:#E8F2F0;border:1px solid rgba(197,160,89,.38);border-bottom:0;
  border-radius:22px 22px 0 0;padding:8px 16px calc(18px + env(safe-area-inset-bottom,0px));transform:translateY(100%);transition:transform .38s cubic-bezier(.22,1,.36,1)}
.v2-sheet-bg.on .v2-sheet{transform:none}
.v2-grab{width:40px;height:4px;border-radius:4px;background:rgba(255,255,255,.25);margin:4px auto 10px}
.v2-sheet-hd{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:4px}
.v2-sheet-hd b{font:600 1.05rem Lora,Georgia,serif;color:#F4FAF8}
.v2-volta{font-size:.74rem;color:#9DB5B1;text-decoration:underline;text-underline-offset:2px}
.v2-mg{margin-top:4px}
.v2-mg .v2-ng{padding-left:4px}
.v2-mg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.v2-mg .v2-ng{grid-column:1/-1;padding:12px 4px 2px}
.v2-mg button{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 6px;border-radius:14px;border:1px solid rgba(143,217,204,.14);background:rgba(255,255,255,.04);color:#DCE9E7;font:600 .74rem "DM Sans",system-ui,sans-serif;cursor:pointer}
.v2-mg button .icon{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.8}
.v2-mg button.on{background:linear-gradient(115deg,#A8853E,#E8CC8B 52%,#C5A059 92%);color:#0B2A26;border-color:transparent}
@media (prefers-reduced-motion:reduce){.v2-sheet,.v2-sheet-bg{transition:none}}

/* Chat B 19/out: com o visual novo aberto, os tutoriais da versão anterior ficam escondidos (o visual novo tem os seus) */
html.v4on #trRoot, html.v4on .tr-invite{display:none!important}