/* ============================================================
   animations.css — Transições de tela, drawers, toasts
   ============================================================ */

/* Screen transitions */
.screen.active {
  display: block;
}

/* Entering from bottom */
.screen.entering {
  display: block !important;
  z-index: 100;
  animation: slideUpFull 0.3s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}

/* Leaving to bottom */
.screen.leaving {
  display: block !important;
  z-index: 101;
  animation: slideDownFull 0.3s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}

@keyframes slideUpFull {
  from {
    transform: translateY(100%);
    opacity: 0.9;
  }

  to {
    transform: translateY(0);
    opacity: 1;
  }
}

@keyframes slideDownFull {
  from {
    transform: translateY(0);
    opacity: 1;
  }

  to {
    transform: translateY(100%);
    opacity: 0.9;
  }
}

/* Tap feedback */
.tap-feedback {
  animation: tapScale 0.1s ease;
}

/* Disabled button shake */
.btn-shake {
  animation: shake 0.4s ease;
}

/* Drawer open/close */
.drawer-open {
  animation: slideUp 0.3s ease forwards;
}

.drawer-close-anim {
  animation: slideDown 0.28s ease forwards;
}

/* Overlay */
.overlay-in {
  animation: fadeIn 0.2s ease forwards;
}

.overlay-out {
  animation: fadeOut 0.2s ease forwards;
}

@keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

/* Popup */
.popup-enter {
  animation: popIn 0.18s ease forwards;
}