@tailwind components;
@tailwind utilities;

@layer utilities {
  /* Modals: full-screen drawer on mobile (< md: 768px) */
  @media (max-width: 767px) {
    .modal-ov {
      align-items: flex-end !important;
      padding: 0 !important;
    }
    .modal {
      width: 100% !important;
      max-width: 100% !important;
      max-height: 92vh !important;
      border-radius: var(--rs) var(--rs) 0 0 !important;
      overflow-y: auto !important;
    }
  }
}