/* 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 */
.w-authPageWidth,
.bg-white {
  background-color: #1a1a1a !important;
  color: #ffffff !important;
}

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

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

/* Hero image above "Welcome back" heading */
.w-authPageWidth::before {
  content: '';
  display: block;
  width: 500px;
  max-width: 100%;
  height: 500px;
  background: url('/assets/dax-hero.png') no-repeat center center;
  background-size: contain;
  background-color: transparent;
  margin: 0 auto 20px 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;
}

/* 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;
}

/* Strip default button styling */
a[data-testid="openid"] {
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
  justify-content: center !important;
}

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