.login-dialog {
  width: min(380px, calc(100vw - 32px));
  padding: 0;
  background: var(--surface);
  border: 1px solid var(--line-strong);
  border-radius: 9px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.36);
  color: var(--text);
}

.login-dialog::backdrop {
  background: rgba(0, 0, 0, 0.82);
}

.login-form {
  display: grid;
  gap: 16px;
  padding: 18px;
}

.login-title {
  margin: 0;
  font-size: 18px;
}

.login-error {
  min-height: 20px;
  color: #f0a0b7;
  font-size: 13px;
}