/* BETEL v357-r26 — experiência de quem usa (fase 7)
 *
 * Estilos de quatro coisas: o aviso honesto de falha, o controle de tamanho da
 * letra, o aviso de rascunho recuperado, e um piso de 44px para alvos de toque.
 */

/* ── O aviso de falha, no lugar de "tente de novo" ──────────────────────── */
.bx7-falha{
  background:#fdf2f3; border:1px solid #e5c2c5; border-radius:10px;
  padding:14px 16px; margin:10px 0; text-align:left; line-height:1.6;
}
.bx7-falha-t{ font-size:15px; font-weight:700; color:#7a1a24; margin-bottom:5px }
.bx7-falha-x{ font-size:14px; color:#5f4145 }
.bx7-falha-a{ margin-top:12px }
.bx7-b{
  border:1px solid #b8c4d8; background:#fff; color:#1a4a8a;
  border-radius:9px; padding:11px 18px; font-size:14.5px; font-family:inherit;
  cursor:pointer; min-height:44px;
}
.bx7-b--forte{ background:#1a4a8a; color:#fff; border-color:#1a4a8a; font-weight:600 }
.bx7-b:hover{ filter:brightness(1.06) }

/* ── O controle de tamanho da letra ─────────────────────────────────────── */
.bx7-tamanho{
  display:flex; align-items:center; justify-content:center;
  flex-wrap:wrap; gap:7px; padding:14px 10px 4px;
}
.bx7-tam-r{
  font-size:13px; color:#8a99a9; letter-spacing:.04em;
  margin-right:4px; width:100%; text-align:center;
}
.bx7-tam{
  border:1px solid #b8c4d8; background:#fff; color:#1a4a8a;
  border-radius:999px; padding:9px 18px; font-family:inherit; font-size:14px;
  cursor:pointer; min-height:44px; min-width:88px;
}
.bx7-tam.on{ background:#1a4a8a; color:#fff; border-color:#1a4a8a; font-weight:600 }

/* ── O aviso de rascunho recuperado ─────────────────────────────────────── */
.bx7-rascunho{
  position:fixed; left:50%; transform:translateX(-50%); bottom:76px;
  z-index:2147483100; max-width:min(520px, calc(100vw - 28px));
  background:#e7f1e9; border:1px solid #bcd9c5; color:#20503a;
  border-radius:10px; padding:12px 16px; font-size:14px; line-height:1.5;
  box-shadow:0 8px 26px rgba(20,50,100,.18);
}

/* ── Piso de toque ──────────────────────────────────────────────────────────
 *
 * A recomendação de acessibilidade é 44px de lado. Não vale para tudo: um selo
 * de status ou um chip de filtro dentro de uma lista densa ficaria enorme e
 * empurraria o resto para fora da tela. Aqui o piso vale para botão de verdade
 * e para campo de digitar — que é onde errar o toque custa caro.
 */
button:not(.bx7-tam):not([class*="chip"]):not([class*="selo"]):not([class*="tag"]),
input[type="submit"], input[type="button"],
select, input[type="text"], input[type="tel"], input[type="email"],
input[type="password"], input[type="number"], input[type="date"]{
  min-height:44px;
}

/* Botões que existem só como ícone continuam quadrados, sem esticar. */
button[aria-label]:empty, button.icone, button.bx7-icone{ min-width:44px }

/* Quem já declarou altura de propósito continua mandando. */
button[style*="height"], button[style*="min-height"]{ min-height:unset }