/* تنسيقات مكمّلة لتصميم Tailwind — الهوية القطرية الجمركية */
body { font-family: 'Tajawal', sans-serif; background-color: #f7f7fa; }

::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: #f1f1f1; }
::-webkit-scrollbar-thumb { background: #8A1538; border-radius: 4px; }

.step-transition { transition: all 0.3s ease-in-out; }

/* إبراز الخيار المحدد (radio/checkbox) دون JS عبر :has */
.opt-card:has(input:checked) {
  border-color: #8A1538;
  background-color: #FDF0F4;
  box-shadow: 0 0 0 1px #8A1538 inset;
}
.scale-pill:has(input:checked) {
  background-color: #8A1538;
  border-color: #8A1538;
  color: #fff;
}
.rank-pill:has(input:checked) {
  background-color: #8A1538;
  border-color: #8A1538;
  color: #fff;
}

/* رسائل Toast العائمة */
@keyframes toastIn { from { opacity: 0; transform: translateY(-12px); } to { opacity: 1; transform: translateY(0); } }
.toast { animation: toastIn 0.25s ease-out; }

/* تمييز الأسئلة الناقصة */
.q-missing { outline: 2px solid #e11d48; outline-offset: 4px; border-radius: 12px; }