/* auth.css — หน้า login / register */
.auth-page {
  min-height: calc(100vh - 60px);
  display: flex; align-items: center; justify-content: center;
  padding: 40px 20px; background: var(--bg-alt);
}
.auth-card {
  background: var(--bg); border: 1px solid var(--border);
  border-radius: var(--radius); padding: 40px;
  width: 100%; max-width: 400px;
  box-shadow: var(--shadow-md);
}
.auth-logo { font-size: 22px; font-weight: 600; text-align: center; margin-bottom: 20px; }
.auth-logo .logo-accent { color: var(--amber); }
.auth-title { font-size: 20px; font-weight: 600; text-align: center; margin-bottom: 4px; }
.auth-sub   { font-size: 14px; color: var(--text-muted); text-align: center; margin-bottom: 24px; }
.auth-error {
  background: #FCEBEB; color: #A32D2D; border: 1px solid #F09595;
  border-radius: var(--radius-sm); padding: 10px 14px;
  font-size: 13px; margin-bottom: 16px;
  display: flex; align-items: center; gap: 8px;
}
.form-group { margin-bottom: 16px; }
.form-group label { display: block; font-size: 13px; font-weight: 500; margin-bottom: 6px; color: var(--gray-900); }
.form-group input {
  width: 100%; padding: 9px 12px;
  border: 1px solid var(--border-hover); border-radius: var(--radius-sm);
  font-family: var(--font-thai); font-size: 14px;
  background: var(--bg); color: var(--text);
  transition: border-color var(--transition);
}
.form-group input:focus { outline: none; border-color: var(--amber-mid); }
.btn-block { width: 100%; justify-content: center; margin-top: 8px; padding: 11px; }
.auth-switch { text-align: center; font-size: 13px; color: var(--text-muted); margin-top: 20px; }
.auth-switch a { color: var(--amber); text-decoration: none; font-weight: 500; }
.auth-switch a:hover { text-decoration: underline; }