html.aiforms-chat {
  --aiforms-navy: #0a1628;
  --aiforms-surface: #132240;
  --aiforms-border: #1e3355;
  --aiforms-primary: #00b4d8;
  --aiforms-gold: #f5c542;
  --aiforms-auth-side: #d8dde3;
}

html.aiforms-chat,
html.aiforms-chat body,
html.aiforms-chat .mx_AuthPage {
  background-color: var(--aiforms-navy) !important;
  background-image: none !important;
}

html.aiforms-chat .mx_AuthHeader,
html.aiforms-chat .mx_AuthHeaderLogo {
  color: #f4fbff;
}

html.aiforms-chat .mx_AuthHeader {
  background-color: var(--aiforms-auth-side) !important;
}

html.aiforms-chat .mx_AuthHeaderLogo,
html.aiforms-chat .aiforms-auth-logo-slot {
  display: block !important;
  flex: 0 0 84px !important;
  width: 84px !important;
  height: 84px !important;
  margin: 16px auto 20px !important;
  padding: 0 !important;
  border-radius: 50% !important;
  background-color: transparent !important;
  background-image: url("/static/aiforms-logo.png?v=20260630-auth9") !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: contain !important;
}

html.aiforms-chat .mx_AuthHeaderLogo img,
html.aiforms-chat .mx_AuthHeaderLogo svg {
  display: none !important;
}

html.aiforms-chat .mx_DefaultWelcome_logo,
html.aiforms-chat .aiforms-welcome-logo-slot {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 84px !important;
  margin: 0 auto 24px !important;
}

html.aiforms-chat .mx_DefaultWelcome_logo img,
html.aiforms-chat .aiforms-welcome-logo-slot img.aiforms-logo-image {
  display: block !important;
  width: 84px !important;
  height: 84px !important;
  border-radius: 50% !important;
  object-fit: contain !important;
}

html.aiforms-chat .mx_AuthPage_modal {
  background-color: transparent !important;
  background-image: none !important;
}

html.aiforms-chat .mx_AuthPage_modalBlur {
  display: none !important;
}

html.aiforms-chat .mx_AuthBody h1,
html.aiforms-chat .mx_AuthBody h2,
html.aiforms-chat .mx_AuthPage_modalContent h1,
html.aiforms-chat .mx_AuthPage_modalContent h2 {
  font-size: 0 !important;
  line-height: 0 !important;
}

html.aiforms-chat .mx_AuthBody h1::before,
html.aiforms-chat .mx_AuthBody h2::before,
html.aiforms-chat .mx_AuthPage_modalContent h1::before,
html.aiforms-chat .mx_AuthPage_modalContent h2::before {
  content: "AIFor.ms";
  display: block;
  color: #111827;
  font-size: 32px;
  font-weight: 700;
  line-height: 1.2;
}

html.aiforms-chat .mx_AuthBody {
  border: 1px solid rgba(244, 251, 255, 0.14);
  box-shadow: 0 24px 80px rgba(0, 0, 0, 0.28);
}

html.aiforms-chat .aiforms-auth-logo {
  display: block;
  width: 84px;
  height: 84px;
  margin: 0 auto 16px;
  border-radius: 50%;
  object-fit: contain;
}

html.aiforms-chat a {
  color: var(--aiforms-primary);
}

html.aiforms-chat a:hover {
  color: var(--aiforms-gold);
}

html.aiforms-chat .mx_AuthFooter a,
html.aiforms-chat .mx_AuthFooter .mx_AccessibleButton,
html.aiforms-chat .links a {
  color: #ffffff !important;
}

html.aiforms-chat .mx_AuthFooter a:hover,
html.aiforms-chat .mx_AuthFooter .mx_AccessibleButton:hover,
html.aiforms-chat .links a:hover {
  color: #ffffff !important;
  text-decoration: underline;
}

html.aiforms-chat .mx_AuthBody_changeFlow,
html.aiforms-chat .mx_Register,
html.aiforms-chat .mx_MobileRegister_body,
html.aiforms-chat .mx_ServerPicker,
html.aiforms-chat .mx_ServerPickerDialog,
html.aiforms-chat .mx_Login_underlinedServerName,
html.aiforms-chat .mx_LoginForm_phone,
html.aiforms-chat .mx_CountryDropdown,
html.aiforms-chat .mx_PhoneNumbers_country,
html.aiforms-chat a[href*="/register"],
html.aiforms-chat a[href="#/register"],
html.aiforms-chat a[href*="mastodon.matrix.org"] {
  display: none !important;
}

html.aiforms-chat .mx_AuthPage_modal,
html.aiforms-chat .mx_AuthBody {
  border-radius: 8px;
}

html.aiforms-chat .mx_AuthBody input:focus,
html.aiforms-chat .mx_Field input:focus,
html.aiforms-chat .mx_Field select:focus,
html.aiforms-chat .mx_Field textarea:focus {
  border-color: var(--aiforms-primary);
  box-shadow: 0 0 0 1px var(--aiforms-primary);
}

html.aiforms-chat .mx_AccessibleButton_kind_primary,
html.aiforms-chat .mx_AccessibleButton_kind_primary_outline {
  border-radius: 8px;
}

html.aiforms-chat .mx_AccessibleButton_kind_primary {
  border-color: var(--aiforms-primary) !important;
  background-color: var(--aiforms-navy) !important;
  color: #ffffff !important;
}

html.aiforms-chat .mx_Login_submit,
html.aiforms-chat button.mx_Login_submit,
html.aiforms-chat button[type="submit"],
html.aiforms-chat [data-kind="primary"] {
  border-color: var(--aiforms-primary) !important;
  background-color: var(--aiforms-navy) !important;
  color: #ffffff !important;
}

html.aiforms-chat .mx_AccessibleButton_kind_primary:not(.mx_AccessibleButton_disabled):hover,
html.aiforms-chat .mx_AccessibleButton_kind_primary:not(.mx_AccessibleButton_disabled):focus,
html.aiforms-chat .mx_Login_submit:hover,
html.aiforms-chat .mx_Login_submit:focus,
html.aiforms-chat button[type="submit"]:hover,
html.aiforms-chat button[type="submit"]:focus,
html.aiforms-chat [data-kind="primary"]:hover,
html.aiforms-chat [data-kind="primary"]:focus {
  border-color: var(--aiforms-primary) !important;
  background-color: var(--aiforms-surface) !important;
  color: #ffffff !important;
}