/* OM Tactic KI — Customer Login Card Override
 *
 * Eingebunden via /app/client/dist/index.html durch:
 *   <link rel="stylesheet" href="/assets/custom/style.css" />
 *
 * Volume-Mount: <customer>/branding/style.css
 *   → /app/client/dist/assets/custom/style.css
 *
 * Zweck: LibreChat Auth-Layout (Login, Register, Forgot-Password)
 *   bekommt eine sichtbare Kachel mit Shadow auf leicht abgehobenem
 *   Hintergrund. Affects only auth pages — Chat-UI unverändert.
 */

/* Page-Hintergrund leicht abheben damit Card sichtbar wird */
.relative.flex.min-h-screen.flex-col {
  background-color: rgb(244 246 248) !important;
}

html.dark .relative.flex.min-h-screen.flex-col,
.dark .relative.flex.min-h-screen.flex-col {
  background-color: rgb(15 23 42) !important;
}

/* Auth-Card: Shadow, Outline, mehr rounded */
.w-authPageWidth {
  box-shadow:
    0 10px 30px -10px rgba(0, 0, 0, 0.18),
    0 4px 10px -4px rgba(0, 0, 0, 0.08) !important;
  border: 1px solid rgba(0, 0, 0, 0.05) !important;
  border-radius: 1rem !important;
}

html.dark .w-authPageWidth,
.dark .w-authPageWidth {
  background-color: rgb(31 41 55) !important;
  border-color: rgba(255, 255, 255, 0.06) !important;
  box-shadow:
    0 10px 30px -10px rgba(0, 0, 0, 0.6),
    0 4px 10px -4px rgba(0, 0, 0, 0.4) !important;
}

/* Mehr Luft um die Card */
main.flex.flex-grow {
  padding-top: 2rem !important;
  padding-bottom: 2rem !important;
}