/* =========================================================
   Auth pages (Login / Register / Forgot / Reset)
   - Nhẹ nhàng hơn, đồng bộ palette hiện tại (#847a33 / #d7d7b3)
   ========================================================= */

.xq-auth{
  max-width:520px;
  margin:0 auto;
}

.xq-auth-card{
  border:1px solid var(--xq-border);
  background:#fff;
}

.xq-auth-head{
  background:var(--xq-panel);
  border-bottom:1px solid var(--xq-border);
  padding:12px 14px;
}

.xq-auth-title{
  margin:0;
  font-size:18px;
  font-weight:800;
  color:#6d1e1e;
  display:flex;
  align-items:center;
  gap:8px;
}

.xq-auth-sub{
  margin-top:6px;
  font-size:13px;
  color:#333;
  line-height:1.45;
}

.xq-auth-body{
  padding:14px;
}

.xq-auth .xq-input{
  width:100%;
  box-sizing:border-box;
}

.xq-auth-form{
  display:grid;
  gap:12px;
  margin-top:10px;
}

.xq-auth-field label{
  display:block;
  margin:0 0 4px 0;
  font-weight:700;
  font-size:13px;
  color:#333;
}

.xq-auth-hint{
  margin-top:6px;
  font-size:12px;
  color:#666;
  line-height:1.45;
}

.xq-auth-actions{
  margin-top:6px;
}

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

.xq-auth-links{
  margin-top:12px;
  padding-top:10px;
  border-top:1px dotted #bdb28c;
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  font-size:13px;
}

.xq-auth-links a{
  color:var(--xq-link);
  text-decoration:none;
}
.xq-auth-links a:hover{
  color:var(--xq-link-hover);
  text-decoration:underline;
}

.xq-auth-errors{
  margin:0;
  padding-left:18px;
}

.xq-auth-debug{
  margin-top:10px;
  padding:10px 12px;
  border:1px dashed #999;
  background:#fff;
  font-size:13px;
  line-height:1.45;
}

.xq-auth-debug a{ word-break:break-all; }

@media (max-width:520px){
  .xq-auth{ max-width:100%; }
  .xq-auth-head{ padding:10px 12px; }
  .xq-auth-body{ padding:12px; }
  .xq-auth-title{ font-size:16px; }
}