/**
 * 来客营业日报 - 登录页面 UI/UX 审查优化样式表 (2026-10-06 v2)
 * 文件路径: assets/login-review-20261006.css
 * 作用域: 登录页 (body.auth-page)
 */

/* ==========================================================================
   LGN-01: 左侧产品看板“已接入”标记防误导重塑
   ========================================================================== */
body.auth-page .auth-showcase-foot .auth-check {
  background: rgba(255, 255, 255, 0.08) !important;
  color: var(--slate-300, #cbd5e1) !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
  font-weight: 500 !important;
}

/* LGN-05: theme-aware autofill and one visible keyboard focus outline. */
body.auth-page {
  --review-input-bg: #ffffff;
  --review-input-fg: #0f172a;
  --review-input-border: #cbd5e1;
  --review-input-focus: #6366f1;
  --review-input-error: #be123c;
}
body.auth-page .auth-input {
  --review-autofill-shadow: 0 0 0 0 transparent;
}
body.auth-page .auth-input:-webkit-autofill {
  --review-autofill-shadow: 0 0 0 1000px var(--review-input-bg) inset;
  -webkit-box-shadow: var(--review-autofill-shadow) !important;
  box-shadow: var(--review-autofill-shadow) !important;
  -webkit-text-fill-color: var(--review-input-fg) !important;
  caret-color: var(--review-input-fg) !important;
  border-color: var(--review-input-border);
}
body.auth-page .auth-input:autofill {
  --review-autofill-shadow: 0 0 0 1000px var(--review-input-bg) inset;
  box-shadow: var(--review-autofill-shadow) !important;
  caret-color: var(--review-input-fg) !important;
}
body.auth-page .auth-input:focus,
body.auth-page.rb-login .auth-input:focus {
  outline: none !important;
  border-color: var(--review-input-focus) !important;
  -webkit-box-shadow: var(--review-autofill-shadow) !important;
  box-shadow: var(--review-autofill-shadow) !important;
}
body.auth-page .auth-input:focus-visible,
body.auth-page.rb-login .auth-input:focus-visible {
  outline: 2px solid var(--review-input-focus) !important;
  outline-offset: 2px !important;
}
body.auth-page .auth-input[aria-invalid="true"],
body.auth-page .auth-input.is-invalid {
  --review-input-focus: var(--review-input-error);
  border-color: var(--review-input-error) !important;
}
body.auth-page .auth-field-error {
  color: var(--review-input-error);
}
body.auth-page .auth-input[aria-invalid="true"]:focus-visible,
body.auth-page .auth-input.is-invalid:focus-visible,
body.auth-page.rb-login .auth-input[aria-invalid="true"]:focus-visible,
body.auth-page.rb-login .auth-input.is-invalid:focus-visible {
  outline-color: var(--review-input-error) !important;
}
@media (prefers-color-scheme: dark) {
  body.auth-page.rb-login {
    --review-input-bg: #1b1f35;
    --review-input-fg: #f3f4ff;
    --review-input-border: #424965;
    --review-input-focus: #a5a0f8;
    --review-input-error: #fda4af;
  }
}
@media (forced-colors: active) {
  body.auth-page,
  body.auth-page.rb-login {
    --review-input-bg: Canvas;
    --review-input-fg: CanvasText;
    --review-input-border: CanvasText;
    --review-input-focus: Highlight;
    --review-input-error: LinkText;
  }
  body.auth-page .auth-input,
  body.auth-page.rb-login .auth-input,
  body.auth-page .auth-input:-webkit-autofill,
  body.auth-page .auth-input:autofill {
    forced-color-adjust: auto;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    -webkit-text-fill-color: CanvasText !important;
  }
}

/* ==========================================================================
   LGN-06: 局部 ReactBits Aurora 背景与无障碍降级保护
   ========================================================================== */
body.auth-page .rb-aurora {
  pointer-events: none !important;
  user-select: none !important;
  z-index: -1 !important;
}

@media (prefers-reduced-motion: reduce) {
  body.auth-page .rb-aurora,
  body.auth-page .auth-input,
  body.auth-page button {
    animation: none !important;
    transition: none !important;
  }
}

body.auth-page .auth-card,
body.auth-page .auth-showcase {
  position: relative;
  z-index: 1;
}