/* 3x-ui v3 — вход: оранжевая карточка (#F04E30), белый текст и поля */

.login-app,
.login-app.is-dark,
.login-app.is-dark.is-ultra {
  --bg-page: #f5f3f0 !important;
  --bg-card: #f04e30 !important;
  --bg-card-solid: #ffffff !important;
  --color-text: #ffffff !important;
  --color-text-subtle: rgba(255, 255, 255, 0.85) !important;
  --color-accent: #ffffff !important;
  --color-border: rgba(255, 255, 255, 0.35) !important;
  --shadow-card: 0 12px 40px rgba(240, 78, 48, 0.35) !important;
  background: linear-gradient(160deg, #faf8f6 0%, #f0ebe6 100%) !important;
  min-height: 100vh !important;
}

.login-app::before,
.login-app::after,
.login-content::before,
.login-content::after,
.login-wrapper::before,
.login-wrapper::after {
  display: none !important;
}

.login-toolbar {
  display: none !important;
}

.login-wrapper {
  padding: 24px 16px !important;
}

/* Карточка — оранжевый блок */
.login-card {
  background: #f04e30 !important;
  border: none !important;
  border-radius: 16px !important;
  box-shadow: 0 12px 40px rgba(240, 78, 48, 0.4) !important;
  padding: 40px 36px 32px !important;
  max-width: 420px !important;
}
.login-card::before {
  display: none !important;
}

.brand-name,
.brand-accent {
  display: none !important;
}

/* Заголовок */
.welcome {
  font-size: 0 !important;
  color: transparent !important;
  min-height: unset !important;
  margin: 0 0 28px !important;
}
.welcome b,
.welcome span {
  display: none !important;
}
.welcome::after {
  content: "Авторизация";
  display: block;
  font-size: 1.65rem !important;
  font-weight: 600 !important;
  color: #ffffff !important;
  letter-spacing: 0.03em;
  text-align: center;
}

/* Подписи полей */
.login-form .ant-form-item-label > label {
  color: #ffffff !important;
  font-weight: 500 !important;
}

/* Белые поля ввода, чёрный вводимый текст */
.login-form .ant-input,
.login-form .ant-input-affix-wrapper,
.login-form .ant-input-password,
.login-form .ant-input-affix-wrapper input,
.login-form .ant-input-password input,
.login-form input.ant-input {
  background: #ffffff !important;
  border: 2px solid #ffffff !important;
  border-radius: 8px !important;
  color: #000000 !important;
  -webkit-text-fill-color: #000000 !important;
  caret-color: #000000 !important;
  height: 44px !important;
}
.login-form .ant-input::placeholder,
.login-form input::placeholder {
  color: #888888 !important;
  -webkit-text-fill-color: #888888 !important;
}
.login-form .ant-input-affix-wrapper .ant-input,
.login-form .ant-input-password .ant-input {
  background: transparent !important;
  border: none !important;
  height: auto !important;
  color: #000000 !important;
  -webkit-text-fill-color: #000000 !important;
}
.login-form input.ant-input:-webkit-autofill,
.login-form input.ant-input:-webkit-autofill:hover,
.login-form input.ant-input:-webkit-autofill:focus {
  -webkit-text-fill-color: #000000 !important;
  -webkit-box-shadow: 0 0 0 1000px #ffffff inset !important;
  box-shadow: 0 0 0 1000px #ffffff inset !important;
  color: #000000 !important;
}
.login-form .ant-input-affix-wrapper:focus,
.login-form .ant-input-affix-wrapper-focused,
.login-form .ant-input:focus {
  border-color: #ffffff !important;
  box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.35) !important;
}
.login-app.is-dark .login-form .ant-input,
.login-app.is-dark .login-form .ant-input-affix-wrapper input,
.login-app.is-dark .login-form input.ant-input {
  color: #000000 !important;
  -webkit-text-fill-color: #000000 !important;
}
/* Иконки в полях (логин/пароль) — оранжевые, не белые */
.login-form .ant-input-prefix,
.login-form .ant-input-suffix {
  color: #f04e30 !important;
}
.login-form .ant-input-prefix .anticon,
.login-form .ant-input-suffix .anticon,
.login-form .ant-input-prefix svg,
.login-form .ant-input-suffix svg,
.login-form .ant-input-prefix svg path,
.login-form .ant-input-suffix svg path {
  color: #f04e30 !important;
  fill: #f04e30 !important;
}
.login-form .ant-input-password-icon,
.login-form .ant-input-password-icon svg {
  color: #c73d22 !important;
  fill: #c73d22 !important;
}

/* Кнопка входа — белая на оранжевом */
.login-form .ant-btn-primary,
.login-form button[type="submit"],
.login-card .ant-btn-primary {
  background: #ffffff !important;
  border: none !important;
  color: #f04e30 !important;
  font-weight: 600 !important;
  height: 44px !important;
  border-radius: 8px !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.12) !important;
  width: 100% !important;
}
.login-form .ant-btn-primary:hover,
.login-card .ant-btn-primary:hover {
  background: #fff5f3 !important;
  color: #d94428 !important;
}

/* 2FA и прочее */
.login-form .ant-input-number,
.login-card .ant-otp-input {
  background: #ffffff !important;
  color: #1a1a1a !important;
}

.login-app.is-dark .login-card,
.login-app.is-dark .welcome::after,
.login-app.is-dark .login-form .ant-form-item-label > label {
  color: #ffffff !important;
}

.login-loading {
  color: #f04e30 !important;
}