/* ==========================================
   SITUR — acabamento: toque, clique e transições
   (vale para a tela principal e para o login)
   ========================================== */
:root {
  --ease-out: cubic-bezier(0.23, 1, 0.32, 1);   /* resposta rápida que assenta suave */
}

/* ---------- Toque no celular/tablet ---------- */
/* Sem o lampejo cinza ao tocar e sem a espera de ~300 ms do "toque duplo" */
html { -webkit-tap-highlight-color: transparent; }
button, a, label[for], select, [role="button"] { touch-action: manipulation; }
/* Segurar o dedo num botão não seleciona o texto dele */
button { -webkit-user-select: none; user-select: none; }

/* ---------- Clique: o botão "afunda" na hora ---------- */
/* Só as propriedades que mudam (a classe "transition" do Tailwind animava 7) */
button:not(:disabled) {
  transition: transform 160ms var(--ease-out), background-color 150ms ease, color 150ms ease,
    border-color 150ms ease, box-shadow 150ms ease, opacity 150ms ease;
}
button:not(:disabled):active { transform: scale(0.97); }
/* Botões largos (cartões do quadro, botões de largura total): afundam menos */
button.w-full:not(:disabled):active { transform: scale(0.985); }

/* ---------- Janelas (ficha do processo, minha senha, novo código) ---------- */
/* Entra em 220 ms; sai em 150 ms (fechar é resposta do sistema). Ver modules/janela.js */
.janela-anim:not(.hidden) { animation: janela-fundo-entra 200ms var(--ease-out); }
.janela-anim:not(.hidden) > * { animation: janela-entra 220ms var(--ease-out); }
.janela-anim.janela-saindo { animation: janela-fundo-sai 150ms var(--ease-out) forwards; pointer-events: none; }
.janela-anim.janela-saindo > * { animation: janela-sai 150ms var(--ease-out) forwards; }

@keyframes janela-fundo-entra { from { opacity: 0; } }
@keyframes janela-fundo-sai { to { opacity: 0; } }
@keyframes janela-entra { from { opacity: 0; transform: scale(0.96); } }
@keyframes janela-sai { to { opacity: 0; transform: scale(0.97); } }

@media (prefers-reduced-motion: reduce) {
  button:not(:disabled):active, button.w-full:not(:disabled):active { transform: none; }
  .janela-anim:not(.hidden) > *, .janela-anim.janela-saindo > * { animation-name: janela-fundo-entra; }
  .janela-anim.janela-saindo > * { animation-name: janela-fundo-sai; }
}