/* ══ Login — page-specific styles ══ */

.remember-row { display: flex; align-items: center; gap: 10px; margin: 20px 0 24px; }
.remember-row input[type="checkbox"] {
  width: 18px; height: 18px; padding: 0; border-radius: 4px;
  border: 2px solid var(--outline); background: var(--surface-input);
  cursor: pointer; accent-color: var(--primary); flex-shrink: 0;
}
.remember-row label { font-size: 14px; font-weight: 500; color: var(--on-surface); cursor: pointer; letter-spacing: 0; }

.login-alert {
  background: #fff0f0; border: 1px solid #f5c6c6; border-radius: 8px;
  padding: 10px 14px; font-size: 13px; color: var(--error); font-weight: 500;
  display: none; margin-bottom: 18px; align-items: center; gap: 8px;
}
.login-alert.visible { display: flex; }
.login-alert svg { width: 16px; height: 16px; flex-shrink: 0; }