/* CoLuns AI - brand blue + login like VBeton (SSO primary, email secondary) */
:root {
  --accent-primary: 47 107 255;
  --accent-primary-hover: 31 84 214;
  --surface-submit: 47 107 255;
  --surface-submit-hover: 31 84 214;
}

.dark {
  --accent-primary: 91 143 255;
  --accent-primary-hover: 122 163 255;
  --surface-submit: 47 107 255;
  --surface-submit-hover: 31 84 214;
}

.text-green-500 {
  color: #2f6bff;
}

/* Login card: SSO above email */
main.flex.grow .bg-surface-primary.overflow-hidden {
  display: flex !important;
  flex-direction: column !important;
}

main.flex.grow .bg-surface-primary.overflow-hidden > h1 {
  order: 0;
}

main.flex.grow .bg-surface-primary.overflow-hidden > div.mt-2 {
  order: 1;
  margin-top: 1.25rem !important;
}

main.flex.grow .bg-surface-primary.overflow-hidden > div.relative.mt-6 {
  order: 2;
  margin-top: 1.25rem !important;
}

main.flex.grow .bg-surface-primary.overflow-hidden > form.mt-6 {
  order: 3;
  margin-top: 0.75rem !important;
}

main.flex.grow .bg-surface-primary.overflow-hidden > div.mt-8 {
  order: 4;
  display: none;
}

main.flex.grow .bg-surface-primary.overflow-hidden > p.mt-4 {
  order: 5;
}

/* Header wordmark (lockup mounted into dist) */
.mt-6.h-10.w-full {
  height: 3rem !important;
  background: url("/assets/lockup-coluns.svg") center / contain no-repeat !important;
}

.mt-6.h-10.w-full > img {
  opacity: 0 !important;
  height: 0 !important;
}

/* Primary: CoLuns SSO */
a[data-testid="openid"],
a[aria-label="CoLuns SSO"] {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.65rem !important;
  width: 100% !important;
  min-height: 3.15rem !important;
  padding: 0.9rem 1.25rem !important;
  border-radius: 14px !important;
  border: none !important;
  background: #2f6bff !important;
  color: #ffffff !important;
  font-weight: 600 !important;
  font-size: 1.05rem !important;
  box-shadow: 0 10px 24px rgba(47, 107, 255, 0.3) !important;
  text-decoration: none !important;
}

a[data-testid="openid"]:hover,
a[aria-label="CoLuns SSO"]:hover {
  background: #1f54d6 !important;
  color: #ffffff !important;
}

a[data-testid="openid"] img,
a[aria-label="CoLuns SSO"] img {
  filter: brightness(0) invert(1);
  height: 1.35rem !important;
  width: 1.35rem !important;
}

a[data-testid="openid"] p,
a[aria-label="CoLuns SSO"] p {
  color: #ffffff !important;
  margin: 0 !important;
}

/* Secondary: email Continue */
form[aria-label="Login form"] button[type="submit"] {
  background: #ffffff !important;
  color: #2f6bff !important;
  border: 1.5px solid #2f6bff !important;
  box-shadow: none !important;
  font-weight: 600 !important;
  border-radius: 12px !important;
  min-height: 2.85rem !important;
}

form[aria-label="Login form"] button[type="submit"]:hover {
  background: #f4f7fc !important;
}

[role="alert"],
div[class*="bg-red"] {
  overflow-wrap: break-word !important;
  word-break: normal !important;
  max-width: min(28rem, calc(100vw - 2rem)) !important;
  white-space: normal !important;
}