/* حالت جدید و پیش‌فرض: بدون باکس/پس‌زمینه‌ی جداگانه، هم‌رنگ با بقیه‌ی
   فیلدهای فرم ویرایش پروفایل (چه در پنل ناشرین، چه در پنل کاربری قالب) —
   رنگ واقعی از استایل خودِ فرم اطراف (kpp-field / kpp-input در پنل
   ناشرین، یا کلاس‌های فرم قالب در پنل کاربری) به ارث می‌رسد. */
.kpp-zohal-inline{ direction:rtl; text-align:right; grid-column:1 / -1; margin:8px 0 4px; }
.kpp-zohal-heading-row{ display:flex; align-items:center; justify-content:space-between; gap:10px; }
.kpp-zohal-status{ font-size:12.5px; margin-bottom:8px; min-height:16px; }
.kpp-zohal-status--error{ color:#d5393f; }
.kpp-zohal-status--ok{ color:#1a9c5b; }
.kpp-zohal-badge{ display:inline-block; padding:4px 12px; border-radius:20px; font-size:11.5px; font-weight:700; white-space:nowrap; }
.kpp-zohal-badge--green{ background:#e4f7ec; color:#1a9c5b; }
.kpp-zohal-badge--yellow{ background:#fff4dd; color:#b9820b; }
.kpp-zohal-guest-hint{ font-size:13px; color:#71798c; }

/* --- استایل‌های قدیمی زیر فقط برای سازگاری با نسخه‌های قبلی نگه داشته
   شده‌اند (اگر جایی هنوز از کلاس kpp-zohal-card/kpp-zohal-form/... استفاده
   کند)؛ در قالب/فرم‌های جدید دیگر تولید نمی‌شوند. --- */
.kpp-zohal-card{
  --kzc-primary:#3498db;
  background:#fff;
  border:1px solid #eceef2;
  border-radius:14px;
  padding:20px;
  margin:16px 0;
  direction:rtl;
  text-align:right;
  font-family:inherit;
  max-width:520px;
}
.kpp-zohal-card__header{ display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:10px; }
.kpp-zohal-card__header h3{ font-size:15px; margin:0; }
.kpp-zohal-badge{ display:inline-block; padding:4px 12px; border-radius:20px; font-size:11.5px; font-weight:700; white-space:nowrap; }
.kpp-zohal-badge--green{ background:#e4f7ec; color:#1a9c5b; }
.kpp-zohal-badge--yellow{ background:#fff4dd; color:#b9820b; }
.kpp-zohal-hint{ font-size:12.5px; color:#71798c; line-height:1.9; margin:0 0 14px; }
.kpp-zohal-form{ margin-top:6px; }
.kpp-zohal-field{ margin-bottom:14px; }
.kpp-zohal-field label{ display:block; font-size:12.5px; font-weight:700; margin-bottom:6px; }
.kpp-zohal-input{
  width:100%;
  box-sizing:border-box;
  padding:10px 12px;
  border-radius:9px;
  border:1px solid #dde1e8;
  font-size:13.5px;
  outline:none;
}
.kpp-zohal-input:focus{ border-color:var(--kzc-primary); }
.kpp-zohal-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  padding:10px 18px;
  border:none;
  border-radius:9px;
  background:var(--kzc-primary);
  color:#fff;
  font-size:13px;
  font-weight:700;
  cursor:pointer;
}
.kpp-zohal-btn[disabled]{ opacity:.6; cursor:not-allowed; }
.kpp-zohal-btn--ghost{ background:transparent; color:var(--kzc-primary); border:1px solid #cfe3f4; }
.kpp-zohal-status{ font-size:12.5px; margin-bottom:10px; min-height:16px; }
.kpp-zohal-status--error{ color:#d5393f; }
.kpp-zohal-status--ok{ color:#1a9c5b; }
.kpp-zohal-guest-hint{ font-size:13px; color:#71798c; }

/* Blocking gate shown on pages the admin restricted until verification is done */
.kpp-zohal-gate{
  max-width:560px;
  margin:32px auto;
  background:#fff8ec;
  border:1px solid #f3ddb0;
  border-radius:14px;
  padding:22px;
  text-align:center;
  direction:rtl;
}
.kpp-zohal-gate h3{ margin:0 0 8px; font-size:16px; }
.kpp-zohal-gate p{ font-size:13.5px; color:#8a6d2f; line-height:1.9; margin:0 0 16px; }
.kpp-zohal-gate a.kpp-zohal-btn{ text-decoration:none; }

@media (max-width:480px){
  .kpp-zohal-gate{ margin:16px auto; padding:16px; border-radius:12px; }
  .kpp-zohal-heading-row{ flex-wrap:wrap; }
}
@media (max-width:340px){
  .kpp-zohal-status{ font-size:11.5px; }
  .kpp-zohal-badge{ font-size:10.5px; padding:3px 9px; }
}
