/* Auth pages – match PMU site styling and keep forms centered */

.auth-shell{
  min-height: calc(100vh - 72px); /* leave room for nav */
  display:flex;
  align-items:center;
  justify-content:center;
  padding: 28px 12px;
}

.auth-card{
  width:100%;
  max-width: 520px;
}

.auth-title{
  font-size: 28px;
  font-weight: 800;
  margin: 0 0 12px;
}

.auth-subtitle{
  margin: 0 0 16px;
}

.auth-form{
  display:grid;
  gap: 12px;
  justify-items: center;
}

.auth-row label{
  display:block;
  color: var(--muted);
  font-weight: 650;
  margin-bottom: 6px;
  text-align:center;
}

.auth-label{ text-align:center; width:100%; }

.auth-row{
  width: 100%;
}

.auth-row .pmu-input{
  width: 100%;
  max-width: 420px;
  margin: 0 auto;
  display:block;
}

.auth-actions{
  display:flex;
  justify-content:flex-end;
  gap: 10px;
  margin-top: 6px;
  width: 100%;
}

.auth-actions .pmu-btn{ width: 100%; }

.auth-meta{
  margin-top: 12px;
  display:flex;
  justify-content:space-between;
  gap: 12px;
  flex-wrap: wrap;
}

/* Center the "remember me" row on auth forms */
.auth-form > label{
  justify-content:center !important;
}

.auth-meta a{
  color: var(--accent);
  text-decoration:none;
  font-weight:700;
}

.auth-meta a:hover{ color: #fff; }

.auth-error{
  color:#fecaca;
  background: rgba(239,68,68,0.12);
  border: 1px solid rgba(239,68,68,0.35);
  padding: 10px 12px;
  border-radius: 12px;
}

@media (max-width: 480px){
  .auth-actions{ justify-content:stretch; }
}