@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400&display=swap');

/* ── Login page only ── */

[class*="AuthPage"],
[class*="auth-page"],
[class*="LoginPage"],
[class*="login-page"] {
  background-color: #f8f9fb !important;
}

[class*="AuthPage"] [class*="MuiPaper"],
[class*="AuthPage"] [class*="MuiCard"],
[class*="auth-page"] [class*="login-card"] {
  background-color: #ffffff !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 12px !important;
  box-shadow: 0 1px 3px rgba(0,0,0,0.06) !important;
}

[class*="AuthPage"] h1,
[class*="AuthPage"] h2,
[class*="AuthPage"] [class*="app-name"] {
  font-family: 'DM Sans', sans-serif !important;
  color: #111827 !important;
  font-weight: 300 !important;
  letter-spacing: 0.05em !important;
}

[class*="AuthPage"] [class*="tagline"],
[class*="AuthPage"] [class*="subtitle"] {
  color: #6b7280 !important;
  font-family: 'DM Sans', sans-serif !important;
  font-weight: 300 !important;
}

[class*="AuthPage"] button {
  background-color: #2563eb !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 8px !important;
  font-family: 'DM Sans', sans-serif !important;
  font-weight: 400 !important;
  font-size: 14px !important;
  padding: 12px 24px !important;
}

[class*="AuthPage"] button:hover {
  background-color: #1d4ed8 !important;
}

[class*="AuthPage"] img {
  filter: none !important;
  opacity: 1 !important;
  object-fit: contain !important;
  object-position: top !important;
}

/* ── Global: hide Chainlit branding ── */

[class*="watermark"],
[class*="Watermark"],
[class*="powered-by"],
[class*="PoweredBy"],
a[href="https://github.com/Chainlit/chainlit"],
footer a[href*="chainlit"] {
  display: none !important;
}

/* ── Responsive: hide login image on mobile ── */
@media (max-width: 768px) {
  [class*="AuthPage"] img[class*="login"],
  [class*="AuthPage"] [class*="login-image"],
  [class*="AuthPage"] [class*="LoginImage"] {
    display: none !important;
  }
}