/* MMEX Web — compléments à Tailwind */

html, body { overscroll-behavior-y: none; }

.pt-safe  { padding-top:    env(safe-area-inset-top); }
.pb-safe  { padding-bottom: env(safe-area-inset-bottom); }

.keypad-key {
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  transition: background-color 80ms ease, transform 80ms ease;
}
.keypad-key:active { transform: scale(0.96); background-color: rgb(226 232 240); }

.sheet-enter { transition: transform 220ms cubic-bezier(.2,.8,.2,1), opacity 160ms ease; }

.no-scrollbar::-webkit-scrollbar { display: none; }
.no-scrollbar { scrollbar-width: none; }

.tabular-nums { font-variant-numeric: tabular-nums; }

.type-flash { animation: flash 400ms ease; }
@keyframes flash {
  0%   { opacity: 0.4; transform: translateY(2px); }
  100% { opacity: 1;   transform: translateY(0); }
}

details > summary::-webkit-details-marker { display: none; }