/* Saldos AI — clean light auth theme.
   Scoped with :has() so ONLY pages with a password field
   (login / register / reset) are themed. Chat UI is untouched. */

/* ---- Page: warm off-white background (force light on auth pages) ---- */
body:has(input[name="password"]),
body:has(input[name="password"]) #root,
body:has(input[name="password"]) #root > div,
body:has(input[name="password"]) main {
  background-color: #F5F4EF !important;
  background-image: none !important;
}

/* ---- Hide the default full-width top logo banner ---- */
body:has(input[name="password"]) .h-10.w-full.bg-cover { display: none !important; }

/* ---- The card: white, centered, soft shadow, rounded ---- */
body:has(input[name="password"]) main > div {
  background-color: #ffffff !important;
  border: 1px solid rgba(0, 0, 0, 0.06) !important;
  border-radius: 16px !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08) !important;
  padding: 36px 32px !important;
  max-width: 420px !important;
}

/* Saldos logo centered at top of the card */
body:has(input[name="password"]) main > div::before {
  content: "";
  display: block;
  height: 46px;
  margin: 0 auto 18px;
  background: url('/assets/logo.svg') center / contain no-repeat;
}

/* ---- Text dark on the white card ---- */
body:has(input[name="password"]) main > div,
body:has(input[name="password"]) main > div label,
body:has(input[name="password"]) main > div p,
body:has(input[name="password"]) main > div span {
  color: #374151 !important;
}

/* ---- Heading → subtitle "Sign in to your MCP portal" ---- */
body:has(input[name="password"]) h1 {
  font-size: 0 !important;
  margin-bottom: 20px !important;
}
body:has(input[name="password"]) h1::after {
  content: "Sign in to your MCP portal";
  font-size: 17px !important;
  font-weight: 400 !important;
  color: #6b7280 !important;
}

/* ---- Inputs: white, gray border, dark text ---- */
body:has(input[name="password"]) input {
  background-color: #ffffff !important;
  color: #111827 !important;
  -webkit-text-fill-color: #111827 !important;
  border: 1px solid #d1d5db !important;
  border-radius: 8px !important;
  box-shadow: none !important;
}
body:has(input[name="password"]) input::placeholder { color: #9ca3af !important; }

/* Floating labels: transparent, gray text, no shadow box */
body:has(input[name="password"]) label {
  background-color: transparent !important;
  color: #6b7280 !important;
  box-shadow: none !important;
}

/* ---- Primary button: black, white text ---- */
body:has(input[name="password"]) button[type="submit"] {
  background-color: #111827 !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 8px !important;
  font-weight: 600 !important;
}

/* ---- Links: muted gray ---- */
body:has(input[name="password"]) a { color: #6b7280 !important; }