/* style.css — minimum własnego CSS, większość przez Tailwind utility classes. */

/* Wyłączamy zaznaczanie tekstu na przyciskach klawiatury PIN — żeby
   przy szybkim klikaniu nie zaznaczać przypadkiem znaków. */
.btn-cyfra, button {
    -webkit-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
}

/* Smooth tranzycja kolorów przy pokazywaniu kropek PIN-u */
#kropki div {
    transition: background-color 120ms, border-color 120ms, transform 120ms;
}
#kropki div.bg-sky-400 {
    transform: scale(1.15);
}

/* Wsparcie safe-area dla iPhone'ów z notchem */
body {
    padding-top: env(safe-area-inset-top);
    padding-bottom: env(safe-area-inset-bottom);
}