/* Aviso "Vincule seu Google" (public/js/auth/aviso-google.js). Mockup aprovado: docs/mockups/conta/vincular-google.html.
   Computador: janela no centro. Celular (até 640px): sobe de baixo, no padrão bottom-sheet do site. */
.avg-veu{position:fixed;inset:0;z-index:210;background:rgba(4,6,10,.72);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;padding:20px}
.avg{width:min(460px,100%);max-height:calc(100dvh - 40px);overflow:auto;background:var(--s-850);border:1px solid var(--line-hi);border-radius:18px;box-shadow:0 30px 80px rgba(0,0,0,.55);position:relative;color:var(--t-hi)}
.avg h2{font:800 24px/1.15 var(--display);margin:0;text-wrap:balance}
.avg p{margin:0}
.avg-x{position:absolute;top:12px;right:12px;width:32px;height:32px;border-radius:8px;border:0;background:transparent;color:var(--t-low);font-size:20px;cursor:pointer}
.avg-x:hover{background:var(--s-700);color:var(--t-hi)}
.avg-topo{padding:26px 26px 0;display:flex;flex-direction:column;gap:12px}
.avg-duas{display:flex;align-items:center;gap:10px}
.avg-ic{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;border:1px solid var(--line-hi)}
.avg-ic-d{background:#5865f2;border-color:#5865f2}
.avg-ic-g{background:#fff;border-color:#fff}
.avg-liga{flex:0 0 34px;height:2px;background:repeating-linear-gradient(90deg,var(--or) 0 6px,transparent 6px 10px)}
.avg-kicker{font:500 11px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--or)}
.avg-kicker-ok{color:var(--live)}
.avg-lead{color:var(--t-mid);font-size:14.5px;line-height:1.55}
.avg-lista{list-style:none;margin:0;padding:18px 26px 0;display:grid;gap:10px}
.avg-lista li{display:grid;grid-template-columns:22px 1fr;gap:10px;font-size:14px;line-height:1.45}
.avg-lista li svg{margin-top:2px;color:var(--live)}
.avg-acoes{padding:22px 26px 0;display:grid;gap:10px}
.avg-btn-g{display:flex;align-items:center;justify-content:center;gap:10px;height:46px;border-radius:10px;border:1px solid #dadce0;background:#fff;color:#1f1f1f;font-weight:600;font-size:15px;cursor:pointer}
.avg-btn-g:hover{background:#f2f4f7}
.avg-btn-g:disabled{opacity:.6;cursor:wait}
.avg-btn-depois{height:42px;border-radius:10px;border:1px solid var(--border);background:transparent;color:var(--t-mid);font-weight:600;font-size:14px;cursor:pointer}
.avg-btn-depois:hover{border-color:var(--line-hi);color:var(--t-hi)}
.avg-erro{font-size:13px;color:var(--red)}
.avg-rodape{padding:16px 26px 22px;font-size:12.5px;color:var(--t-low);display:grid;gap:4px}
.avg-ok{padding:30px 26px 24px;display:flex;flex-direction:column;gap:12px}
.avg-selo{width:48px;height:48px;border-radius:50%;background:var(--live-wash);border:1px solid rgba(56,214,160,.4);display:grid;place-items:center;color:var(--live)}
.avg-formas{display:grid;gap:8px;margin-top:6px}
.avg-forma{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:var(--s-800);font-size:14px;min-width:0;overflow-wrap:anywhere}
.avg-forma small{margin-left:auto;font:500 11px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--live)}
.avg-mini{width:26px;height:26px;flex:0 0 26px;border-radius:7px;display:grid;place-items:center}
.avg-mini svg{width:14px;height:14px}
.avg-btn-ok{margin-top:8px;height:44px;border-radius:10px;border:0;background:var(--or);color:#111;font-weight:700;font-size:15px;cursor:pointer}
@media (max-width:640px){
  .avg-veu{align-items:flex-end;padding:0}
  .avg{width:100%;border-radius:20px 20px 0 0;border-bottom:0;box-shadow:0 -20px 60px rgba(0,0,0,.5);max-height:92dvh;padding-bottom:env(safe-area-inset-bottom,0px)}
  .avg::before{content:"";display:block;width:40px;height:4px;border-radius:4px;background:var(--line-hi);margin:10px auto 0}
  .avg-topo{padding-top:14px}
  .avg h2{font-size:21px}
  .avg-lista li{font-size:13.5px}
}
@media (prefers-reduced-motion:no-preference){.avg{animation:avg-entra .18s ease-out}}
@keyframes avg-entra{from{transform:translateY(8px);opacity:.6}to{transform:none;opacity:1}}