/* Desktop-only visual layer for /auth. Mobile/tablet remain unchanged. */
@media (min-width: 1024px) {
  body:has(#email) .theme-light-forced {
    position: relative !important;
    overflow: hidden !important;
    min-height: 100dvh !important;
    justify-content: flex-start !important;
    background-image: url('/login-desktop-background.svg') !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
  }

  body:has(#email) .theme-light-forced::before {
    content: '';
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 2;
    background: linear-gradient(90deg, rgba(255,255,255,.24) 0%, rgba(255,255,255,.08) 44%, rgba(111,61,240,.03) 100%);
  }

  body:has(#email) .theme-light-forced::after {
    content: '';
    position: absolute;
    width: 46vw;
    height: 29vw;
    min-width: 520px;
    min-height: 320px;
    left: 71%;
    top: 53%;
    transform: translate(-50%, -50%) rotate(-14deg);
    border: 1px solid rgba(109,62,239,.18);
    border-radius: 50%;
    pointer-events: none;
    z-index: 3;
    animation: authOrbitFloat 18s ease-in-out infinite alternate;
    box-shadow: 0 0 70px rgba(115,78,255,.04);
  }

  body:has(#email) .theme-light-forced > .fixed.inset-0 {
    z-index: 1 !important;
  }

  body:has(#email) .theme-light-forced > .w-full.max-w-md {
    position: relative !important;
    z-index: 20 !important;
    width: min(470px, 40vw) !important;
    max-width: 470px !important;
    margin-left: clamp(24px, 6vw, 108px) !important;
    margin-right: auto !important;
    margin-top: auto !important;
    margin-bottom: auto !important;
  }

  body:has(#email) .theme-light-forced > .w-full.max-w-md > div:first-child {
    margin-bottom: 1.25rem !important;
  }

  body:has(#email) .theme-light-forced > .w-full.max-w-md > .bg-card\/80 {
    background: rgba(255,255,255,.82) !important;
    backdrop-filter: blur(22px) saturate(140%) !important;
    -webkit-backdrop-filter: blur(22px) saturate(140%) !important;
    border-color: rgba(145,112,235,.22) !important;
    box-shadow: 0 24px 70px rgba(70,42,145,.16), 0 4px 18px rgba(70,42,145,.08) !important;
  }

  body:has(#email) .theme-light-forced > .w-full.max-w-md input,
  body:has(#email) .theme-light-forced > .w-full.max-w-md textarea,
  body:has(#email) .theme-light-forced > .w-full.max-w-md [role='combobox'] {
    background: rgba(255,255,255,.78) !important;
    border-color: rgba(122,86,220,.18) !important;
  }

  body:has(#email) .theme-light-forced > .w-full.max-w-md button[type='submit'] {
    box-shadow: 0 12px 30px rgba(112,57,237,.30) !important;
  }

  @keyframes authOrbitFloat {
    from {
      transform: translate(-50%, -50%) rotate(-16deg) scale(1);
    }
    to {
      transform: translate(-50%, -50%) rotate(-5deg) scale(1.035);
    }
  }
}