/* ===== بطاقة التقييم ===== */
.naf-helpful.card{
  margin:18px auto;
  max-width:680px;
  border:1px solid #e6e9ef;
  border-radius:12px;
  background:#fff;
  box-shadow:0 4px 18px rgba(15,23,42,.05);
  padding:14px;
}
.naf-helpful__inner{display:flex;flex-direction:column;gap:10px}

/* العنوان بالمنتصف */
.naf-helpful__title{
  margin:4px 8px 10px;
  font-weight:800;
  font-size:1.15rem;
  color:#1f2937;
  text-align:center;
}

/* الأزرار بالمنتصف، لون فقط عند التمرير */
.naf-helpful__actions{
  display:flex;gap:12px;flex-wrap:wrap;align-items:center;justify-content:center;
  padding:0 6px 8px;
}
.naf-helpful__btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  border:1px solid #dbe1ea;background:#fff;color:#0f172a;
  border-radius:999px;padding:12px 20px;font-weight:700;cursor:pointer;
  transition:.15s ease;box-shadow:0 1px 0 rgba(2,6,23,.03)
}
.naf-helpful__btn:hover{
  background:#eef2ff;border-color:#c7d2fe;color:#1d4ed8;transform:translateY(-1px)
}

/* سطر الحالة */
.naf-helpful__status{min-height:1.2em;margin:0 8px;color:#0f766e;font-weight:700}

/* ===== المودال ===== */
.naf-modal[hidden]{display:none!important}
body.naf-modal-open{overflow:hidden}
.naf-modal{position:fixed;inset:0;z-index:9999}
.naf-modal__backdrop{position:absolute;inset:0;background:rgba(2,6,23,.55)}
.naf-modal__dialog{
  position:relative;margin:6vh auto 0;max-width:560px;background:#fff;
  border-radius:12px;border:1px solid #dfe3ec;box-shadow:0 10px 40px rgba(2,6,23,.25);
  padding:18px 18px 16px;
}
.naf-modal__close{
  position:absolute;top:6px;left:8px;background:#f1f5f9;border:none;border-radius:6px;padding:2px 8px;cursor:pointer
}
.naf-modal__title{margin:4px 0 6px;font-size:1.25rem;font-weight:800;color:#0f172a}
.naf-modal__desc{margin:0 0 10px;color:#334155}
.naf-req{color:#ef4444}
.naf-modal__form{display:flex;flex-direction:column;gap:10px}

/* الحقول */
.naf-label{font-weight:700;color:#0f172a}
.naf-input,.naf-textarea{
  width:100%;border:1px solid #d1d5db;border-radius:10px;padding:10px;font-size:.95rem;background:#fff
}
.naf-textarea{resize:vertical}
.naf-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
@media(max-width:640px){.naf-grid{grid-template-columns:1fr}}
.naf-check{display:flex;align-items:center;gap:8px;font-weight:600;color:#0f172a}
.naf-radio{display:flex;align-items:center;gap:8px}

/* زر المودال */
.naf-btn{
  background:#0ea5e9;color:#fff;border:none;border-radius:10px;padding:10px 16px;cursor:pointer;font-weight:800
}
.naf-actions{display:flex;justify-content:flex-start}
.naf-modal__msg{min-height:1.2em;color:#0f766e;font-weight:700}

/* Honeypot */
.naf-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}