/* Minimal Lanceroom branding - only 3 things */

/* 1. Replace Postiz logos with Lanceroom logo */
svg[width="101"][height="33"] > *,
svg[width="60"][height="60"] > * {
  display: none !important;
}
svg[width="101"][height="33"],
svg[width="60"][height="60"] {
  background-image: url("/lanceroom-logo.png") !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
}

/* 2. White background on auth pages - full page */
body,
div[class*="bg-[#0E0E0E]"],
div[class*="bg-[#1A1919]"],
main {
  background-color: #ffffff !important;
}
/* Auth form fields white */
div[class*="max-w-[440px]"] input {
  background-color: #ffffff !important;
  color: #1a1a1a !important;
  border: 1px solid #e5e7eb !important;
}
div[class*="max-w-[440px]"] div[class*="bg-newBgColorInner"] {
  background-color: #ffffff !important;
  border: 1px solid #e5e7eb !important;
}

/* 3. Auth right panel: hide reviews and heading, show 600px icons centered */
[class*="animate-marqueeUp"],
[class*="animate-marqueeDown"] {
  display: none !important;
}
div[class*="text-center"]:has(+ div[class*="my-[30px]"]) {
  display: none !important;
}
div[class*="my-[30px]"][class*="max-w-[850px]"] > * {
  display: none !important;
}
div[class*="my-[30px]"][class*="max-w-[850px]"]::after {
  content: "" !important;
  display: block !important;
  width: 600px !important;
  height: 240px !important;
  max-width: 90% !important;
  background-image: url("/social-icons-600.png") !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
}
div[class*="my-[30px]"][class*="max-w-[850px]"] {
  background-color: #ffffff !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 90vh !important;
  margin: 0 !important;
}

/* Force entire auth page white */
html, body, #__next, main,
div[class*="min-h-screen"],
div[class*="h-screen"] {
  background-color: #ffffff !important;
  background: #ffffff !important;
}

/* White background - as done before */
div[class*="bg-[#0E0E0E]"],
div[class*="bg-[#1A1919]"] {
  background-color: #ffffff !important;
}

/* Override dark mode backgrounds - high specificity */
body.dark,
body.dark div.bg-\[\#0E0E0E\],
body.dark div[class*="bg-[#0E0E0E]"],
body.dark div[class*="bg-[#1A1919]"] {
  background-color: #ffffff !important;
}

/* Force light mode - override dark class */
body.dark {
  --bg-primary: #ffffff !important;
  background-color: #ffffff !important;
  color-scheme: light !important;
}
body.dark * {
  --bg-primary: #ffffff !important;
}

/* Nuclear option - main page container */
div.min-h-screen.w-screen {
  background: #ffffff !important;
  background-color: #ffffff !important;
}

/* Right panel - target by max-w class */
div.max-w-\[850px\] {
  background-color: #ffffff !important;
  background: #ffffff !important;
}