"use client"

import { useEffect } from "react"
import { clearMailBackgroundDom } from "@/lib/mail-settings/mail-background-dom"

/** Login shell: plain canvas, no mail wallpaper. */
export function LoginChrome({ children }: { children: React.ReactNode }) {
  useEffect(() => {
    clearMailBackgroundDom()
  }, [])

  return (
    <div className="ultimail-login relative flex min-h-dvh flex-col bg-app-canvas">
      {children}
    </div>
  )
}
