/* Q98X: login-only guidance; the signed-in business theme is unchanged. */
@media screen {
  body.logged-out { background:#f5f7f9; color:#243746; }
  body.logged-out .workspace { width:100%; max-width:none; min-width:0; margin:0; padding:0; }
  body.logged-out #app { display:grid; align-content:center; justify-items:center; width:100%; max-width:none; min-width:0; min-height:100vh; min-height:100svh; margin:0; padding:32px 0; }
  body.logged-out #app .classic-login,
  body.logged-out #app .classic-login * { box-sizing:border-box; }
  body.logged-out #app .classic-login { width:min(520px,calc(100% - 32px)); min-width:0; margin:0; padding:32px; border:1px solid #cbd5df; border-radius:4px; background:#fff; color:#243746; font-family:"Microsoft YaHei UI","Microsoft YaHei","PingFang SC",system-ui,sans-serif; font-size:16px; line-height:1.6; overflow-wrap:anywhere; }
  body.logged-out #app .classic-login h1 { margin:0 0 24px; font-size:24px; line-height:1.4; font-weight:600; }
  body.logged-out #app .classic-login .login-environment { margin:0 0 8px; color:#315e84; font-size:16px; font-weight:600; }
  body.logged-out #app .classic-login .login-account-note,
  body.logged-out #app .classic-login .login-rules,
  body.logged-out #app .classic-login .login-attempt-info { min-width:0; margin:12px 0 0; color:#526575; font-size:16px; line-height:1.6; overflow-wrap:anywhere; }
  body.logged-out #app .classic-login #authAttemptInfo { margin:0; color:#a3342b; }
  body.logged-out #app .classic-login #authAttemptInfo:empty { display:none; }
  body.logged-out #app .classic-login .premium-form-heading { animation:none; }
  body.logged-out #app .classic-login .premium-form-kicker { margin:0; color:#526575; font-size:16px; letter-spacing:0; }
  body.logged-out #app .classic-login .premium-form-kicker::before { display:none; }
  body.logged-out #app .classic-login h2 { margin:8px 0; color:#243746; font-size:22px; letter-spacing:0; line-height:1.4; }
  body.logged-out #app .classic-login .premium-form-heading > p:last-child { margin:0; color:#526575; font-size:16px; }
  body.logged-out #app .classic-login #authForm { display:grid; grid-template-columns:minmax(0,1fr); gap:18px; min-width:0; margin-top:24px; }
  body.logged-out #app .classic-login #authForm label { display:grid; gap:8px; min-width:0; color:#243746; font-size:16px; }
  body.logged-out #app .classic-login #authForm input { width:100%; min-width:0; height:48px; min-height:48px; padding:10px 12px; border:1px solid #aebdcb; border-radius:3px; color:#243746; background:#fff; font-size:16px; }
  body.logged-out #app .classic-login #authForm input::placeholder { font-size:16px; }
  body.logged-out #app .classic-login #authForm input:focus { outline:2px solid #315e84; outline-offset:2px; border-color:#315e84; }
  body.logged-out #app .classic-login #authForm .password-control { display:flex; gap:8px; min-width:0; }
  body.logged-out #app .classic-login #authForm .password-control input { flex:1; width:0; min-width:0; padding-right:12px; }
  body.logged-out #app .classic-login #authForm .password-toggle { position:static; flex:0 0 64px; width:64px; min-width:64px; height:48px; min-height:48px; margin:0; padding:0 8px; border:1px solid #cbd5df; border-radius:3px; background:#f0f4f7; color:#315e84; font-size:16px; }
  body.logged-out #app .classic-login #authSubmit,
  body.logged-out #app .classic-login #retryConnection { display:flex; align-items:center; justify-content:center; width:100%; min-width:0; min-height:48px; margin-top:4px; padding:10px 12px; border:1px solid #315e84; border-radius:3px; background:#315e84; color:#fff; font-size:16px; font-weight:600; line-height:1.5; white-space:normal; transform:none; box-shadow:none; }
  body.logged-out #app .classic-login #authSubmit::after,
  body.logged-out #app .classic-login #retryConnection::after { display:none; }
  body.logged-out #app .classic-login #authSubmit:hover:not(:disabled),
  body.logged-out #app .classic-login #retryConnection:hover:not(:disabled) { background:#244b6b; }
  body.logged-out #app .classic-login button:focus-visible { outline:2px solid #315e84; outline-offset:3px; }
  body.logged-out #app .classic-login button:disabled { cursor:not-allowed; }
  body.logged-out #app .classic-login #authSubmit:disabled { opacity:1; border-color:#aebdcb; background:#dce6ee; color:#364e62; }
  body.logged-out #app .classic-login .premium-help { margin:24px 0 0; color:#526575; font-size:16px; }
  body.logged-out #app .classic-login #authForm label small { font-size:14px; }
  body.logged-out #app .classic-login .form-error { min-width:0; margin:0; color:#a3342b; font-size:16px; line-height:1.6; overflow-wrap:anywhere; }
  body.logged-out #app .classic-login .form-error:empty { display:none; }
  body.logged-out #app .classic-login .form-error[data-feedback="status"] { color:#315e84; }
  body.logged-out #app .classic-login .transport-warning { font-size:16px; overflow-wrap:anywhere; }
}
@media screen and (max-width:480px) {
  body.logged-out #app { padding:24px 0; }
  body.logged-out #app .classic-login { width:calc(100% - 24px); padding:24px 20px; }
}