/*
  AMBAUTO mobile campaign selector stability.
  Scope: visual stability for campaign modal selects only.
*/

@media (max-width: 768px) {
  .auto-campaign-modal-backdrop,
  .fixed.inset-0.z-30.p-4:has(> .max-w-6xl h3) {
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
  }

  .auto-campaign-modal,
  .fixed.inset-0.z-30.p-4 > .bg-white.max-w-6xl {
    max-height: calc(100svh - 12px) !important;
    transform: none !important;
    animation: none !important;
    contain: layout style !important;
  }

  @supports not (height: 100svh) {
    .auto-campaign-modal,
    .fixed.inset-0.z-30.p-4 > .bg-white.max-w-6xl {
      max-height: calc(100vh - 12px) !important;
    }
  }

  .auto-campaign-modal > form,
  .fixed.inset-0.z-30.p-4 > .bg-white.max-w-6xl > form {
    overscroll-behavior: contain !important;
    -webkit-overflow-scrolling: touch !important;
  }

  .auto-campaign-modal > form select,
  .fixed.inset-0.z-30.p-4 > .bg-white.max-w-6xl > form select {
    -webkit-appearance: menulist !important;
    appearance: auto !important;
    min-height: 48px !important;
    line-height: 1.25 !important;
    transform: none !important;
    transition: none !important;
    animation: none !important;
    will-change: auto !important;
    touch-action: manipulation !important;
  }

  .auto-campaign-modal > form select:focus,
  .fixed.inset-0.z-30.p-4 > .bg-white.max-w-6xl > form select:focus {
    transition: none !important;
    box-shadow: 0 0 0 2px rgba(15, 118, 110, .16) !important;
  }

  .auto-campaign-modal > form select option,
  .fixed.inset-0.z-30.p-4 > .bg-white.max-w-6xl > form select option {
    font-size: 16px !important;
    background: #ffffff !important;
    color: #111827 !important;
  }

  .auto-campaign-modal > form .bg-blue-50,
  .auto-campaign-modal > form .bg-purple-50,
  .auto-campaign-modal > form .bg-green-50,
  .auto-campaign-modal > form .bg-yellow-50,
  .fixed.inset-0.z-30.p-4 > .bg-white.max-w-6xl > form .bg-blue-50,
  .fixed.inset-0.z-30.p-4 > .bg-white.max-w-6xl > form .bg-purple-50,
  .fixed.inset-0.z-30.p-4 > .bg-white.max-w-6xl > form .bg-green-50,
  .fixed.inset-0.z-30.p-4 > .bg-white.max-w-6xl > form .bg-yellow-50 {
    transform: none !important;
    transition: none !important;
    animation: none !important;
    will-change: auto !important;
  }
}