:root {
  --aifa-blue: #075be8;
  --aifa-blue-dark: #0346b8;
  --aifa-blue-soft: #eaf2ff;
  --aifa-ink: #0b0d12;
  --aifa-muted: #5c6472;
}

.watermark {
  color: var(--aifa-muted);
}

[data-testid="chat-input"] {
  border-color: rgba(7, 91, 232, 0.3);
}

body:has(form input#password) {
  background: #ffffff;
  color: var(--aifa-ink);
}

body:has(form input#password) #root > .grid.min-h-svh {
  background: #ffffff;
}

body:has(form input#password) #root > .grid.min-h-svh > div:first-child {
  background:
    linear-gradient(90deg, var(--aifa-blue) 0 8px, transparent 8px),
    #ffffff;
}

body:has(form input#password) img.logo {
  width: 88px;
  height: 88px;
  object-fit: contain;
}

body:has(form input#password) form h1 {
  color: var(--aifa-ink);
  font-size: 1.75rem;
  line-height: 1.2;
}

body:has(form input#password) form label {
  color: var(--aifa-ink);
  font-weight: 600;
}

body:has(form input#password) form input {
  border-color: #cbd3df;
  background: #ffffff;
  color: var(--aifa-ink);
}

body:has(form input#password) form input:hover {
  border-color: var(--aifa-blue);
}

body:has(form input#password) form input:focus-visible {
  border-color: var(--aifa-blue);
  box-shadow: 0 0 0 3px rgba(7, 91, 232, 0.16);
  --tw-ring-color: transparent;
}

body:has(form input#password) form button[type="submit"] {
  background: var(--aifa-blue);
  color: #ffffff;
  min-height: 44px;
  font-weight: 700;
}

body:has(form input#password) form button[type="submit"]:hover {
  background: var(--aifa-blue-dark);
}

body:has(form input#password) #root > .grid.min-h-svh > div:last-child {
  background: var(--aifa-blue);
}

body:has(form input#password) #root > .grid.min-h-svh > div:last-child img {
  object-fit: contain;
  padding: clamp(72px, 11vw, 180px);
}

@media (max-width: 1023px) {
  body:has(form input#password) #root > .grid.min-h-svh > div:first-child {
    background:
      linear-gradient(180deg, var(--aifa-blue) 0 8px, transparent 8px),
      #ffffff;
  }

  body:has(form input#password) img.logo {
    width: 76px;
    height: 76px;
  }
}