/* auth page layout only */
.auth-wrap {
  min-height: 100vh;
  display: grid;
  place-items: center;
  padding: 24px;
}
.auth-card {
  width: 100%;
  max-width: 380px;
  display: flex;
  flex-direction: column;
  gap: 14px;
  text-align: center;
}
.auth-card h1 {
  font-size: 2.6rem;
  margin: 4px 0 10px;
}
.auth-card .auth-logo { display: block; height: 96px; width: auto; max-width: 80%; margin: 4px auto 14px; }
html:not([data-theme="light"]) .auth-card .auth-logo.theme-light { display: none; }
html[data-theme="light"] .auth-card .auth-logo.theme-dark { display: none; }

.auth-divider { display: flex; align-items: center; gap: 10px; margin: 4px 0; color: var(--text-dim); font-size: 0.8rem; }
.auth-divider::before, .auth-divider::after { content: ""; flex: 1; height: 1px; background: var(--panel-border); }
.auth-ms-btn { display: inline-flex; align-items: center; justify-content: center; gap: 9px; width: 100%; }