/* Demos DUX — base visual do painel e do assistente (padrão Basqui / Liquid Glass).
   Tokens do Portal + camada de vidro. Conteúdo sólido, controle em vidro. */
:root{
  --bg:#F8F8F6;--white:#FFFFFF;--black:#121316;--gray:#666;--gray2:#AAA;--gray3:#E3E4DE;--gray4:#F0F0EE;--dot:#CBCCC6;
  --yellow:#FFB400;--yd:rgba(255,180,0,.12);--yb:rgba(255,180,0,.4);--amber:#8A6100;
  --green:#1E8A3E;--green-soft:rgba(30,138,62,.10);--orange:#B85C00;--orange-soft:rgba(184,92,0,.11);
  --purple:#7C3AED;--purple-soft:rgba(124,58,237,.11);--cyan:#0E7490;--cyan-soft:rgba(14,116,144,.11);--red:#D93025;--red-soft:rgba(217,48,37,.09);
  --vidro-tinta:rgb(255 255 255/.52);--vidro-painel:rgb(255 255 255/.94);--vidro-borda:rgb(18 19 22/.10);
  --vidro-desfoque:14px;--vidro-saturacao:180%;
  --vidro-brilho:inset 0 1px 0 rgb(255 255 255/.95),inset 0 -1px 0 rgb(255 255 255/.35),inset 0 0 0 1px rgb(255 255 255/.40),inset 0 0 18px rgb(255 255 255/.22);
  --vidro-sombra:0 10px 30px rgb(18 19 22/.12),0 2px 6px rgb(18 19 22/.06);
  --vidro-trilho:rgb(18 19 22/.06);--vidro-pastilha:rgb(255 255 255/.92);
  --principal:rgb(18 19 22/.88);--principal-t:#fff;
  --sombra-card:0 1px 2px rgba(0,0,0,.04),0 6px 20px rgba(0,0,0,.05);
}
:root[data-theme=dark]{
  --bg:#0A0A0C;--white:#141518;--black:#F4F4F2;--gray:#B0B0AB;--gray2:#74756F;--gray3:#2A2B30;--gray4:#1C1D21;--dot:#23242A;
  --yd:rgba(255,180,0,.16);--amber:#F0B429;--green:#4ADE80;--green-soft:rgba(74,222,128,.13);--orange:#F09A5B;--orange-soft:rgba(240,154,91,.14);
  --purple:#A78BFA;--purple-soft:rgba(167,139,250,.14);--cyan:#5FD3E8;--cyan-soft:rgba(95,211,232,.14);--red:#F87171;--red-soft:rgba(248,113,113,.14);
  --vidro-painel:rgb(28 29 33/.95);--vidro-borda:rgb(0 0 0/.45);
  --vidro-brilho:inset 0 1px 0 rgb(255 255 255/.20),inset 0 -1px 0 rgb(255 255 255/.05),inset 0 0 0 1px rgb(255 255 255/.07);
  --vidro-sombra:0 10px 30px rgb(0 0 0/.5),0 2px 6px rgb(0 0 0/.35);--vidro-trilho:rgb(255 255 255/.08);--vidro-pastilha:rgb(255 255 255/.16);
  --principal:rgb(244 244 242/.92);--principal-t:#121316;--sombra-card:0 2px 10px rgba(0,0,0,.5);
}
*{box-sizing:border-box;margin:0;padding:0}
html{color-scheme:light}:root[data-theme=dark]{color-scheme:dark}
body{font-family:'Manrope',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;-webkit-font-smoothing:antialiased;color:var(--black);
  background:var(--bg);background-image:radial-gradient(var(--dot) 1px,transparent 1px);background-size:22px 22px;min-height:100vh}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;cursor:pointer;border:0;background:none}
:focus-visible{outline:2px solid var(--yellow);outline-offset:2px}
.vidro{background:var(--vidro-tinta);backdrop-filter:blur(var(--vidro-desfoque)) saturate(var(--vidro-saturacao));-webkit-backdrop-filter:blur(var(--vidro-desfoque)) saturate(var(--vidro-saturacao));
  border:1px solid var(--vidro-borda);box-shadow:var(--vidro-brilho),var(--vidro-sombra)}
:root.vidro-solido .vidro{background:var(--vidro-painel);backdrop-filter:none;-webkit-backdrop-filter:none}
.btn{height:38px;border-radius:999px;padding:0 16px;font-weight:700;font-size:13px;display:inline-flex;align-items:center;justify-content:center;gap:7px;white-space:nowrap;transition:transform .15s,filter .15s}
.btn:hover{filter:brightness(.97)}.btn:active{transform:scale(.97)}
.btn-p{background:var(--principal);color:var(--principal-t);box-shadow:inset 0 1px 0 rgb(255 255 255/.28),0 6px 16px rgb(18 19 22/.18)}
.btn-v{background:var(--vidro-trilho);color:var(--black)}
.btn[disabled],.btn[aria-disabled=true]{opacity:.45;pointer-events:none}
.tag{font-size:11px;font-weight:700;padding:3px 8px;border-radius:999px;white-space:nowrap}
.selo{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:700;color:var(--amber);background:var(--yd);padding:6px 12px;border-radius:999px}
.selo::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--yellow)}
.bolha{max-width:88%;padding:11px 14px;font-size:13.5px;line-height:1.6;border-radius:16px}
.bolha.eu{align-self:flex-end;background:var(--principal);color:var(--principal-t);border-bottom-right-radius:6px}
.bolha.ele{align-self:flex-start;background:var(--white);border:1px solid var(--gray3);border-bottom-left-radius:6px}
.ferr{font-size:11.5px;font-weight:700;color:var(--amber);background:var(--yd);align-self:flex-start;padding:4px 10px;border-radius:999px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
@media (prefers-contrast:more){.vidro{background:var(--vidro-painel)}}