/* Confirmação por biometria e PIN (web/biometria.js). Janela própria, acima da gaveta. Feita para 390 px. */
.bio-veu { position: fixed; inset: 0; z-index: 2147483100; background: rgb(0 0 0 / .45); display: flex; align-items: center; justify-content: center;
  padding: calc(12px + env(safe-area-inset-top, 0px)) 12px calc(12px + env(safe-area-inset-bottom, 0px)); }
.bio-caixa { background: var(--sup, #fff); color: var(--tinta, #13233a); border-radius: 14px; box-shadow: 0 12px 36px rgb(0 0 0 / .32);
  width: min(360px, 100%); max-height: calc(100% - 16px); overflow: auto; padding: 16px 16px 12px; font-family: var(--f-txt, system-ui, sans-serif); }
.bio-caixa h3 { margin: 0 0 6px; font-size: 1.1rem; }
.bio-mot { margin: 0 0 4px; font-weight: 600; }
.bio-quem, .bio-txt { margin: 0 0 10px; font-size: .92rem; color: var(--aco, #5b6879); }
.bio-quem b { color: var(--tinta, #13233a); }
.bio-erro { min-height: 1.3em; margin: 8px 0 0; font-size: .9rem; color: var(--mal, #b42318); text-align: center; }
.bio-pontos { display: flex; justify-content: center; gap: 12px; margin: 4px 0 14px; }
.bio-pontos i { width: 14px; height: 14px; border-radius: 50%; border: 2px solid var(--aco, #5b6879); }
.bio-pontos i.on { background: var(--tinta, #13233a); border-color: var(--tinta, #13233a); }
.bio-teclado { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
.bio-tecla { min-height: 54px; border: 1px solid var(--linha, #dde3ea); border-radius: 12px; background: var(--bg, #f4f6f8); color: inherit;
  font: 600 1.35rem/1 var(--f-txt, system-ui, sans-serif); cursor: pointer; touch-action: manipulation; -webkit-tap-highlight-color: transparent; }
.bio-tecla:active { transform: scale(.97); }
.bio-tecla-s { font-size: 1rem; }
.bio-tecla:disabled { opacity: .45; cursor: default; }
.bio-acoes { display: flex; justify-content: flex-end; gap: 8px; margin-top: 10px; }
.bio-btn { border: 1px solid var(--linha, #dde3ea); background: transparent; color: inherit; border-radius: 10px; padding: 10px 16px; font: inherit; cursor: pointer; min-height: 44px; }
.bio-pri { background: var(--marca, #0f7a72); border-color: var(--marca, #0f7a72); color: #fff; font-weight: 600; }
.bio-largo { display: block; width: 100%; margin: 6px 0 12px; font-size: 1.02rem; }
.bio-ocupado .bio-caixa { cursor: progress; }
.bio-tecla:focus-visible, .bio-btn:focus-visible { outline: 3px solid var(--marca, #0f7a72); outline-offset: 2px; }
.bio-cfg h4 { margin: 14px 0 4px; font-size: .98rem; }
.bio-lista li { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.bio-lista li small { display: block; }
@media (max-width: 420px) { .bio-caixa { padding: 14px 12px 10px; } .bio-tecla { min-height: 58px; } }