/* Aviso de cookies (LGPD) — primeira visita. Ver templates/partials/cookie_banner.html.
   Usa só variáveis presentes em app.css E landing.css/site.css (--accent, --accent-dark,
   --accent-soft, --ink, --muted, --line) para funcionar igual em qualquer página. */
.cookie-banner{
  position:fixed;left:0;right:0;bottom:0;z-index:9999;
  display:flex;align-items:center;gap:14px;flex-wrap:wrap;
  background:#fff;border-top:1px solid var(--line);
  padding:14px 20px;box-shadow:0 -4px 20px rgba(20,32,28,.12);
}
.cookie-banner svg{width:22px;height:22px;color:var(--accent-dark);flex:0 0 auto;}
.cookie-banner p{flex:1 1 260px;min-width:200px;font-size:13.5px;font-weight:500;color:var(--muted);line-height:1.5;margin:0;}
.cookie-banner p a{color:var(--accent-dark);font-weight:700;text-decoration:underline;}
.cookie-banner button{flex:0 0 auto;background:var(--accent-dark);color:#fff;border:none;
  font-weight:700;font-size:13.5px;padding:10px 20px;border-radius:11px;cursor:pointer;
  font-family:inherit;}
.cookie-banner button:hover{background:var(--accent);}
@media (max-width:480px){.cookie-banner{padding:12px 14px;}}

/* App mobile (.shell): a tabbar fica no rodapé em fluxo normal (flex column).
   "fixed" aqui cobriria as abas Filas/Conversas/Perfil — em vez disso o aviso
   entra no próprio fluxo, como uma faixa abaixo da tabbar, sem sobrepor nada. */
.shell .cookie-banner{
  position:static;flex-shrink:0;
  box-shadow:0 -2px 10px rgba(20,32,28,.08);
}