/* صفحات تسجيل الدخول/التسجيل/الحساب (واجهة العميل) */

.auth-wrap{
  min-height: calc(100vh - 140px);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 40px 16px;
}

.auth-card{
  width: 100%;
  max-width: 520px;
  background: #fff;
  border-radius: 18px;
  box-shadow: 0 10px 30px rgba(0,0,0,.08);
  overflow: hidden;
}

.auth-card .auth-head{
  background: #343a40;
  color: #fff;
  padding: 18px 22px;
}

.auth-card .auth-body{
  padding: 22px;
}

.auth-title{
  margin: 0;
  font-size: 22px;
  font-weight: 700;
}

.auth-sub{
  margin: 6px 0 0;
  opacity: .85;
  font-size: 14px;
}

.auth-form .form-label{
  font-weight: 600;
}

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

.auth-actions .btn{
  border-radius: 999px;
  padding: 10px 16px;
}

.auth-link{
  font-weight: 600;
  text-decoration: none;
}

.auth-link:hover{ text-decoration: underline; }

.auth-alert{
  border-radius: 12px;
}

@media (max-width: 576px){
  .auth-card{ border-radius: 14px; }
  .auth-card .auth-body{ padding: 16px; }
}


/* منع كسر التصميم بسبب ايميل/نص طويل */
.auth-alert{ overflow-wrap:anywhere; word-break:break-word; }