/* Override / refinements per look EasyPass */
:root {
  color-scheme: dark;
}

html, body { height: 100%; }
body { overscroll-behavior-y: contain; }

/* Scrollbar più sottili */
*::-webkit-scrollbar { width: 8px; height: 8px; }
*::-webkit-scrollbar-thumb { background: #334155; border-radius: 4px; }
*::-webkit-scrollbar-track { background: transparent; }

/* Safe area iOS (notch) */
.safe-top    { padding-top: env(safe-area-inset-top); }
.safe-bottom { padding-bottom: env(safe-area-inset-bottom); }

/* Animazioni sobrie */
.fade-enter-active, .fade-leave-active { transition: opacity .15s ease; }
.fade-enter-from, .fade-leave-to { opacity: 0; }

/* Badge stati */
.badge {
  display: inline-flex; align-items: center; gap: .375rem;
  padding: .125rem .5rem; border-radius: 9999px; font-size: .75rem; font-weight: 600;
  line-height: 1.25rem;
}
.badge::before { content: ''; width: .375rem; height: .375rem; border-radius: 9999px; background: currentColor; }
.badge-ok      { background: rgba(34,197,94,.12);  color: #4ade80; }
.badge-wait    { background: rgba(234,179,8,.12);  color: #facc15; }
.badge-cancel  { background: rgba(239,68,68,.12);  color: #f87171; }
.badge-neutral { background: rgba(148,163,184,.12); color: #cbd5e1; }

/* Tap feedback */
button, a { -webkit-tap-highlight-color: transparent; }

/* Card hover su desktop */
@media (hover: hover) {
  .card-hover:hover { background: rgba(30,41,59,.6); }
}