/* Force dark in light-mode browsers */
@media (prefers-color-scheme: light) {
  body, html, #root, .min-h-screen,
  .w-authPageWidth, .bg-white,
  [class*="auth"], .card {
    background-color: #111111 !important;
    color: #ffffff !important;
  }
}

/* Force dark background regardless of browser theme */
body, html, #root, .min-h-screen {
  background-color: #111111 !important;
}

/* Login card — override white background, remove excess top padding */
.w-authPageWidth,
.bg-white {
  background-color: #1a1a1a !important;
  color: #ffffff !important;
}

.w-authPageWidth {
  border: 1px solid #333333 !important;
  box-shadow: none !important;
  padding-top: 0 !important;
}

/* Heading and text on login page */
.w-authPageWidth h1,
.w-authPageWidth p,
.w-authPageWidth label {
  color: #ffffff !important;
}

/* Hero image — tight top margin, close to button */
.w-authPageWidth::before {
  content: '';
  display: block;
  width: 340px;
  max-width: 100%;
  height: 280px;
  background: url('/assets/dax-hero.png') no-repeat center center;
  background-size: contain;
  background-color: transparent;
  margin: 0 auto 0 auto;
}

/* Hide the default icon and label text */
a[data-testid="openid"] svg,
a[data-testid="openid"] img,
a[data-testid="openid"] p {
  display: none !important;
}

/* Replace with official Microsoft sign-in button */
a[data-testid="openid"]::before {
  content: '';
  display: block;
  width: 215px;
  height: 41px;
  background: url('/assets/microsoft-signin.png') no-repeat center;
  background-size: contain;
}

/* Sign-in button — no extra margin */
a[data-testid="openid"] {
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
  justify-content: center !important;
  margin-top: 4px !important;
}

/* Welcome back heading — tighter spacing */
.w-authPageWidth h1 {
  margin-top: 4px !important;
  margin-bottom: 8px !important;
}

/* User avatar — Dakona blue background */
.h-8.w-8.flex-shrink-0 .relative {
  background-color: #0066FF;
  border-radius: 9999px;
}
.h-8.w-8.flex-shrink-0 img.rounded-full {
  mix-blend-mode: lighten;
}

/* Hide model name in chat header */
[class*="model-name"],
[class*="modelName"],
[data-testid*="model"] {
  display: none !important;
}