/* Redefina-se · SHELL VIDRO (padrão do app BRS, 28/10) em ROSA (FA, 12/11: "preto e rosa estilo a BRS APP").
   Fonte do sistema (SF Pro), luz ambiente no fundo, cards de vidro com borda brilhante, ação principal em pílula rosa com volume.
   Sem emoji: ícones de linha (icones.js). Rosa só no item ativo, na métrica e na ação principal. */
:root{
  --sf:-apple-system,BlinkMacSystemFont,"SF Pro Text","SF Pro Display","Helvetica Neue",Inter,system-ui,sans-serif;
  --bg:#07060a; --txt:#f5f3f7; --mut:rgba(235,232,245,.62); --mut2:rgba(235,232,245,.42);
  --card:rgba(255,255,255,.055); --card2:rgba(255,255,255,.085);
  --line:rgba(255,255,255,.10); --line2:rgba(255,255,255,.16);
  --rosa:#f0619e; --rosa-claro:#ffb3d1; --rosa-fundo:rgba(240,97,158,.14);
  --ok:#4ade80; --alerta:#fbbf24; --ruim:#f87171; --quente:#fb7185; --morno:#fbbf24; --frio:#93c5fd;
  --r:22px; --r-sm:14px;
  --vidro:linear-gradient(160deg,rgba(255,255,255,.085),rgba(255,255,255,.03));
  --vidro-sombra:inset 0 1px 0 rgba(255,255,255,.13),inset 0 -1px 0 rgba(0,0,0,.25),0 18px 44px rgba(0,0,0,.45);
  --btn:radial-gradient(120% 140% at 50% 0%,#ffc2dc 0%,#f0619e 45%,#a3195b 100%);
  --btn-sombra:inset 0 1.5px 0 rgba(255,255,255,.6),inset 0 -2px 6px rgba(90,10,50,.35),0 10px 26px rgba(240,97,158,.28),0 2px 4px rgba(0,0,0,.4);
  color-scheme:dark;
  /* nomes antigos, usados em estilos inline */
  --apoio:var(--mut); --linha:var(--line); --tinta:var(--txt); --papel:var(--card); --ouro:var(--rosa); --ouro-e:var(--rosa); --creme:var(--bg);
}
*{box-sizing:border-box}
html,body{margin:0;color:var(--txt);font-family:var(--sf);font-size:15px;line-height:1.5;letter-spacing:-.005em;-webkit-font-smoothing:antialiased}
body{background:radial-gradient(1000px 700px at 95% -10%,rgba(240,97,158,.20),transparent 62%),radial-gradient(900px 800px at -10% 85%,rgba(120,60,170,.18),transparent 62%),var(--bg);background-attachment:fixed;min-height:100dvh}
h1,h2,h3{font-family:var(--sf);font-weight:700;letter-spacing:-.022em;margin:0;text-wrap:balance}
a{color:var(--rosa-claro)}
.mono{font-family:var(--sf);font-weight:800;letter-spacing:-.06em;line-height:1;background:linear-gradient(160deg,#ffd1e4,#f0619e 60%,#a3195b);-webkit-background-clip:text;background-clip:text;color:transparent}
.eyebrow{font-size:12px;font-weight:600;letter-spacing:.04em;color:var(--mut)}
.sub{color:var(--mut)}
.ico{width:1.15em;height:1.15em;flex:0 0 auto;vertical-align:-.2em;display:inline-block}
button,.btn{font:inherit;font-weight:650;border:0;background:var(--btn);box-shadow:var(--btn-sombra);color:#fff;padding:11px 20px;border-radius:999px;cursor:pointer;letter-spacing:-.01em;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:transform .12s,filter .12s}
button:active,.btn:active{transform:scale(.97)}
button:hover,.btn:hover{filter:brightness(1.07)}
button.sec,.btn.sec,button.leve,.btn.leve{background:rgba(255,255,255,.08);border:1px solid var(--line2);box-shadow:inset 0 1px 0 rgba(255,255,255,.12);color:var(--txt);font-weight:550}
button:disabled{opacity:.45;cursor:default;transform:none}
:focus-visible{outline:2px solid var(--rosa);outline-offset:2px}
input,select,textarea{font:inherit;width:100%;padding:12px 14px;border:1px solid var(--line2);background:rgba(255,255,255,.06);color:var(--txt);border-radius:var(--r-sm);box-shadow:inset 0 1px 2px rgba(0,0,0,.25)}
input::placeholder,textarea::placeholder{color:var(--mut2)}
select option{background:#16141b;color:var(--txt)}
textarea{min-height:92px;resize:vertical}
label{display:grid;gap:6px;font-size:13px;color:var(--mut);font-weight:500}
.pill{display:inline-flex;align-items:center;font-size:11px;font-weight:650;padding:2px 9px;border-radius:999px;background:rgba(255,255,255,.07);white-space:nowrap}
.quente{color:var(--quente)}.morno{color:var(--morno)}.frio{color:var(--frio)}
.erro{color:var(--ruim);font-size:14px;margin:0}
.cartao{background:var(--vidro);border:1px solid var(--line);box-shadow:var(--vidro-sombra);border-radius:var(--r);padding:20px;-webkit-backdrop-filter:blur(30px) saturate(160%);backdrop-filter:blur(30px) saturate(160%)}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
[hidden]{display:none!important}