.server-login {
  width: min(420px, calc(100vw - 32px));
  border: 1px solid var(--border-soft);
  border-radius: 8px;
  padding: 22px;
  color: var(--ink);
  background: var(--bg-surface);
  box-shadow: 0 16px 48px rgba(0, 0, 0, .22);
}
.server-login::backdrop { background: rgba(0, 0, 0, .45); }
.server-login h2 { margin: 0 0 18px; font-size: 18px; }
.server-login label { display: grid; gap: 5px; margin: 0 0 12px; font-size: 13px; }
.server-login input { width: 100%; box-sizing: border-box; padding: 8px 10px; border: 1px solid var(--border-soft); border-radius: 5px; background: var(--chart-panel); color: var(--ink); }
.server-login-error { min-height: 18px; margin: 0 0 12px; color: #bf3838; font-size: 12px; }
.server-login-actions { display: flex; justify-content: flex-end; gap: 8px; }
.server-login-actions button { border: 1px solid var(--border-soft); border-radius: 5px; padding: 7px 12px; background: var(--chart-panel); color: var(--ink); cursor: pointer; }
.server-login-actions button[type="submit"] { background: var(--accent); color: white; }