/* admin/assets/pages/public-auth.css */
.auth-page{
  min-height:100vh;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:24px;
}

.auth-card--public{
  width:min(560px, 100%);
}

.auth-head{
  display:flex;
  align-items:center;
  gap:14px;
  margin-bottom:14px;
}

.auth-logo--public{
  width:54px;
  height:54px;
  border-radius:16px;
  background:#fff;
  box-shadow: var(--shadow-soft);
  object-fit:contain;
}

.auth-title--public{
  margin:0;
  color:var(--pont-black);
  font-size:1.35rem;
  font-weight:700;
  line-height:1.2;
}

.auth-sub--public{
  margin:4px 0 0;
  color:var(--pont-muted);
  font-size:.95rem;
}

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

.auth-label{
  display:block;
  font-weight:600;
  margin-bottom:6px;
}

.auth-actions{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  margin-top:14px;
  flex-wrap:wrap;
}

.auth-link{
  color:var(--pont-primary);
  text-decoration:none;
  font-weight:600;
}
.auth-link:hover{ text-decoration:underline; }

.auth-btn-row{
  margin-top:12px;
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}

@media (max-width: 640px){
  .auth-page{ padding:14px; }
  .auth-card--public{ width:100%; }
  .auth-actions,
  .auth-btn-row{ flex-direction:column; align-items:stretch; }
  .auth-actions .btn,
  .auth-btn-row .btn,
  .auth-btn-row .btn--ghost{ width:100%; }
}