/*
 * AIOA 自定义登录主题样式
 * 适配 Keycloak v2 主题 (PatternFly v5)
 */

:root {
  --pf-v5-global--primary-color--100: #2563eb;
  --pf-v5-global--primary-color--200: #1d4ed8;
  --pf-v5-global--BackgroundColor--100: #f0f4f8;
  --aioa-gradient-start: #1e3a8a;
  --aioa-gradient-end: #2563eb;
}

/* 整体页面背景 */
.login-pf body,
body.pf-v5-c-login {
  background: linear-gradient(135deg, var(--aioa-gradient-start) 0%, var(--aioa-gradient-end) 100%) !important;
  min-height: 100vh;
}

/* 登录卡片 */
.pf-v5-c-login__main {
  background: #ffffff;
  border-radius: 16px;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15);
}

.pf-v5-c-login__main-header {
  padding: 40px 36px 0 36px;
}

.pf-v5-c-login__main-header h1 {
  font-size: 22px;
  font-weight: 700;
  color: #1e293b;
}

.pf-v5-c-login__main-header p {
  font-size: 14px;
  color: #64748b;
}

.pf-v5-c-login__main-body {
  padding: 28px 36px;
}

/* 表单输入框 */
.pf-v5-c-form__group {
  margin-bottom: 20px;
}

.pf-v5-c-form-control {
  border: 1.5px solid #cbd5e1 !important;
  border-radius: 8px !important;
  padding: 10px 14px !important;
  font-size: 15px !important;
  transition: border-color 0.2s, box-shadow 0.2s;
}

.pf-v5-c-form-control:focus {
  border-color: #2563eb !important;
  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.15) !important;
  outline: none;
}

/* 登录按钮 */
.pf-v5-c-button.pf-m-primary {
  background: linear-gradient(135deg, #1e3a8a, #2563eb) !important;
  border: none !important;
  border-radius: 8px !important;
  padding: 12px 24px !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  width: 100%;
  cursor: pointer;
  transition: opacity 0.2s, transform 0.1s;
}

.pf-v5-c-button.pf-m-primary:hover {
  opacity: 0.92;
}

.pf-v5-c-button.pf-m-primary:active {
  transform: scale(0.98);
}

/* 次要链接 */
.pf-v5-c-login__main-footer a,
.pf-v5-c-form__helper-text a {
  color: #2563eb;
  font-size: 14px;
  text-decoration: none;
}

.pf-v5-c-login__main-footer a:hover,
.pf-v5-c-form__helper-text a:hover {
  text-decoration: underline;
}

/* 提示信息 */
.pf-v5-c-alert {
  border-radius: 8px;
  font-size: 14px;
}

/* 页脚 */
.pf-v5-c-login__footer {
  text-align: center;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.7);
  padding: 16px;
}

/* 响应式 */
@media (max-width: 480px) {
  .pf-v5-c-login__main {
    border-radius: 12px;
  }
  .pf-v5-c-login__main-header,
  .pf-v5-c-login__main-body {
    padding-left: 20px;
    padding-right: 20px;
  }
}