/* ============ 登录 / 首次建号（网页版） ============ */

/* #app 在 styles.css 里是 display:flex，会盖掉 [hidden] 的默认 display:none */
#app[hidden] { display: none !important; }
#auth-root:empty { display: none; }

.auth-wrap {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
  background: linear-gradient(135deg, #0f1b2d 0%, #16233a 55%, #10313a 100%);
}

.auth-card {
  width: min(400px, 94vw);
  background: #fff;
  border-radius: 20px;
  padding: 30px 28px 26px;
  box-shadow: 0 24px 60px rgba(6, 16, 32, .45);
  display: flex;
  flex-direction: column;
  gap: 13px;
}

.auth-brand { display: flex; align-items: center; gap: 11px; margin-bottom: 2px; }
.auth-brand img { width: 38px; height: 38px; border-radius: 11px; display: block; }
.auth-brand b { display: block; font-size: 16px; color: #1c2230; }
.auth-brand small { display: block; font-size: 11px; color: #6b7280; letter-spacing: .02em; }

.auth-card h2 { margin: 2px 0 0; font-size: 17px; color: #1c2230; font-weight: 650; }
.auth-hint { margin: 0; font-size: 12.5px; line-height: 1.65; color: #6b7280; }

.auth-card label { display: flex; flex-direction: column; gap: 6px; font-size: 12.5px; color: #4b5563; }
.auth-card input {
  font: inherit;
  font-size: 14px;
  padding: 10px 12px;
  border: 1px solid #e3e8ef;
  border-radius: 10px;
  background: #fbfcfe;
  color: #1c2230;
  outline: none;
}
.auth-card input:focus {
  border-color: #0295A8;
  background: #fff;
  box-shadow: 0 0 0 3px rgba(2, 149, 168, .12);
}

.auth-error { min-height: 18px; font-size: 12.5px; color: #b42318; line-height: 1.5; }

.auth-btn {
  margin-top: 2px;
  border: 0;
  border-radius: 11px;
  padding: 12px 16px;
  font-size: 14px;
  font-weight: 600;
  color: #fff;
  cursor: pointer;
  background: linear-gradient(135deg, #65B832, #0295A8);
}
.auth-btn:hover { filter: brightness(1.06); }
.auth-btn:disabled { opacity: .6; cursor: default; }

/* 右上角的当前用户 */
.who { display: flex; align-items: center; gap: 8px; font-size: 11px; color: #6c7f99; }
.who .role { padding: 1px 6px; border-radius: 6px; background: #1e2c44; color: #9fb3cc; font-size: 10px; }
.who a { color: #7f92ab; }