/* ===== Polvo App · ajustes: sem zoom, tela de nova senha, sugestões de e-mail ===== */

/* sem zoom: o iPhone dá zoom em campo com letra menor que 16px; e sem zoom de toque duplo */
html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; touch-action: manipulation; }
button, a, input, select, textarea, label { touch-action: manipulation; }
@media (max-width: 1023px) {
  input, select, textarea, .input, .select, .textarea { font-size: 16px !important; }
}

/* tela de nova senha */
html.pvx-travado, html.pvx-travado body { overflow: hidden; }
.pvx-senha [hidden] { display: none !important; }
.pvx-senha { position: fixed; inset: 0; z-index: 9999; overflow: auto; background: var(--navy, #0B1F3B);
  display: flex; align-items: center; justify-content: center; padding: 24px 16px calc(24px + env(safe-area-inset-bottom, 0px)); }
.pvx-caixa { width: 100%; max-width: 420px; display: flex; flex-direction: column; gap: 18px; }
.pvx-marca { display: flex; align-items: center; justify-content: center; gap: 10px; color: #fff; }
.pvx-marca img { width: 54px; height: auto; }
.pvx-marca b { font-size: 26px; font-weight: 800; letter-spacing: -.02em; }
.pvx-marca b span { color: var(--mint, #6EF0D8); margin-left: 4px; }
.pvx-card { background: var(--pv-card, #fff); color: var(--ink, #0B1F3B); border-radius: 20px; padding: 24px 20px; box-shadow: 0 12px 40px rgba(0,0,0,.25); }
.pvx-card h1 { font-size: 22px; font-weight: 800; margin: 0; }
.pvx-sub { color: var(--muted, #475569); font-size: 14px; margin: 6px 0 18px; }
.pvx-ver { display: flex; align-items: center; gap: 8px; font-size: 13.5px; color: var(--muted, #475569); }
.pvx-ok { width: 54px; height: 54px; border-radius: 16px; display: grid; place-items: center; font-size: 28px; font-weight: 800;
  background: var(--done-bg, #CCFBF1); color: var(--done-fg, #115E59); margin-bottom: 14px; }
.pvx-sig { text-align: center; font-size: 13px; font-weight: 700; color: var(--mint, #6EF0D8); }

/* sugestões de domínio no e-mail */
.pvx-dominios { position: absolute; z-index: 10000; background: var(--pv-card, #fff); border: 1px solid var(--line, #E2E8F0);
  border-radius: 12px; box-shadow: 0 12px 32px rgba(11,31,59,.16); padding: 4px; display: flex; flex-direction: column; max-height: 240px; overflow: auto; }
.pvx-dominios[hidden] { display: none; }
.pvx-dominios button { border: 0; background: none; text-align: left; padding: 11px 12px; border-radius: 9px; font: inherit;
  font-size: 15px; color: var(--ink, #0B1F3B); cursor: pointer; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pvx-dominios button:hover, .pvx-dominios button:focus-visible { background: var(--mist, #EEF3F7); outline: none; }

/* slogan no rodapé (no lugar de AGENDA ✦ PÁTIO ✦ CAIXA) */
.acesso-sig, .onb .sig, .pvx-sig { letter-spacing: normal !important; font-size: 13px !important; text-align: center; text-transform: none; }
/* na tela de entrar o slogan já aparece embaixo do logo: não repete no rodapé */
.acesso:has(.acesso-slogan) .acesso-sig { display: none; }

/* clientes para reativar */
.pvx-reat { position: fixed; inset: 0; z-index: 80; background: var(--mist, #EEF3F7); overflow: auto; padding-bottom: calc(24px + env(safe-area-inset-bottom, 0px)); }
.pvx-reat .topbar { display: flex; }
.pvx-reat .page { margin: 0 auto; }
.pvx-reat-msg { margin-top: 8px; padding: 10px 12px; border-radius: 12px; background: var(--off, #F8FAFC); border: 1px solid var(--line, #E2E8F0); font-size: 13.5px; line-height: 1.5; color: var(--ink, #0B1F3B); }
.pvx-reat-msg[hidden] { display: none; }
.pvx-reat-caixa { grid-template-columns: minmax(0, 1fr) !important; }
.pvx-reat-atalho b { color: var(--ink, #0B1F3B); }