/* ===== Page de connexion (Open WebUI) ===== */
.login-body { background: var(--bg); color: var(--text); min-height: 100vh; margin: 0; }
.login-brand {
  position: absolute; top: 24px; left: 28px;
  display: inline-flex; align-items: center; gap: 10px;
}
.login-brand img { height: 40px; width: auto; display: block; border-radius: 8px; }
.login-wrap {
  min-height: 100vh; display: flex; flex-direction: column;
  align-items: center; justify-content: center; padding: 24px;
}
.login-card { width: 100%; max-width: 400px; display: flex; flex-direction: column; align-items: center; text-align: center; }
.login-title {
  font-size: 22px; font-weight: 600; line-height: 1.3;
  margin: 0 0 32px; color: var(--text); white-space: nowrap;
}
.login-sep { display: none; }
.ms-btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 12px;
  width: 100%; max-width: 400px; padding: 14px 24px;
  background: var(--surface-2); border: 1px solid var(--border-2);
  border-radius: var(--radius-lg); color: var(--text);
  font-size: 14px; font-weight: 600;
  transition: background .15s ease, border-color .15s ease;
}
.ms-btn:hover { background: var(--surface-3); border-color: var(--text-faint); }
.ms-logo { display: inline-flex; }
.login-erreur { margin-top: 18px; color: var(--danger); font-size: 13px; }
.login-foot {
  position: absolute; bottom: 24px; left: 0; right: 0;
  text-align: center; color: var(--text-faint); font-size: 12px;
}
@media (max-width: 520px) { .login-title { font-size: 18px; } }