@import url('https://fonts.googleapis.com/css2?family=El+Messiri:wght@400;500;600;700&display=swap');

/* =========================
   إجبار كامل على RTL
========================= */
html,
body,
#root {
  direction: rtl !important;
  text-align: right !important;
  font-family: 'El Messiri', sans-serif !important;
}

body {
  text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  scrollbar-width: none !important;
  color: rgb(17, 24, 39);
  min-height: 100vh;
  background-color: rgb(247, 248, 250);
  position: relative;
}

/* فرض الاتجاه على أغلب عناصر MUI */
.MuiDrawer-root,
.MuiDrawer-paper,
.MuiPaper-root,
.MuiDialog-paper,
.MuiPopover-paper,
.MuiMenu-paper,
.MuiBox-root,
.MuiStack-root,
.MuiGrid-root,
.MuiTypography-root,
.MuiFormControl-root,
.MuiInputBase-root,
.MuiOutlinedInput-root,
.MuiSelect-select,
.MuiFormLabel-root,
.MuiFormHelperText-root,
.MuiButton-root,
.MuiChip-root,
.MuiAlert-root,
.MuiList-root,
.MuiListItem-root,
.MuiListItemButton-root,
.MuiListItemText-root,
.MuiStepper-root,
.MuiStep-root,
.MuiStepLabel-root,
.MuiStepContent-root {
  direction: rtl !important;
  text-align: right !important;
  font-family: 'El Messiri', sans-serif !important;
}

/* بعض المكتبات تفرض LTR داخليًا */
[dir="ltr"] {
  direction: rtl !important;
}

/* =========================
   الحقول والإدخالات
========================= */
input,
textarea,
select,
.MuiInputBase-input,
.MuiOutlinedInput-input,
.MuiSelect-select,
.MuiInputBase-inputMultiline {
  direction: rtl !important;
  text-align: right !important;
  font-family: 'El Messiri', sans-serif !important;
}

.MuiFormHelperText-root,
.MuiInputLabel-root,
.MuiFormLabel-root,
.MuiTypography-caption,
.MuiTypography-body1,
.MuiTypography-body2,
.MuiTypography-subtitle1,
.MuiTypography-subtitle2,
.MuiTypography-h5,
.MuiTypography-h6 {
  text-align: right !important;
}

/* سهم الـ select إلى اليسار بصريًا في RTL */
.MuiSelect-icon {
  left: 12px !important;
  right: auto !important;
}

/* تحسين padding داخل الحقول */
.MuiOutlinedInput-input,
.MuiSelect-select {
  padding-right: 14px !important;
  padding-left: 36px !important;
}

.css-1m9omb {
  height: 24px !important;
  min-height: 24px !important;
  padding: 0 8px !important;
  border-radius: 999px !important;
  gap: 4px !important;
}

.css-1m9omb .MuiChip-icon {
  margin: 0 0 0 4px !important;
  width: 10px !important;
  height: 10px !important;
  font-size: 10px !important;
}

.css-1m9omb .MuiChip-label {
  padding: 0 !important;
  margin: 0 !important;
  line-height: 1 !important;
  font-size: 11px !important;
  font-weight: 600 !important;
}
/* =========================
   الأزرار والأيقونات
========================= */
.MuiButton-root {
  border-radius: 10px !important;
  white-space: nowrap;
}

.MuiButton-startIcon {
  margin-left: 8px !important;
  margin-right: 0 !important;
}

.MuiButton-endIcon {
  margin-right: 8px !important;
  margin-left: 0 !important;
}

.MuiListItemIcon-root {
  min-width: 36px !important;
  margin-left: 10px !important;
  margin-right: 0 !important;
}

/* إخفاء زر التحويل إلى LTR نهائيًا */
button[aria-label*="LTR"],
button[aria-label*="لليسار"] {
  display: none !important;
}

/* =========================
   معالجة التصاق البطاقات
   .css-fhd93d
========================= */
.css-fhd93d {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)) !important;
  gap: 14px !important;
  align-items: stretch !important;
}

.css-fhd93d > .MuiBox-root {
  margin: 0 !important;
  min-width: 0 !important;
  border-radius: 12px !important;
}

.css-17xuav9 {
  gap: 10px !important;
}

/* =========================
   معالجة حقلي اللغة + الفئة
   .css-1cy2ttj
========================= */
.css-1cy2ttj {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 16px !important;
  align-items: start !important;
}

.css-1cy2ttj > .MuiStack-root {
  min-width: 0 !important;
}

@media (max-width: 768px) {
  .css-1cy2ttj {
    grid-template-columns: 1fr !important;
  }
}

/* =========================
   معالجة أزرار الأسفل
   .css-173orub + .css-1x1xdwy
========================= */
.css-173orub {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
}

.css-173orub > .MuiButton-root,
.css-173orub > .MuiStack-root {
  margin: 0 !important;
}

.css-1x1xdwy {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  align-items: center !important;
}

.css-1x1xdwy > .MuiButton-root {
  margin: 0 !important;
}

/* =========================
   تحسينات عامة للمسافات
========================= */
.MuiPaper-root,
.MuiAlert-root,
.MuiCard-root,
.MuiOutlinedInput-root,
.MuiFormControl-root {
  border-radius: 12px !important;
}

.MuiStack-root > .MuiButton-root + .MuiButton-root,
.MuiStack-root > .MuiFormControl-root + .MuiFormControl-root,
.MuiStack-root > .MuiBox-root + .MuiBox-root {
  margin-top: 0 !important;
}

.MuiStepper-root {
  direction: rtl !important;
}

.MuiStepLabel-labelContainer {
  text-align: center !important;
}








/* الحاوية الخاصة بالأزرار */
.css-rz2100 {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  align-items: center !important;
}

/* شكل عام للـ chips داخل هذا القسم فقط */
.css-rz2100 .MuiChip-root {
  height: 42px !important;
  border-radius: 12px !important;
  padding: 0 12px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: all 0.22s ease !important;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04) !important;
}

/* ترتيب المحتوى الداخلي */
.css-rz2100 .MuiChip-label {
  display: flex !important;
  align-items: center !important;
  line-height: 1 !important;
  padding: 0 4px !important;
  font-weight: 600 !important;
}

.css-rz2100 .MuiChip-icon {
  margin: 0 0 0 8px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 18px !important;
  width: 18px !important;
  height: 18px !important;
  transform: none !important;
  position: relative !important;
  top: 0 !important;
  right: 0 !important;
  left: 0 !important;
  vertical-align: middle !important;
  flex-shrink: 0 !important;
}

/* الحالة الافتراضية */
.css-rz2100 .MuiChip-filledPrimary {
  background-color: #16a34a !important;
  color: #ffffff !important;
}

.css-rz2100 .MuiChip-filledPrimary .MuiChip-icon {
  color: #ffffff !important;
}

.css-rz2100 .MuiChip-filledDefault {
  background-color: #f3f4f6 !important;
  color: #111827 !important;
  border: 1px solid #e5e7eb !important;
}

.css-rz2100 .MuiChip-filledDefault .MuiChip-icon {
  color: #16a34a !important;
}

/* hover / focus */
.css-rz2100 .MuiChip-root:hover,
.css-rz2100 .MuiChip-root:focus,
.css-rz2100 .MuiChip-root.Mui-focusVisible {
  background-color: #16a34a !important;
  color: #ffffff !important;
  border-color: #16a34a !important;
  box-shadow: 0 4px 12px rgba(22, 163, 74, 0.18) !important;
}

.css-rz2100 .MuiChip-root:hover .MuiChip-icon,
.css-rz2100 .MuiChip-root:focus .MuiChip-icon,
.css-rz2100 .MuiChip-root.Mui-focusVisible .MuiChip-icon,
.css-rz2100 .MuiChip-root:hover .MuiChip-label,
.css-rz2100 .MuiChip-root:focus .MuiChip-label,
.css-rz2100 .MuiChip-root.Mui-focusVisible .MuiChip-label {
  color: #ffffff !important;
}

/* ضغط بسيط عند النقر */
.css-rz2100 .MuiChip-root:active {
  transform: translateY(1px) !important;
}



.css-1pdpbzy {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  gap: 8px !important;
}

.css-1pdpbzy .MuiSvgIcon-root {
  margin: 0 auto !important;
  display: block !important;
  font-size: 44px !important;
}

.css-1pdpbzy .MuiTypography-body2,
.css-1pdpbzy .MuiTypography-caption {
  text-align: center !important;
  margin: 0 !important;
}

.css-1pdpbzy .MuiTypography-body2 {
  font-weight: 700 !important;
}

.css-1pdpbzy .MuiTypography-caption {
  opacity: 0.8 !important;
}



.css-15drd4r {
  display: flex !important;
  align-items: center !important;
  gap: 18px !important;
  flex-wrap: wrap !important;
}

.css-15drd4r .css-guqklo {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  line-height: 1 !important;
}

.css-15drd4r .css-guqklo .MuiSvgIcon-root {
  display: inline-block !important;
  vertical-align: middle !important;
  font-size: 10px !important;
  width: 10px !important;
  height: 10px !important;
  margin: 0 !important;
  position: relative !important;
  top: 0 !important;
  flex-shrink: 0 !important;
}

.css-15drd4r .css-guqklo .MuiTypography-caption {
  margin: 0 !important;
  line-height: 1.4 !important;
  display: inline-block !important;
  vertical-align: middle !important;
}


.css-rz2100 {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  direction: rtl !important;
}




/* الكرت نفسه */
.css-1i3guun {
  border-radius: 14px !important;
  overflow: hidden !important;
}

/* الحاوية الرئيسية أعلى الكرت */
.css-1i3guun .css-s7lb8c {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 14px !important;
  padding: 14px 16px !important;
  flex-wrap: wrap !important;
}

/* الجزء الأيمن: الأيقونة + النص */
.css-1i3guun .css-fm445e {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  min-width: 0 !important;
  flex: 1 1 auto !important;
}

/* دائرة أيقونة واتساب */
.css-1i3guun .css-1q5g6u6 {
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  border-radius: 12px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: rgba(16, 185, 129, 0.10) !important;
}

.css-1i3guun .css-1q5g6u6 .MuiSvgIcon-root {
  font-size: 22px !important;
  width: 22px !important;
  height: 22px !important;
  margin: 0 !important;
}

/* عنوان "تحقق" مع الحالة */
.css-1i3guun .css-fm445e .MuiTypography-body2 {
  margin: 0 0 4px 0 !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
}

/* صف: متصل + المعرف */
.css-1i3guun .css-1o2cgbm {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
}

/* شارة "متصل" */
.css-1i3guun .css-1l3r48y {
  height: 30px !important;
  border-radius: 999px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 0 10px !important;
}

.css-1i3guun .css-1l3r48y .MuiChip-icon {
  margin: 0 !important;
  font-size: 16px !important;
  width: 16px !important;
  height: 16px !important;
}

/* الجزء الأيسر: Offline + حذف */
.css-1i3guun .css-11oc61t {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  flex-wrap: wrap !important;
}

/* Chip Offline */
.css-1i3guun .css-8uymst {
  height: 34px !important;
  border-radius: 999px !important;
  display: inline-flex !important;
  align-items: center !important;
  padding: 0 12px !important;
}

.css-1i3guun .css-8uymst .MuiChip-icon {
  margin: 0 0 0 6px !important;
  font-size: 13px !important;
  width: 13px !important;
  height: 13px !important;
}

/* أزرار الأيقونات */
.css-1i3guun .MuiIconButton-root {
  width: 34px !important;
  height: 34px !important;
  border-radius: 10px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
}

.css-1i3guun .MuiIconButton-root .MuiSvgIcon-root {
  font-size: 18px !important;
  width: 18px !important;
  height: 18px !important;
  margin: 0 !important;
}

/* الفاصل */
.css-1i3guun .MuiDivider-root {
  margin: 0 !important;
}

/* الصف السفلي: أيقونة الهاتف + الرقم + النسخ */
.css-1i3guun .css-1i6cmix {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 12px 16px !important;
  flex-wrap: nowrap !important;
}

.css-1i3guun .css-1i6cmix > .MuiSvgIcon-root {
  font-size: 18px !important;
  width: 18px !important;
  height: 18px !important;
  flex-shrink: 0 !important;
}

.css-1i3guun .css-1i6cmix .MuiTypography-caption {
  margin: 0 !important;
  line-height: 1.4 !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
}

.css-1i3guun .css-1i6cmix .MuiIconButton-root {
  flex-shrink: 0 !important;
}

/* تحسين عام لأي SVG داخل هذا الكرت */
.css-1i3guun .MuiSvgIcon-root {
  vertical-align: middle !important;
  position: relative !important;
  top: 0 !important;
}


/* شارة "متصل" الثابتة */
.css-1l3r48y {
  height: 26px !important;
  min-height: 26px !important;
  padding: 0 8px !important;
  gap: 4px !important;
  border-radius: 999px !important;
  display: inline-flex !important;
  align-items: center !important;
}

.css-1l3r48y .MuiChip-icon {
  margin: 0 0 0 4px !important;
  font-size: 14px !important;
  width: 14px !important;
  height: 14px !important;
}

.css-1l3r48y .MuiChip-label {
  padding: 0 !important;
  line-height: 1 !important;
  font-size: 12px !important;
  font-weight: 600 !important;
}

/* زر "متصل" القابل للنقر */
.css-1m9omb {
  height: 34px !important;
  min-height: 34px !important;
  padding: 0 12px !important;
  gap: 6px !important;
  border-radius: 999px !important;
  display: inline-flex !important;
  align-items: center !important;
  background-color: rgba(16, 185, 129, 0.10) !important;
  border: 1px solid rgba(16, 185, 129, 0.22) !important;
  color: rgb(6, 95, 70) !important;
}

.css-1m9omb .MuiChip-icon {
  margin: 0 0 0 6px !important;
  font-size: 13px !important;
  width: 13px !important;
  height: 13px !important;
  color: rgb(16, 185, 129) !important;
}

.css-1m9omb .MuiChip-label {
  padding: 0 !important;
  line-height: 1 !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: rgb(6, 95, 70) !important;
}

/* hover بسيط ومتناسق */
.css-1m9omb:hover {
  background-color: rgba(16, 185, 129, 0.16) !important;
  border-color: rgba(16, 185, 129, 0.32) !important;
}


.css-1vfrdif {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  flex-wrap: wrap !important;
}

.css-1vfrdif > .MuiIconButton-root,
.css-1vfrdif > .MuiButton-root {
  margin: 0 !important;
}

.css-1vfrdif .MuiIconButton-root {
  width: 36px !important;
  height: 36px !important;
  flex-shrink: 0 !important;
}

.css-1vfrdif .MuiButton-root {
  min-height: 40px !important;
}



.css-1l3r48y {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  height: auto !important;
  min-height: unset !important;
  border-radius: 0 !important;
  gap: 4px !important;
  display: inline-flex !important;
  align-items: center !important;
  color: rgb(0, 168, 132) !important;
}

.css-1l3r48y .MuiChip-icon {
  margin: 0 !important;
  width: 12px !important;
  height: 12px !important;
  font-size: 12px !important;
  color: rgb(0, 168, 132) !important;
}

.css-1l3r48y .MuiChip-label {
  padding: 0 !important;
  margin: 0 !important;
  line-height: 1.2 !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: rgb(0, 168, 132) !important;
}


/* =========================
   البلوك الأول:
   أيقونة + عنوان + وصف
========================= */
.css-44ycb8 {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
}

.css-44ycb8 .css-e1pex0 {
  width: 42px !important;
  height: 42px !important;
  min-width: 42px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 10px !important;
  background: rgba(16, 185, 129, 0.08) !important;
}

.css-44ycb8 .css-e1pex0 .MuiSvgIcon-root {
  font-size: 20px !important;
  width: 20px !important;
  height: 20px !important;
  margin: 0 !important;
}

.css-44ycb8 .MuiTypography-body2 {
  margin: 0 0 2px 0 !important;
  line-height: 1.25 !important;
  font-weight: 700 !important;
}

.css-44ycb8 .MuiTypography-caption {
  display: block !important;
  margin: 0 !important;
  line-height: 1.35 !important;
}

/* =========================
   البلوك الثاني:
   الحقل + زر توليد QR
========================= */
.css-15zzyhc .css-3d1r7j {
  display: flex !important;
  align-items: stretch !important;
  gap: 10px !important;
  flex-wrap: nowrap !important;
}

.css-15zzyhc .css-rw4uss {
  flex: 1 1 auto !important;
  min-height: 42px !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 0 12px !important;
  border: 1px solid #d1d5db !important;
  border-radius: 10px !important;
  background: #fff !important;
  box-sizing: border-box !important;
}

.css-15zzyhc .css-rw4uss .MuiSvgIcon-root {
  flex-shrink: 0 !important;
  font-size: 18px !important;
  width: 18px !important;
  height: 18px !important;
  margin: 0 !important;
}

.css-15zzyhc .css-rw4uss input {
  height: 100% !important;
  min-height: 40px !important;
  padding: 0 !important;
  margin: 0 !important;
  line-height: 1.2 !important;
  box-sizing: border-box !important;
}

/* الزر بنفس ارتفاع الخانة */
.css-15zzyhc .css-1q8nh7c {
  min-height: 42px !important;
  height: 42px !important;
  padding: 0 14px !important;
  border-radius: 10px !important;
  flex-shrink: 0 !important;
  box-sizing: border-box !important;
}

.css-15zzyhc .css-1q8nh7c .MuiButton-startIcon {
  margin-left: 6px !important;
  margin-right: 0 !important;
}


.css-1l3r48y {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  height: auto !important;
  min-height: unset !important;
  border-radius: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  color: rgb(0, 168, 132) !important;
  margin-right: 6px !important;
}

.css-1l3r48y .MuiChip-icon {
  display: none !important;
}

.css-1l3r48y .MuiChip-label {
  padding: 0 !important;
  margin: 0 !important;
  line-height: 1 !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  color: rgb(0, 168, 132) !important;
}

/* الحاوية الرئيسية */
.css-fm445e {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  min-width: 0 !important;
}

/* مربع أيقونة واتساب */
.css-fm445e .css-1m26r6 {
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  border-radius: 10px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: rgba(16, 185, 129, 0.08) !important;
}

.css-fm445e .css-1m26r6 .MuiSvgIcon-root {
  font-size: 20px !important;
  width: 20px !important;
  height: 20px !important;
  margin: 0 !important;
}

/* العنوان */
.css-fm445e .MuiTypography-body2.css-xd1w1b {
  margin: 0 0 4px 0 !important;
  line-height: 1.2 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  color: #111827 !important;
}

/* الصف السفلي */
.css-fm445e .css-1o2cgbm {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
}

/* شارة "امسح الرمز" */
.css-fm445e .css-1ohxu3k {
  height: 26px !important;
  min-height: 26px !important;
  padding: 0 8px !important;
  border-radius: 999px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  background: rgba(245, 158, 11, 0.10) !important;
  color: #b45309 !important;
  border: 1px solid rgba(245, 158, 11, 0.18) !important;
}

.css-fm445e .css-1ohxu3k .MuiChip-icon {
  margin: 0 0 0 4px !important;
  width: 12px !important;
  height: 12px !important;
  font-size: 12px !important;
  color: #b45309 !important;
}

.css-fm445e .css-1ohxu3k .MuiChip-label {
  padding: 0 !important;
  margin: 0 !important;
  line-height: 1 !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  color: #b45309 !important;
}

/* الكود */
.css-fm445e .MuiTypography-caption.css-113zno3 {
  margin: 0 !important;
  line-height: 1.2 !important;
  font-size: 11px !important;
  color: #6b7280 !important;
  direction: ltr !important;
}


.css-11oc61t .css-8rzu48 {
  padding-right: 12px !important;
  padding-left: 10px !important;
}









/* =========================
   توحيد صفوف الأجهزة / الحالات
========================= */
.css-s7lb8c {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  padding: 10px 12px !important;
  min-height: 68px !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

/* الجزء الأيمن: الأيقونة + النص */
.css-s7lb8c .css-fm445e {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  min-width: 0 !important;
  flex: 1 1 auto !important;
}

/* مربعات الأيقونات - كل الأنواع */
.css-s7lb8c .css-1m26r6,
.css-s7lb8c .css-6kqhae,
.css-s7lb8c .css-1q5g6u6 {
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  border-radius: 12px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: rgba(16, 185, 129, 0.08) !important;
  border: 1px solid rgba(16, 185, 129, 0.12) !important;
  box-sizing: border-box !important;
}

.css-s7lb8c .css-1m26r6 .MuiSvgIcon-root,
.css-s7lb8c .css-6kqhae .MuiSvgIcon-root,
.css-s7lb8c .css-1q5g6u6 .MuiSvgIcon-root {
  width: 20px !important;
  height: 20px !important;
  font-size: 20px !important;
  margin: 0 !important;
}

/* عنوان السطر */
.css-s7lb8c .css-xd1w1b {
  margin: 0 0 4px 0 !important;
  line-height: 1.2 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  color: #111827 !important;
}

/* السطر السفلي: الحالة + الكود */
.css-s7lb8c .css-1o2cgbm {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  min-width: 0 !important;
}

/* الكود */
.css-s7lb8c .css-113zno3 {
  margin: 0 !important;
  line-height: 1.2 !important;
  font-size: 11px !important;
  color: #6b7280 !important;
  direction: ltr !important;
  unicode-bidi: plaintext !important;
}

/* =========================
   الشارات الداخلية: متصل / غير نشط / امسح الرمز
========================= */
.css-s7lb8c .css-1ohxu3k,
.css-s7lb8c .css-1uhqbti,
.css-s7lb8c .css-1l3r48y {
  height: 24px !important;
  min-height: 24px !important;
  padding: 0 8px !important;
  border-radius: 999px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  margin: 0 !important;
  box-sizing: border-box !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* أيقونات الشارات */
.css-s7lb8c .css-1ohxu3k .MuiChip-icon,
.css-s7lb8c .css-1uhqbti .MuiChip-icon,
.css-s7lb8c .css-1l3r48y .MuiChip-icon {
  margin: 0 0 0 4px !important;
  width: 11px !important;
  height: 11px !important;
  font-size: 11px !important;
}

/* نصوص الشارات */
.css-s7lb8c .css-1ohxu3k .MuiChip-label,
.css-s7lb8c .css-1uhqbti .MuiChip-label,
.css-s7lb8c .css-1l3r48y .MuiChip-label {
  padding: 0 !important;
  margin: 0 !important;
  line-height: 1 !important;
  font-size: 11px !important;
  font-weight: 600 !important;
}

/* امسح الرمز */
.css-s7lb8c .css-1ohxu3k {
  background: rgba(245, 158, 11, 0.10) !important;
  color: #b45309 !important;
  border: 1px solid rgba(245, 158, 11, 0.16) !important;
}
.css-s7lb8c .css-1ohxu3k .MuiChip-icon,
.css-s7lb8c .css-1ohxu3k .MuiChip-label {
  color: #b45309 !important;
}

/* غير نشط */
.css-s7lb8c .css-1uhqbti {
  background: rgba(107, 114, 128, 0.10) !important;
  color: #4b5563 !important;
  border: 1px solid rgba(107, 114, 128, 0.16) !important;
}
.css-s7lb8c .css-1uhqbti .MuiChip-icon,
.css-s7lb8c .css-1uhqbti .MuiChip-label {
  color: #4b5563 !important;
}

/* متصل */
.css-s7lb8c .css-1l3r48y {
  background: rgba(16, 185, 129, 0.10) !important;
  color: #047857 !important;
  border: 1px solid rgba(16, 185, 129, 0.16) !important;
}
.css-s7lb8c .css-1l3r48y .MuiChip-icon,
.css-s7lb8c .css-1l3r48y .MuiChip-label {
  color: #047857 !important;
}

/* =========================
   الجهة اليسرى: Offline + حذف
========================= */
.css-s7lb8c .css-11oc61t {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  margin-right: auto !important;
}

/* زر Offline */
.css-s7lb8c .css-8uymst {
  height: 30px !important;
  min-height: 30px !important;
  padding: 0 10px !important;
  border-radius: 999px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  border: 1px solid #d1d5db !important;
  background: #ffffff !important;
  color: #374151 !important;
  box-shadow: none !important;
}

.css-s7lb8c .css-8uymst .MuiChip-icon {
  margin: 0 0 0 4px !important;
  width: 10px !important;
  height: 10px !important;
  font-size: 10px !important;
  color: #9ca3af !important;
}

.css-s7lb8c .css-8uymst .MuiChip-label {
  padding: 0 !important;
  margin: 0 !important;
  line-height: 1 !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  color: #374151 !important;
}

/* زر الحذف */
.css-s7lb8c .css-8rzu48 {
  width: 30px !important;
  height: 30px !important;
  min-width: 30px !important;
  padding: 0 !important;
  margin: 0 !important;
  border-radius: 8px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #6b7280 !important;
}

.css-s7lb8c .css-8rzu48 .MuiSvgIcon-root {
  width: 16px !important;
  height: 16px !important;
  font-size: 16px !important;
  margin: 0 !important;
}

/* Hover خفيف */
.css-s7lb8c .css-8rzu48:hover {
  background: rgba(239, 68, 68, 0.08) !important;
  color: #dc2626 !important;
}

.css-s7lb8c .css-8uymst:hover {
  background: #f9fafb !important;
  border-color: #9ca3af !important;
}

/* =========================
   الجوال
========================= */
@media (max-width: 640px) {
  .css-s7lb8c {
    align-items: flex-start !important;
    flex-wrap: wrap !important;
  }

  .css-s7lb8c .css-11oc61t {
    width: 100% !important;
    margin-right: 0 !important;
    justify-content: flex-end !important;
  }
}


/* تحويلها إلى نص عادي صغير بدون chip */
body .css-s7lb8c .MuiChip-root.css-1uhqbti,
body .css-s7lb8c .MuiChip-root.css-1ohxu3k,
body .css-s7lb8c .MuiChip-root.css-1l3r48y {
  display: inline !important;
  background: none !important;
  background-color: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
  min-height: 0 !important;
  height: auto !important;
  border-radius: 0 !important;
  line-height: 1 !important;
  vertical-align: middle !important;
}

body .css-s7lb8c .MuiChip-root.css-1uhqbti .MuiChip-icon,
body .css-s7lb8c .MuiChip-root.css-1ohxu3k .MuiChip-icon,
body .css-s7lb8c .MuiChip-root.css-1l3r48y .MuiChip-icon,
body .css-s7lb8c .MuiChip-root.css-1uhqbti svg,
body .css-s7lb8c .MuiChip-root.css-1ohxu3k svg,
body .css-s7lb8c .MuiChip-root.css-1l3r48y svg {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
}

body .css-s7lb8c .MuiChip-root.css-1uhqbti .MuiChip-label,
body .css-s7lb8c .MuiChip-root.css-1ohxu3k .MuiChip-label,
body .css-s7lb8c .MuiChip-root.css-1l3r48y .MuiChip-label {
  display: inline !important;
  padding: 0 !important;
  margin: 0 !important;
  line-height: 1.1 !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  background: none !important;
}

/* الألوان */
body .css-s7lb8c .MuiChip-root.css-1uhqbti .MuiChip-label {
  color: #6b7280 !important;
}

body .css-s7lb8c .MuiChip-root.css-1ohxu3k .MuiChip-label {
  color: #b45309 !important;
}

body .css-s7lb8c .MuiChip-root.css-1l3r48y .MuiChip-label {
  color: #047857 !important;
}

.css-1i6cmix {
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
}

.css-1i6cmix .css-75tdb8 {
  margin-left: 0 !important;
  margin-right: auto !important;
}

.css-1xkqq5e {
  margin-top: 10px !important;
}


.css-8rzu48 {
  color: #dc2626 !important;
}

.css-8rzu48 .MuiSvgIcon-root {
  color: #dc2626 !important;
}


/* توحيد شكل كرت الجلسة النشطة وغير النشطة */
.css-12haubl,
.css-1i3guun {
  border-radius: 14px !important;
  overflow: hidden !important;
  background-color: #ffffff !important;
  color: rgb(17, 24, 39) !important;
  background-image: none !important;
  box-shadow: none !important;
  border: 1px solid rgba(16, 185, 129, 0.2) !important;
  transition: box-shadow 0.2s, transform 0.2s !important;
  margin: 0 !important;
  margin-top: 9px !important;
}

/* الشريط العلوي الرفيع */
.css-12haubl .css-b5mhcu,
.css-1i3guun .css-e6h41n {
  min-height: 3px !important;
  height: 3px !important;
  background: rgba(16, 185, 129, 0.9) !important;
}

/* توحيد مربع الأيقونة داخل الجلسة */
.css-12haubl .css-6kqhae,
.css-12haubl .css-1m26r6,
.css-12haubl .css-1q5g6u6,
.css-1i3guun .css-6kqhae,
.css-1i3guun .css-1m26r6,
.css-1i3guun .css-1q5g6u6 {
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  border-radius: 12px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: rgba(16, 185, 129, 0.08) !important;
  border: 1px solid rgba(16, 185, 129, 0.12) !important;
}

/* توحيد أيقونة الحاوية */
.css-12haubl .css-6kqhae .MuiSvgIcon-root,
.css-12haubl .css-1m26r6 .MuiSvgIcon-root,
.css-12haubl .css-1q5g6u6 .MuiSvgIcon-root,
.css-1i3guun .css-6kqhae .MuiSvgIcon-root,
.css-1i3guun .css-1m26r6 .MuiSvgIcon-root,
.css-1i3guun .css-1q5g6u6 .MuiSvgIcon-root {
  width: 20px !important;
  height: 20px !important;
  font-size: 20px !important;
  margin: 0 !important;
}
.css-1i6cmix {
  width: 100% !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 12px 16px !important;
  flex-wrap: nowrap !important;
  background-color: rgba(247, 248, 250, 0.5) !important;
  color: rgb(17, 24, 39) !important;
  box-sizing: border-box !important;
}

/* أيقونة الهاتف */
.css-1i6cmix > .MuiSvgIcon-root {
  width: 18px !important;
  height: 18px !important;
  font-size: 18px !important;
  margin: 0 !important;
  flex-shrink: 0 !important;
}

/* الرقم */
.css-1i6cmix .css-1d8hpfn {
  margin: 0 !important;
  line-height: 1.2 !important;
  font-size: 12px !important;
  color: #111827 !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
}

/* زر النسخ */
.css-1i6cmix .css-75tdb8 {
  width: 30px !important;
  height: 30px !important;
  min-width: 30px !important;
  padding: 0 !important;
  margin-right: auto !important;
  margin-left: 0 !important;
  border-radius: 8px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
}

/* أيقونة النسخ */
.css-1i6cmix .css-75tdb8 .MuiSvgIcon-root {
  width: 16px !important;
  height: 16px !important;
  font-size: 16px !important;
  margin: 0 !important;
}


html body .MuiChip-root.css-1m9omb {
  height: 22px !important;
  min-height: 22px !important;
  padding: 0 6px !important;
  border-radius: 999px !important;
  gap: 3px !important;
  display: inline-flex !important;
  align-items: center !important;
  line-height: 1 !important;
}

html body .MuiChip-root.css-1m9omb .MuiChip-icon,
html body .MuiChip-root.css-1m9omb svg {
  width: 9px !important;
  height: 9px !important;
  font-size: 9px !important;
  margin: 0 0 0 3px !important;
}

html body .MuiChip-root.css-1m9omb .MuiChip-label {
  padding: 0 !important;
  margin: 0 !important;
  font-size: 10px !important;
  line-height: 1 !important;
  font-weight: 600 !important;
}
html body .MuiChip-root.css-8uymst {
  height: 22px !important;
  min-height: 22px !important;
  padding: 0 6px !important;
  border-radius: 999px !important;
  gap: 3px !important;
  display: inline-flex !important;
  align-items: center !important;
  line-height: 1 !important;
}

html body .MuiChip-root.css-8uymst .MuiChip-icon,
html body .MuiChip-root.css-8uymst svg {
  width: 9px !important;
  height: 9px !important;
  font-size: 9px !important;
  margin: 0 0 0 3px !important;
}

html body .MuiChip-root.css-8uymst .MuiChip-label {
  padding: 0 !important;
  margin: 0 !important;
  font-size: 10px !important;
  line-height: 1 !important;
  font-weight: 600 !important;
}

.css-mrbdq2 .MuiChip-icon {
  margin-right: 2px !important;
  margin-left: -4px !important;
  position: relative !important;
  left: -3px !important;
}
.css-yrbhvi .MuiChip-icon,
.css-1nxd9zz .MuiChip-icon {
  margin-right: 2px !important;
  margin-left: -4px !important;
  position: relative !important;
  left: -3px !important;
}

.css-fkv1qs {
  position: relative !important;
  top: 2px !important;
}

.css-i9zmlm .MuiChip-icon {
  margin-right: 2px !important;
  margin-left: -4px !important;
  position: relative !important;
  left: -3px !important;
}


.MuiAlert-icon.css-131is6g {
  margin-right: -10px !important;
  margin-left: 10px !important;
  position: relative !important;
  right: 3px !important;
}


/* كلمة "مرحبا" إزاحة لليسار قليلًا */
p.MuiTypography-root.MuiTypography-body2.css-yedx1y {
  position: relative !important;
  left: -10px !important;
}

/* زر الحذف إزاحة لليسار قليلًا */
button.MuiButtonBase-root.MuiIconButton-root.MuiIconButton-sizeSmall.css-5f7oug {
  position: relative !important;
  left: -10px !important;
}


span[aria-label="إرسال"] button svg {
  transform: scaleX(-1) !important;
}



.css-1qftbaz {
  gap: 16px !important;
}
.css-f3qd4e {
  margin-top: 12px !important;
}

button.MuiButtonBase-root.MuiButton-root.css-db7btx {
  position: relative !important;
  left: -6px !important;
  margin-right: 10px !important;
}



.css-17r79n3 .css-1vfrdif {
  display: flex !important;
  align-items: center !important;
  flex-direction: row !important;
  gap: 8px !important;
}

.css-17r79n3 .css-1da0dic {
  flex-shrink: 0 !important;
  margin: 0 !important;
  position: relative !important;
  top: 0 !important;
}

.css-17r79n3 .css-1pncpq3 {
  display: block !important;
  line-height: 1.4 !important;
  margin: 0 !important;
}




html body .MuiPaper-root.css-17r79n3 > .MuiStack-root.css-1vfrdif {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-start !important;
  flex-wrap: nowrap !important;
  gap: 8px !important;
  direction: ltr !important;
}

html body .MuiPaper-root.css-17r79n3 > .MuiStack-root.css-1vfrdif > svg.css-1da0dic {
  display: inline-block !important;
  flex: 0 0 auto !important;
  width: 16px !important;
  height: 16px !important;
  margin: 0 !important;
  position: static !important;
  vertical-align: middle !important;
}

html body .MuiPaper-root.css-17r79n3 > .MuiStack-root.css-1vfrdif > span.css-1pncpq3 {
  display: block !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin: 0 !important;
  line-height: 1.4 !important;
  text-align: left !important;
  direction: ltr !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}



/* =========================
   صندوق إعدادات Webhook / Meta كامل
========================= */
.css-1dze9di {
  display: flex !important;
  flex-direction: column !important;
  gap: 14px !important;
}

/* عنوان رابط webhook */
.css-1dze9di .css-f3qd4e {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  margin-top: 8px !important;
  margin-bottom: 2px !important;
}

.css-1dze9di .css-f3qd4e .MuiSvgIcon-root {
  width: 18px !important;
  height: 18px !important;
  font-size: 18px !important;
  margin: 0 !important;
  flex-shrink: 0 !important;
}

.css-1dze9di .css-f3qd4e .MuiTypography-caption {
  margin: 0 !important;
  line-height: 1.3 !important;
  font-size: 12px !important;
  font-weight: 600 !important;
}

/* صندوق رابط الويب هوك */
.css-1dze9di .css-58jpq6 {
  border-radius: 12px !important;
  border: 1px solid rgba(0, 168, 132, 0.18) !important;
  background: rgba(0, 168, 132, 0.05) !important;
  box-shadow: none !important;
  padding: 0 !important;
  overflow: hidden !important;
}

.css-1dze9di .css-19jvfz5 {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 12px 14px !important;
  min-height: 46px !important;
}

.css-1dze9di .css-19jvfz5 .MuiTypography-body1 {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin: 0 !important;
  font-size: 12px !important;
  line-height: 1.45 !important;
  direction: ltr !important;
  text-align: left !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.css-1dze9di .css-19jvfz5 .MuiIconButton-root {
  flex-shrink: 0 !important;
  width: 32px !important;
  height: 32px !important;
  border-radius: 8px !important;
  padding: 0 !important;
}

/* الحقول */
.css-1dze9di .css-npx8db {
  margin: 0 !important;
}

.css-1dze9di .css-npx8db + .css-npx8db {
  margin-top: 10px !important;
}

.css-1dze9di .css-npx8db .MuiInputLabel-root {
  font-size: 13px !important;
}

.css-1dze9di .css-npx8db .MuiOutlinedInput-root {
  min-height: 44px !important;
  border-radius: 10px !important;
  background: #fff !important;
}

.css-1dze9di .css-npx8db .MuiInputBase-input {
  padding-top: 12px !important;
  padding-bottom: 12px !important;
  font-size: 13px !important;
}

.css-1dze9di .css-npx8db .MuiFormHelperText-root {
  margin-top: 6px !important;
  line-height: 1.35 !important;
  font-size: 11px !important;
}

/* صف الأزرار */
.css-1dze9di .css-8q2tn0 {
  display: flex !important;
  align-items: stretch !important;
  gap: 10px !important;
  margin-top: 4px !important;
  flex-wrap: wrap !important;
}

/* الأزرار */
.css-1dze9di .css-8q2tn0 .MuiButton-root {
  min-height: 44px !important;
  border-radius: 10px !important;
  padding: 0 16px !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  text-transform: none !important;
  box-shadow: none !important;
}

.css-1dze9di .css-8q2tn0 .MuiButton-startIcon {
  margin-left: 6px !important;
  margin-right: 0 !important;
}

.css-1dze9di .css-8q2tn0 .MuiSvgIcon-root {
  width: 16px !important;
  height: 16px !important;
  font-size: 16px !important;
}

/* زر الحفظ أكبر قليلاً */
.css-1dze9di .css-1ez23ks {
  flex: 1 1 220px !important;
}

/* زر الجلب */
.css-1dze9di .css-1kgklmq {
  flex: 1 1 180px !important;
}

/* الجوال */
@media (max-width: 640px) {
  .css-1dze9di .css-8q2tn0 .MuiButton-root {
    width: 100% !important;
  }
}



/* =========================
   MUI Autocomplete / Select
   اجعل الأسهم والملحقات في اليسار
========================= */

/* الحاوية الأساسية */
.MuiAutocomplete-inputRoot,
.MuiInputBase-root.MuiOutlinedInput-root.MuiInputBase-adornedEnd,
.MuiInputBase-root.MuiOutlinedInput-root.MuiInputBase-adornedStart.MuiInputBase-adornedEnd {
  position: relative !important;
}

/* نقل مجموعة الأيقونات الجانبية إلى اليسار */
.MuiAutocomplete-endAdornment {
  right: auto !important;
  left: 8px !important;
  display: flex !important;
  align-items: center !important;
  gap: 2px !important;
}

/* سهم الـ Select العادي */
.MuiSelect-icon,
.MuiSelect-iconOutlined {
  right: auto !important;
  left: 10px !important;
}

/* الأزرار داخل الأوتوكومبليت */
.MuiAutocomplete-popupIndicator,
.MuiAutocomplete-clearIndicator {
  margin: 0 !important;
  padding: 4px !important;
}

/* إذا كان فيه clear + popup معًا */
.MuiAutocomplete-endAdornment .MuiIconButton-root {
  order: initial !important;
}

/* حشو الإدخال حتى لا يصطدم النص بالأيقونات اليسار */
.MuiAutocomplete-inputRoot .MuiInputBase-input,
.MuiInputBase-root.MuiOutlinedInput-root .MuiInputBase-input,
.MuiOutlinedInput-input,
.MuiSelect-select {
  padding-left: 44px !important;
  padding-right: 14px !important;
  text-align: right !important;
}

/* إذا كان هناك clear + popup نزيد المساحة قليلاً */
.MuiAutocomplete-inputRoot .MuiInputBase-input.MuiInputBase-inputAdornedEnd,
.MuiOutlinedInput-input.MuiInputBase-inputAdornedEnd {
  padding-left: 72px !important;
}

/* إذا كان هناك start adornment أيضًا */
.MuiInputBase-input.MuiInputBase-inputAdornedStart {
  padding-right: 14px !important;
}

/* ضبط موضع الـ notched outline مع RTL */
.MuiOutlinedInput-root {
  direction: rtl !important;
}

/* الأيقونات نفسها */
.MuiAutocomplete-endAdornment .MuiSvgIcon-root,
.MuiSelect-icon .MuiSvgIcon-root,
.MuiAutocomplete-popupIndicator .MuiSvgIcon-root,
.MuiAutocomplete-clearIndicator .MuiSvgIcon-root {
  margin: 0 !important;
}

/* حالات خاصة ببعض الكلاسات التي ظهرت عندك */
.css-iuka1o {
  right: auto !important;
  left: 8px !important;
}

.css-amwtx2,
.css-1o3l9i0 {
  margin: 0 !important;
}

/* لو كان النص ما زال قريبًا من اليسار */
.css-1ki3osf,
.css-1obe1j1 {
  padding-left: 72px !important;
  padding-right: 14px !important;
}

@media (min-width: 1200px) {
  .MuiStack-root.css-f3qd4e {
    transform: translate(-10px, 40px);
  }
}


.MuiStack-root.css-14dnv7j .MuiBox-root.css-1053gzp {
  margin-left: 4px;
}

.MuiStack-root.css-1dgfdhr > :not(style) + :not(style) {
  margin-top: 10px !important;
}

/* =========================
   لوحة الخيارات كاملة
========================= */
.css-1pbzcov {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)) !important;
  gap: 14px !important;
  align-items: start !important;
}

/* كل عمود */
.css-1pbzcov > .css-1dgfdhr {
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
  min-width: 0 !important;
}

/* كل خيار داخل العمود */
.css-1pbzcov > .css-1dgfdhr > .MuiBox-root {
  margin: 0 !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 12px !important;
  background: #ffffff !important;
  padding: 12px 14px !important;
  min-height: 72px !important;
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  box-sizing: border-box !important;
  transition: 0.2s ease !important;
}

/* هوفر خفيف */
.css-1pbzcov > .css-1dgfdhr > .MuiBox-root:hover {
  border-color: rgba(0, 168, 132, 0.28) !important;
  background: rgba(0, 168, 132, 0.03) !important;
  transform: translateY(-1px) !important;
}

/* محتوى النص */
.css-1pbzcov .css-1xhmi63,
.css-1pbzcov .css-31l7gp {
  flex: 1 1 auto !important;
  min-width: 0 !important;
}

/* عنوان الخيار */
.css-1pbzcov .css-qp4ogj,
.css-1pbzcov .css-myc4cv {
  display: block !important;
  margin: 0 0 4px 0 !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  color: #111827 !important;
}

/* الوصف */
.css-1pbzcov .css-wiy763,
.css-1pbzcov .css-1s1i08v {
  display: block !important;
  margin: 0 !important;
  font-size: 11px !important;
  line-height: 1.45 !important;
  color: #6b7280 !important;
}

/* ترتيب السطر الصغير داخل بعض العناصر */
.css-1pbzcov .css-1gt1i0p,
.css-1pbzcov .css-pgmeem {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  flex-wrap: wrap !important;
}

/* أيقونات الخيارات */
.css-1pbzcov .MuiSvgIcon-root {
  flex-shrink: 0 !important;
}

/* دوائر/مربعات الأيقونات الجانبية */
.css-1pbzcov .css-ht9fpb,
.css-1pbzcov .css-1j556e,
.css-1pbzcov .css-1svjkzl,
.css-1pbzcov .css-sg7o88,
.css-1pbzcov .css-1j13s9v,
.css-1pbzcov .css-1darnw6,
.css-1pbzcov .css-wweqm,
.css-1pbzcov .css-nvmia5,
.css-1pbzcov .css-e40cso,
.css-1pbzcov .css-1iuoy6v {
  width: 38px !important;
  height: 38px !important;
  min-width: 38px !important;
  border-radius: 10px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: rgba(0, 168, 132, 0.08) !important;
  border: 1px solid rgba(0, 168, 132, 0.12) !important;
}

/* حجم الأيقونة داخل المربع */
.css-1pbzcov .css-ht9fpb .MuiSvgIcon-root,
.css-1pbzcov .css-1j556e .MuiSvgIcon-root,
.css-1pbzcov .css-1svjkzl .MuiSvgIcon-root,
.css-1pbzcov .css-sg7o88 .MuiSvgIcon-root,
.css-1pbzcov .css-1j13s9v .MuiSvgIcon-root,
.css-1pbzcov .css-1darnw6 .MuiSvgIcon-root,
.css-1pbzcov .css-wweqm .MuiSvgIcon-root,
.css-1pbzcov .css-nvmia5 .MuiSvgIcon-root,
.css-1pbzcov .css-e40cso .MuiSvgIcon-root {
  width: 18px !important;
  height: 18px !important;
  font-size: 18px !important;
  margin: 0 !important;
  color: #059669 !important;
}

/* الأيقونة الحرفية مثل ا / ر / ط */
.css-1pbzcov .css-1iuoy6v {
  background: rgba(0, 168, 132, 0.10) !important;
}

.css-1pbzcov .css-1iuoy6v .MuiTypography-body1 {
  margin: 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  color: #059669 !important;
}

/* زر الثلاث نقاط */
.css-1pbzcov .css-14vz3fx,
.css-1pbzcov .css-131xac9,
.css-1pbzcov .css-19t6cnq,
.css-1pbzcov .css-1s02m8d,
.css-1pbzcov .css-1flm9ki,
.css-1pbzcov .css-1k9p5xw,
.css-1pbzcov .css-lrp36l,
.css-1pbzcov .css-1bglfur,
.css-1pbzcov .css-165j0td,
.css-1pbzcov .css-1q9fhcw {
  margin-right: auto !important;
  margin-left: 0 !important;
  flex-shrink: 0 !important;
}

.css-1pbzcov .css-1q9fhcw {
  width: 32px !important;
  height: 32px !important;
  border-radius: 8px !important;
  padding: 0 !important;
}

/* الشيب الصغير مثل 388 nodes */
.css-1pbzcov .css-wpgf55 {
  height: 22px !important;
  min-height: 22px !important;
  padding: 0 8px !important;
  border-radius: 999px !important;
  display: inline-flex !important;
  align-items: center !important;
}

.css-1pbzcov .css-wpgf55 .MuiChip-label {
  padding: 0 !important;
  font-size: 10px !important;
  line-height: 1 !important;
}

/* الجوال */
@media (max-width: 640px) {
  .css-1pbzcov {
    grid-template-columns: 1fr !important;
  }

  .css-1pbzcov > .css-1dgfdhr > .MuiBox-root {
    min-height: 68px !important;
    padding: 10px 12px !important;
  }
}

.MuiBox-root.css-1xkj1hr {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 8px;
  margin-top: 10px;
  margin-bottom: 10px;
}



.MuiStack-root.css-1ktps4k {
  align-items: center;
  gap: 10px;
}

.MuiBox-root.css-31l7gp .MuiTypography-root.css-myc4cv {
  margin-bottom: 2px !important;
  display: block;
}

.MuiStack-root.css-1ialerq > .MuiButtonBase-root.css-1q9fhcw {
  margin-right: auto !important;
}


.MuiBox-root.css-2cta7q .MuiStack-root.css-1ialerq {
  display: flex !important;
  align-items: flex-start !important;
  width: 100% !important;
}

.MuiBox-root.css-2cta7q .MuiStack-root.css-1ialerq > .MuiStack-root.css-1ktps4k {
  flex: 1 1 auto !important;
  min-width: 0 !important;
}

.MuiBox-root.css-2cta7q .MuiStack-root.css-1ialerq > .MuiIconButton-root {
  flex: 0 0 auto !important;
  margin-right: auto !important;
  margin-left: 0 !important;
  transform: none !important;
  position: relative !important;
  left: -12px !important;
}
/* التاريخ: زيادة الإزاحة لليمين */
.MuiTypography-root.MuiTypography-caption.css-1s1i08v {
  position: relative;
  right: -6px;
}

.MuiStack-root.css-1vfrdif > .MuiChip-root.css-16n9lc6 {
  display: none !important;
}
/* عناصر المنسدل: تقريب النص من الأيقونة */
.MuiList-root.MuiMenu-list.css-ubifyk .MuiMenuItem-root {
  display: flex;
  align-items: center;
  gap: 6px !important;
}

.MuiList-root.MuiMenu-list.css-ubifyk .MuiListItemIcon-root {
  min-width: 22px !important;
  margin: 0 !important;
}
.MuiStack-root.css-pgmeem .MuiChip-root.css-wpgf55 {
  display: none !important;
}

.css-11oc61t {
  display: flex !important;
  align-items: center !important;
  gap: 5px !important;
  
  
  
  
}

.css-14dnv7j {
  display: flex !important;
  align-items: center !important;
  gap: 5px !important;
}


/* الكرت كامل */
.MuiBox-root.css-1a23rug {
  direction: rtl !important;
  text-align: right !important;
  font-family: 'El Messiri', sans-serif !important;
  box-sizing: border-box !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 14px !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 14px !important;
  background: #ffffff !important;

  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 12px !important;

  min-height: auto !important;
  overflow: hidden !important;
}

/* الصف العلوي: الأيقونة يمين والنص يسارها */
.MuiBox-root.css-1a23rug > .MuiStack-root.css-1ou1os3 {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-start !important;
  gap: 12px !important;
  width: 100% !important;
  min-width: 0 !important;
}

/* دائرة الحرف */
.MuiBox-root.css-1a23rug .MuiBox-root.css-q1s0eg {
  flex: 0 0 42px !important;
  width: 42px !important;
  height: 42px !important;
  border-radius: 12px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  background: #f0fdf4 !important;
  border: 1px solid #bbf7d0 !important;
  color: #16a34a !important;
}

.MuiBox-root.css-1a23rug .MuiBox-root.css-q1s0eg .MuiTypography-root {
  margin: 0 !important;
  font-size: 1rem !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  color: #16a34a !important;
}

/* محتوى النص */
.MuiBox-root.css-1a23rug .MuiBox-root.css-1fjtzvx {
  flex: 1 1 auto !important;
  min-width: 0 !important;

  display: flex !important;
  flex-direction: column !important;
  align-items: flex-end !important;
  justify-content: center !important;
}

/* العنوان */
.MuiBox-root.css-1a23rug .MuiTypography-root.css-myc4cv {
  display: block !important;
  width: 100% !important;
  margin: 0 0 2px 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
  color: #111827 !important;
  text-align: left !important;
}

/* السطر الثاني */
.MuiBox-root.css-1a23rug .MuiTypography-root.css-1lwpokw {
  display: block !important;
  width: 100% !important;
  margin: 0 0 8px 0 !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  line-height: 1.35 !important;
  color: #6b7280 !important;
  text-align: left !important;
  word-break: break-word !important;
}

/* الشرائح */
.MuiBox-root.css-1a23rug .MuiStack-root.css-1pj0uv {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  justify-content: flex-start !important;
  align-items: center !important;
  gap: 6px !important;
  width: 100% !important;
}

/* الشرائح نفسها */
.MuiBox-root.css-1a23rug .MuiChip-root {
  margin: 0 !important;
  max-width: 100% !important;
  height: 24px !important;
  border-radius: 999px !important;
}

.MuiBox-root.css-1a23rug .MuiChip-label {
  padding: 0 10px !important;
  font-size: 11px !important;
  line-height: 22px !important;
  white-space: nowrap !important;
}

/* زر الاستيراد */
.MuiBox-root.css-1a23rug > .MuiButton-root.css-17ltuhi {
  width: 100% !important;
  min-height: 38px !important;
  margin: 0 !important;
  border-radius: 12px !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;

  font-family: 'El Messiri', sans-serif !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1 !important;

  align-self: stretch !important;
}

/* أيقونة زر الاستيراد */
.MuiBox-root.css-1a23rug > .MuiButton-root.css-17ltuhi .MuiButton-startIcon {
  margin: 0 0 0 6px !important;
}

.MuiBox-root.css-1a23rug > .MuiButton-root.css-17ltuhi .MuiSvgIcon-root {
  font-size: 18px !important;
}

/* تحسين للشاشات الصغيرة */
@media (max-width: 480px) {
  .MuiBox-root.css-1a23rug {
    padding: 12px !important;
    gap: 10px !important;
  }

  .MuiBox-root.css-1a23rug .MuiBox-root.css-q1s0eg {
    width: 38px !important;
    height: 38px !important;
    flex-basis: 38px !important;
  }

  .MuiBox-root.css-1a23rug .MuiTypography-root.css-myc4cv {
    font-size: 13px !important;
  }

  .MuiBox-root.css-1a23rug .MuiTypography-root.css-1lwpokw {
    font-size: 11px !important;
  }

  .MuiBox-root.css-1a23rug .MuiChip-label {
    font-size: 10px !important;
    padding: 0 8px !important;
  }
}
/* الكرت كامل */
.MuiBox-root.css-1a23rug {
  direction: rtl !important;
  text-align: right !important;
  font-family: 'El Messiri', sans-serif !important;
  box-sizing: border-box !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 14px !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 14px !important;
  background: #ffffff !important;

  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 12px !important;

  min-height: auto !important;
  overflow: hidden !important;
}

/* الصف العلوي: الأيقونة يمين والنص يسارها */
.MuiBox-root.css-1a23rug > .MuiStack-root.css-1ou1os3 {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-start !important;
  gap: 12px !important;
  width: 100% !important;
  min-width: 0 !important;
}

/* دائرة الحرف */
.MuiBox-root.css-1a23rug .MuiBox-root.css-q1s0eg {
  flex: 0 0 42px !important;
  width: 42px !important;
  height: 42px !important;
  border-radius: 12px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  background: #f0fdf4 !important;
  border: 1px solid #bbf7d0 !important;
  color: #16a34a !important;
}

.MuiBox-root.css-1a23rug .MuiBox-root.css-q1s0eg .MuiTypography-root {
  margin: 0 !important;
  font-size: 1rem !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  color: #16a34a !important;
}

/* محتوى النص */
.MuiBox-root.css-1a23rug .MuiBox-root.css-1fjtzvx {
  flex: 1 1 auto !important;
  min-width: 0 !important;

  display: flex !important;
  flex-direction: column !important;
  align-items: flex-end !important;
  justify-content: center !important;
}

/* العنوان */
.MuiBox-root.css-1a23rug .MuiTypography-root.css-myc4cv {
  display: block !important;
  width: 100% !important;
  margin: 0 0 2px 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
  color: #111827 !important;
  text-align: right !important;
}

/* السطر الثاني */
.MuiBox-root.css-1a23rug .MuiTypography-root.css-1lwpokw {
  display: block !important;
  width: 100% !important;
  margin: 0 0 8px 0 !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  line-height: 1.35 !important;
  color: #6b7280 !important;
  text-align: right !important;
  word-break: break-word !important;
}

.MuiStack-root.css-14dk4n3 {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}



/* الشرائح */
.MuiBox-root.css-1a23rug .MuiStack-root.css-1pj0uv {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  justify-content: flex-start !important;
  align-items: center !important;
  gap: 6px !important;
  width: 100% !important;
}

/* الشرائح نفسها */
.MuiBox-root.css-1a23rug .MuiChip-root {
  margin: 0 !important;
  max-width: 100% !important;
  height: 24px !important;
  border-radius: 999px !important;
}

.MuiBox-root.css-1a23rug .MuiChip-label {
  padding: 0 10px !important;
  font-size: 11px !important;
  line-height: 22px !important;
  white-space: nowrap !important;
}

/* زر الاستيراد */
.MuiBox-root.css-1a23rug > .MuiButton-root.css-17ltuhi {
  width: 100% !important;
  min-height: 38px !important;
  margin: 0 !important;
  border-radius: 12px !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;

  font-family: 'El Messiri', sans-serif !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1 !important;

  align-self: stretch !important;
}

/* أيقونة زر الاستيراد */
.MuiBox-root.css-1a23rug > .MuiButton-root.css-17ltuhi .MuiButton-startIcon {
  margin: 0 0 0 6px !important;
}

.MuiBox-root.css-1a23rug > .MuiButton-root.css-17ltuhi .MuiSvgIcon-root {
  font-size: 18px !important;
}

/* تحسين للشاشات الصغيرة */
@media (max-width: 480px) {
  .MuiBox-root.css-1a23rug {
    padding: 12px !important;
    gap: 10px !important;
  }

  .MuiBox-root.css-1a23rug .MuiBox-root.css-q1s0eg {
    width: 38px !important;
    height: 38px !important;
    flex-basis: 38px !important;
  }

  .MuiBox-root.css-1a23rug .MuiTypography-root.css-myc4cv {
    font-size: 13px !important;
  }

  .MuiBox-root.css-1a23rug .MuiTypography-root.css-1lwpokw {
    font-size: 11px !important;
  }

  .MuiBox-root.css-1a23rug .MuiChip-label {
    font-size: 10px !important;
    padding: 0 8px !important;
  }
}


.MuiFormControl-root.css-1kekc02 .MuiInputLabel-root.css-j9lfdd {
  right: 30px !important;
  left: auto !important;
  top: -3px !important;
  transform-origin: top right !important;
  text-align: right !important;
}



.MuiInputBase-root.css-5i7or4 .MuiBox-root.css-bkxtix {
  position: absolute !important;
  right: 10px !important;
  left: auto !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  z-index: 2 !important;
}

.MuiInputBase-root.css-5i7or4 .MuiInputBase-input.css-1obe1j1 {
  padding-right: 52px !important;
  padding-left: 34px !important;
  transform: none !important;
  text-align: right !important;
}
.MuiInputBase-root.css-5i7or4 .MuiBox-root.css-bkxtix {
  display: none !important;
}

.MuiInputBase-root.css-5i7or4 .MuiInputBase-input.css-1obe1j1 {
  padding-right: 8px !important;
  transform: none !important;
}


.MuiBox-root.css-tu3eku {
  margin-top: 12px !important;
  margin-bottom: 12px !important;
  transform: translateY(12px);
}

.MuiBox-root.css-1fz1w2a {
  margin-bottom: 12px !important;
}


.MuiStack-root.css-1bnbnu {
  display: flex !important;
  flex-direction: row !important;
  gap: 12px !important;
}

.MuiStack-root.css-1dgfdhr > .MuiBox-root.css-7syhf9 + .MuiBox-root.css-7syhf9 {
  margin-top: 10px !important;
}
.MuiBox-root.css-hr6u6x {
  margin-bottom: 10px !important;
}

.MuiStack-root.css-pgmeem {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}
.MuiBox-root.css-13sn1ht {
  margin-top: 10px !important;
}

/* تباعد بين الخيارات داخل نفس السكشن */
.MuiBox-root.css-1e8gwme .MuiStack-root.css-1dgfdhr > .MuiBox-root.css-1lwbtrd + .MuiBox-root.css-1lwbtrd {
  margin-top: 10px !important;
}

/* تباعد زر "إضافة خيار" عن آخر خيار */
.MuiBox-root.css-1e8gwme .MuiBox-root.css-13sn1ht {
  margin-top: 12px !important;
}

/* تباعد بين السكاشن الكاملة */
.MuiStack-root.css-1dgfdhr > .MuiBox-root.css-8rff1q + .MuiBox-root.css-8rff1q {
  margin-top: 14px !important;
}


.MuiStack-root.css-wf72te {
  padding-top: 10px !important;
  padding-right: 12px !important;
  padding-bottom: 0px !important;
  padding-left: 12px !important;
}


.MuiBox-root.css-1y31biw {
  transform: translateY(8px) !important;
  margin-bottom: 8px !important;
}




.MuiStack-root.css-1hieftg {
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
}


.MuiInputBase-root.css-1aiafc9 {
  padding-right: 30px !important;
  padding-left: 0px !important;
}

.MuiInputBase-root.css-1aiafc9 .MuiInputBase-input.css-1ki3osf {
  padding-right: 0 !important;
  transform: none !important;
  text-align: right !important;
  direction: rtl !important;
}


.MuiBox-root.css-1lekzkb:has(.MuiTypography-root.css-wf208p) {
  display: none !important;
}




.MuiStack-root.css-1dgfdhr > .MuiBox-root.css-19ubgb5 + .MuiBox-root.css-19ubgb5 {
  margin-top: 10px !important;
}



.MuiBox-root.css-8rff1q {
  position: relative !important;
  top: 12px !important;
  margin-bottom: 12px !important;
}


.MuiStack-root.css-1dgfdhr > .MuiBox-root.css-1tp8e3h + .MuiBox-root.css-1tp8e3h {
  margin-top: 10px !important;
}

.MuiBox-root.css-19mfmb3:has(.MuiTypography-root.css-obk89s),
.MuiBox-root.css-1lk616c:has(.MuiTypography-root.css-obk89s) {
  display: none !important;
}


.MuiStack-root.css-1dgfdhr > .MuiBox-root.css-1lhuvfm {
  margin-top: 12px !important;
}



.MuiBox-root.css-8rff1q {
  margin-bottom: 14px !important;
}
.MuiStack-root.css-1dgfdhr > .MuiBox-root.css-1ms72fq {
  margin-top: 12px !important;
}

.MuiBox-root.css-8rff1q .MuiBox-root.css-tu3eku {
  transform: translateY(-8px) !important;
}



.MuiBox-root.css-1ms72fq {
  position: relative !important;
  top: 8px !important;
  margin-bottom: 8px !important;
}


.MuiStack-root.css-aqrc {
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
}


.MuiStack-root.css-1bnbnu > .MuiBox-root.css-iq5ppc,
.MuiStack-root.css-1bnbnu > .MuiBox-root.css-1va8q0n {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  text-align: center !important;
}



.MuiStack-root.css-11d0t25 {
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
}

.MuiStack-root.css-1enwxbq {
  display: flex !important;
  align-items: flex-start !important;
  gap: 12px !important;
  padding-left: 10px !important;
  box-sizing: border-box !important;
}

.MuiStack-root.css-1enwxbq > .MuiBox-root.css-1rr4qq7 {
  flex: 1 1 0 !important;
  min-width: 0 !important;
}


.MuiBox-root.css-mfx94m {
  transform: translateY(25px) !important;
}


.MuiBox-root.css-1rr4qq7 .MuiBox-root.css-x261vg {
  overflow: hidden !important;
  min-width: 0 !important;
}

.MuiBox-root.css-1rr4qq7 .MuiBox-root.css-x261vg input {
  width: 100% !important;
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.MuiBox-root.css-1me3zsk .MuiBox-root.css-1y85w90 .MuiInputBase-root.css-hvhsdv .MuiInputBase-input.css-1ki3osf {
  direction: rtl !important;
  text-align: right !important;
  padding-right: 0 !important;
  margin-right: -30px !important;
  transform: none !important;
}




/* أي صف أزرار سفلي داخل الفورم */
.MuiStack-root.css-12fw7l1,
.MuiStack-root.css-1x1xdwy + .MuiDivider-root + .MuiStack-root {
  display: flex !important;
  flex-direction: row !important;
  gap: 12px !important;
  width: 100% !important;
}

.MuiStack-root.css-12fw7l1 > .MuiButton-root,
.MuiStack-root.css-1x1xdwy + .MuiDivider-root + .MuiStack-root > .MuiButton-root {
  flex: 1 1 0 !important;
  min-width: 0 !important;
  height: 46px !important;
}



/* تقليل المسافة بين عنوان الخانة والخانة نفسها */
.MuiStack-root.css-1hieftg {
  gap: 6px !important;
}

/* اللوبل نفسه */
.MuiStack-root.css-1hieftg > .MuiTypography-root.css-rcy6z6,
.MuiStack-root.css-1hieftg > h6.MuiTypography-root.css-rcy6z6 {
  margin: 0 !important;
  line-height: 1.3 !important;
}

/* منع أي هامش إضافي من حاوية الحقل */
.MuiStack-root.css-1hieftg > .MuiFormControl-root,
.MuiStack-root.css-1hieftg > .MuiAutocomplete-root,
.MuiStack-root.css-1hieftg > .MuiTextField-root {
  margin-top: 0 !important;
}






/* خانة: بحث عن تدفق */
.MuiInputBase-root.css-10sm7a5 .MuiInputBase-input.css-1obe1j1 {
  padding-right: 36px !important; /* زحزحة النص لليمين */
  padding-left: 56px !important;  /* ترك مساحة ثابتة للسهم يسار */
  text-align: right !important;
  direction: rtl !important;
  margin: 0 !important;
  transform: none !important;
}

/* السهم يبقى أقصى اليسار */
.MuiInputBase-root.css-10sm7a5 .MuiAutocomplete-endAdornment {
  left: 4px !important;
  right: auto !important;
}




.MuiStack-root.css-c95xm0 {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}
.MuiChip-root.css-1r4wdar .MuiChip-icon.css-1kwd48q {
  transform: translateX(-6px) !important;
}


.MuiChip-root.css-452iyh {
  display: flex !important;
  align-items: center !important;
}

.MuiChip-root.css-452iyh .MuiChip-icon.css-1gx1uj0 {
  margin-left: -6px !important;
  margin-right: 0 !important;
}


.MuiStack-root.css-fnf0el {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}



/* إصلاح خطوط الـ Stepper في RTL */
.MuiStepper-root.MuiStepper-horizontal {
  direction: rtl !important;
}

.MuiStepper-root.MuiStepper-horizontal .MuiStepConnector-root.MuiStepConnector-alternativeLabel {
  left: calc(50% + 20px) !important;
  right: calc(-50% + 20px) !important;
}
.MuiSvgIcon-root.css-7ileyz {
  transform: scaleX(-1) !important;
}


/* عكس السهم النصي */
.MuiTypography-root.css-jmyrl6 {
  display: inline-block !important;
  transform: scaleX(-1) !important;
}

/* عكس أيقونة زر الرجوع */
.MuiButton-root.css-1wveh9v .MuiSvgIcon-root.css-q7mezt {
  transform: scaleX(-1) !important;
}


/* تصغير الزر */
.MuiButton-root.css-1jfyszl {
  min-height: 32px !important;
  padding: 4px 12px !important;
  font-size: 13px !important;
  line-height: 1.2 !important;
}

/* حذف الأيقونة */
.MuiButton-root.css-1jfyszl .MuiButton-endIcon.css-zxkh6t {
  display: none !important;
}


.MuiChip-root.css-19bkjbt {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  min-height: 32px !important;
  padding: 4px 10px !important;
  border-radius: 10px !important;
}

.MuiChip-root.css-19bkjbt .MuiChip-icon.css-tvi28v,
.MuiChip-root.css-19bkjbt .MuiChip-deleteIcon.css-q7mezt {
  margin: 0 !important;
  font-size: 18px !important;
}

.MuiChip-root.css-19bkjbt .MuiChip-label.css-4y436t {
  padding: 0 !important;
  line-height: 1.4 !important;
}
.MuiStack-root.css-uy2hx1 {
  display: flex !important;
  align-items: flex-start !important;
  gap: 12px !important;
}

.MuiStack-root.css-uy2hx1 > .MuiFormControl-root {
  flex: 1 1 0 !important;
  min-width: 0 !important;
  margin: 0 !important;
}

.MuiStack-root.css-uy2hx1 .MuiInputBase-root {
  width: 100% !important;
}


.MuiStack-root.css-uy2hx1 {
  display: flex !important;
  align-items: flex-start !important;
  gap: 12px !important;
}

.MuiStack-root.css-uy2hx1 > .MuiFormControl-root {
  flex: 1 1 0 !important;
  min-width: 0 !important;
  margin: 0 !important;
}

.MuiStack-root.css-uy2hx1 .MuiInputBase-root {
  width: 100% !important;
}

.MuiButton-root.css-1jfyszl {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
}

.MuiButton-root.css-1jfyszl .MuiButton-startIcon.css-j2as55 {
  order: 2 !important;
  margin: 0 !important;
}

.MuiButton-root.css-1jfyszl .MuiSvgIcon-root.css-1s0hah4 {
  transform: scaleX(-1) !important;
}

.MuiStack-root.css-1w0vr {
  display: flex !important;
  align-items: flex-start !important;
  gap: 12px !important;
}

.MuiStack-root.css-1w0vr > .MuiFormControl-root.css-1g0msar,
.MuiStack-root.css-1w0vr > .MuiFormControl-root.css-1jr95ve {
  flex: 1 1 0 !important;
  min-width: 0 !important;
  margin: 0 !important;
}

.MuiStack-root.css-1w0vr .MuiInputBase-root {
  width: 100% !important;
}


.MuiChip-root.css-s51omm {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  min-height: 32px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
}

.MuiChip-root.css-s51omm .MuiChip-icon.css-1wm52an,
.MuiChip-root.css-s51omm .MuiChip-deleteIcon.css-q7mezt {
  margin: 0 !important;
  font-size: 18px !important;
}

.MuiChip-root.css-s51omm .MuiChip-label.css-4y436t {
  padding: 0 !important;
  line-height: 1.4 !important;
}

.MuiStack-root.css-1nq9gjc {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}

.MuiStack-root.css-1nq9gjc .MuiBox-root.css-1lol1xt,
.MuiStack-root.css-1nq9gjc .MuiBox-root.css-le729u {
  height: 8px !important;
  border-radius: 999px !important;
}

.MuiStack-root.css-1nq9gjc .MuiBox-root.css-1lol1xt {
  width: 22px !important;
}

.MuiStack-root.css-1nq9gjc .MuiBox-root.css-le729u {
  width: 8px !important;
  opacity: 0.45 !important;
}


.MuiBox-root.css-1r96i59 {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  padding: 12px 14px !important;
  border-radius: 12px !important;
}

.MuiBox-root.css-1r96i59 .MuiBox-root.css-1stwyow {
  flex: 1 1 auto !important;
}

.MuiBox-root.css-1r96i59 .MuiTypography-root.css-xnga68,
.MuiBox-root.css-1r96i59 .MuiTypography-root.css-jmyrl6 {
  margin: 0 !important;
  line-height: 1.2 !important;
}

.MuiBox-root.css-1r96i59 .MuiBox-root.css-btsaxn {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 36px !important;
  height: 36px !important;
  border-radius: 10px !important;
}


.MuiStack-root.css-1j1z5kt {
  display: flex !important;
  align-items: flex-start !important;
  gap: 12px !important;
  flex-wrap: wrap !important;
}

.MuiStack-root.css-1j1z5kt > .MuiFormControl-root.css-1g0msar {
  flex: 1 1 280px !important;
  min-width: 220px !important;
}

.MuiStack-root.css-1j1z5kt > .MuiFormControl-root.css-1ghyu7h {
  flex: 0 0 150px !important;
  min-width: 140px !important;
}

.MuiStack-root.css-1j1z5kt .MuiInputBase-root.css-13plt42,
.MuiStack-root.css-1j1z5kt .MuiInputBase-root.css-tpvjoc,
.MuiStack-root.css-1j1z5kt .MuiButton-root.css-1wveh9v {
  min-height: 40px !important;
}

.MuiStack-root.css-1j1z5kt .MuiButton-root.css-1wveh9v {
  padding: 0 14px !important;
  white-space: nowrap !important;
}

.MuiStack-root.css-1j1z5kt .MuiButton-root.css-1wveh9v .MuiButton-startIcon.css-1siv2hp {
  margin: 0 0 0 6px !important;
}


/* الكارد */
.MuiGrid-root.css-1qlkhyr .MuiPaper-root {
  padding: 14px !important;
}

/* الحاوية الداخلية */
.MuiGrid-root.css-1qlkhyr .MuiStack-root.css-pb4y8c {
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
}

/* صف الأيقونة + الرقم */
.MuiGrid-root.css-1qlkhyr .MuiStack-root.css-uudpsy {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin: 0 !important;
}

/* صندوق الرقم والعنوان */
.MuiGrid-root.css-1qlkhyr .MuiBox-root.css-0 {
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
}

/* اجعل الرقم يصعد بجانب الأيقونة */
.MuiGrid-root.css-1qlkhyr .MuiTypography-root.MuiTypography-h3 {
  margin: 0 !important;
  line-height: 1 !important;
}


.MuiGrid-root.css-1qlkhyr .MuiPaper-root > .MuiStack-root.css-pb4y8c {
  display: grid !important;
  grid-template-columns: auto 1fr !important;
  grid-template-areas:
    "icon number"
    "icon label" !important;
  column-gap: 10px !important;
  row-gap: 4px !important;
  align-items: center !important;
}

.MuiGrid-root.css-1qlkhyr .MuiPaper-root .MuiStack-root.css-uudpsy {
  grid-area: icon !important;
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
}

.MuiGrid-root.css-1qlkhyr .MuiPaper-root .MuiBox-root.css-0 {
  display: contents !important;
}

.MuiGrid-root.css-1qlkhyr .MuiPaper-root .MuiBox-root.css-0 h3 {
  grid-area: number !important;
  margin: 0 !important;
}

.MuiGrid-root.css-1qlkhyr .MuiPaper-root .MuiBox-root.css-0 span {
  grid-area: label !important;
}


.MuiTabs-list.css-17do188 .MuiTab-root.css-s09lcx {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
}

.MuiTabs-list.css-17do188 .MuiTab-root.css-s09lcx .MuiTab-iconWrapper,
.MuiTabs-list.css-17do188 .MuiTab-root.css-s09lcx .MuiTab-icon {
  margin: 0 !important;
}

.MuiButton-root.css-1p9z555 .MuiSvgIcon-root.css-1wm52an {
  transform: scaleX(-1) !important;
}

.MuiTableCell-root.css-gc9laz {
  text-align: right !important;
  direction: rtl !important;
}

.MuiTableCell-root.css-gc9laz .MuiTypography-root.css-11nwh1p,
.MuiTableCell-root.css-gc9laz .MuiTypography-root.css-xv21bk {
  display: block !important;
  text-align: right !important;
  direction: rtl !important;
}

.MuiChip-root.css-1g1skoz {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  min-height: 32px !important;
  padding: 4px 10px !important;
  border-radius: 10px !important;
}

.MuiChip-root.css-1g1skoz .MuiChip-icon.css-tvi28v {
  margin: 0 !important;
  font-size: 18px !important;
}

.MuiChip-root.css-1g1skoz .MuiChip-label.css-d6wmh0 {
  padding: 0 !important;
  line-height: 1.4 !important;
}

.MuiBox-root.css-1stwyow {
  min-height: 20px !important;
  padding: 14px 16px !important;
  display: flex !important;
  align-items: center !important;
  border-radius: 12px !important;
}




.MuiStack-root.css-1h2zalt {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  flex-wrap: wrap !important;
}

.MuiStack-root.css-1h2zalt .MuiChip-root.css-szuvts,
.MuiStack-root.css-1h2zalt .MuiTypography-root.css-xv21bk,
.MuiStack-root.css-1h2zalt .MuiTypography-root.css-12d2n9o {
  margin: 0 !important;
}


.MuiTableRow-root.css-lnd3x3 .MuiTableCell-root.css-1fdqydf {
  text-align: right !important;
  direction: rtl !important;
}


.MuiGrid-root.css-1qlkhyr .MuiTypography-root.MuiTypography-h3 {
  font-size: 1.25rem !important;
  line-height: 1.1 !important;
  margin: 0 !important;
}


.MuiStack-root.css-18x7bxy {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
}

.MuiStack-root.css-18x7bxy .MuiBox-root.css-6p2sav {
  width: 8px !important;
  height: 8px !important;
  border-radius: 50% !important;
  flex: 0 0 8px !important;
}

.MuiStack-root.css-18x7bxy .MuiTypography-root.css-xv21bk,
.MuiStack-root.css-18x7bxy .MuiTypography-root.css-s79d31 {
  margin: 0 !important;
  line-height: 1.2 !important;
}

.MuiStack-root.css-18x7bxy .MuiTypography-root.css-s79d31 {
  font-weight: 700 !important;
}



.MuiStack-root.css-1bemwfd {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 8px !important;
}



/* الحقول داخل هذا البلوك */
.MuiStack-root.css-pb4y8c .MuiInputBase-root.css-1q3h7wl {
  display: flex !important;
  align-items: center !important;
}

.MuiStack-root.css-pb4y8c .MuiInputBase-input.css-mu8iap {
  text-align: right !important;
  direction: rtl !important;
  display: flex !important;
  align-items: center !important;
}


.MuiBox-root.css-x34a52 {
  margin-bottom: 16px !important;
}


.MuiBox-root.css-1fjtzvx {
  display: flex !important;
  flex-direction: column !important;
  gap: 2px !important;
}

.MuiBox-root.css-1fjtzvx .MuiTypography-root.css-cn7lif,
.MuiBox-root.css-1fjtzvx .MuiTypography-root.css-12d2n9o {
  margin: 0 !important;
  line-height: 1.2 !important;
}



.MuiStack-root.css-lh1g48 {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  margin-left: 8px !important;
}



.MuiStack-root.css-1bemwfd {
  display: flex !important;
  align-items: center !important;
  flex-direction: row-reverse !important;
  justify-content: flex-start !important;
  gap: 8px !important;
  width: 100% !important;
}


.MuiStack-root.css-1bemwfd {
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  gap: 8px !important;
}

.MuiStack-root.css-1bemwfd .MuiButton-root.css-1cy3ocl {
  margin-left: auto !important;
  order: 3 !important;
}

.MuiStack-root.css-1bemwfd .MuiIconButton-root.css-xz9haa {
  order: 1 !important;
}

.MuiStack-root.css-1bemwfd .MuiIconButton-root.css-1prtv44 {
  order: 2 !important;
}


.MuiStack-root.css-1hieftg {
  margin-top: 16px !important;
}


.MuiStack-root.css-f3qd4e:has(.MuiSvgIcon-root.css-1rxjwzm):has(.MuiChip-root.css-mwj3wx),
.MuiStack-root.css-f3qd4e:has(.MuiSvgIcon-root.css-svvdhs):has(.MuiChip-root.css-sq98zt) {
  display: none !important;
}






/* حقل: اسم دفتر الهاتف الجديد */
.MuiBox-root.css-x34a52 .MuiFormControl-root.css-1kekc02 {
  direction: rtl !important;
}

.MuiBox-root.css-x34a52 .MuiFormControl-root.css-1kekc02 .MuiInputBase-root.css-1q3h7wl {
  direction: rtl !important;
}

.MuiBox-root.css-x34a52 .MuiFormControl-root.css-1kekc02 .MuiInputLabel-root.css-rb5b8r {
  right: 14px !important;
  left: auto !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  transform-origin: top right !important;
  width: calc(100% - 28px) !important;
  text-align: right !important;
  margin: 0 !important;
  pointer-events: none !important;
}

/* عند التركيز أو وجود قيمة */
.MuiBox-root.css-x34a52 .MuiFormControl-root.css-1kekc02 .MuiInputLabel-root.css-rb5b8r[data-shrink="true"] {
  top: 0 !important;
  transform: translateY(-9px) scale(0.75) !important;
  transform-origin: top right !important;
}

/* النص داخل الخانة */
.MuiBox-root.css-x34a52 .MuiFormControl-root.css-1kekc02 .MuiInputBase-input.css-mu8iap {
  direction: rtl !important;
  text-align: right !important;
  padding-right: 14px !important;
}


/* إخفاء هذا البلوك فقط */
.MuiStack-root.css-1x1xdwy:has(> .MuiChip-root.css-e1jzsb:first-child):has(> .MuiChip-root.css-e1jzsb:last-child:nth-child(2)) {
  display: none !important;
}


/* الحاوية */
.MuiFormControl-root.css-1kekc02 .MuiInputBase-root.css-10sm7a5 {
  min-height: 34px !important;
  border-radius: 8px !important;
  direction: rtl !important;
  align-items: center !important;
  padding-left: 30px !important;
  padding-right: 8px !important;
  box-sizing: border-box !important;
  font-size: 12px !important;
}

/* حقل الإدخال */
.MuiFormControl-root.css-1kekc02 .MuiInputBase-input.css-1obe1j1 {
  direction: rtl !important;
  text-align: right !important;
  padding: 4px 0 !important;
  margin: 0 !important;
  min-width: 0 !important;
  font-size: 12px !important;
  line-height: 1.2 !important;
}

/* النص placeholder */
.MuiFormControl-root.css-1kekc02 .MuiInputBase-input.css-1obe1j1::placeholder {
  font-size: 12px !important;
  opacity: 1 !important;
}

/* إزالة الفراغات الزائدة */
.MuiFormControl-root.css-1kekc02 .MuiInputBase-input.MuiInputBase-inputAdornedStart.css-1obe1j1,
.MuiFormControl-root.css-1kekc02 .MuiInputBase-input.MuiInputBase-inputAdornedEnd.css-1obe1j1 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* زر السهم */
.MuiFormControl-root.css-1kekc02 .MuiAutocomplete-endAdornment.css-iuka1o {
  left: 6px !important;
  right: auto !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  margin: 0 !important;
}

.MuiFormControl-root.css-1kekc02 .MuiAutocomplete-popupIndicator.css-amwtx2 {
  padding: 2px !important;
  margin: 0 !important;
}

.MuiFormControl-root.css-1kekc02 .MuiAutocomplete-popupIndicator.css-amwtx2 .MuiSvgIcon-root {
  font-size: 18px !important;
}

/* الإطار */
.MuiFormControl-root.css-1kekc02 .MuiOutlinedInput-notchedOutline.css-5v2ak0 {
  border-radius: 12px !important;
}

.MuiTabs-list.css-17do188 .MuiTab-root.css-a7r6wh {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
}

/* إلغاء الهوامش الافتراضية للأيقونة */
.MuiTabs-list.css-17do188 .MuiTab-root.css-a7r6wh .MuiTab-iconWrapper,
.MuiTabs-list.css-17do188 .MuiTab-root.css-a7r6wh .MuiTab-icon.css-185tx24 {
  margin: 0 !important;
  min-width: auto !important;
}



.MuiStack-root.css-5cfahh {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  flex-wrap: wrap !important;
}



/* الكارد الرئيسي */
.MuiCard-root.css-fkddje {
  border-radius: 16px !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.06) !important;
  overflow: hidden !important;
  background: #fff !important;
}

/* الهيدر */
.MuiCard-root.css-fkddje .MuiBox-root.css-sx7opc {
  padding: 14px 16px !important;
}

/* الصف العلوي */
.MuiCard-root.css-fkddje .MuiStack-root.css-5h1b2l {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
}

/* أيقونة الويب هوك */
.MuiCard-root.css-fkddje .MuiBox-root.css-kldojt {
  width: 42px !important;
  height: 42px !important;
  border-radius: 12px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: rgba(0, 0, 0, 0.04) !important;
  flex-shrink: 0 !important;
}

.MuiCard-root.css-fkddje .MuiBox-root.css-kldojt .MuiSvgIcon-root.css-u5z64r {
  font-size: 22px !important;
}

/* عنوان واسم الويب هوك */
.MuiCard-root.css-fkddje .MuiBox-root.css-1fjtzvx {
  display: flex !important;
  flex-direction: column !important;
  gap: 3px !important;
  min-width: 0 !important;
  flex: 1 1 auto !important;
}

.MuiCard-root.css-fkddje .MuiTypography-root.css-kh19bx {
  margin: 0 !important;
  font-size: 14px !important;
  line-height: 1.2 !important;
}

.MuiCard-root.css-fkddje .MuiTypography-root.css-1a3606y {
  font-size: 12px !important;
  line-height: 1.2 !important;
  opacity: 0.75 !important;
}

/* الشيبات */
.MuiCard-root.css-fkddje .MuiStack-root.css-epsbc8 {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  flex-wrap: wrap !important;
}

.MuiCard-root.css-fkddje .MuiChip-root.css-15u24tx,
.MuiCard-root.css-fkddje .MuiChip-root.css-1my7x6f {
  min-height: 26px !important;
  border-radius: 999px !important;
}

.MuiCard-root.css-fkddje .MuiChip-label.css-4y436t {
  padding: 0 10px !important;
  font-size: 11px !important;
}

/* سطر التاريخ */
.MuiCard-root.css-fkddje .MuiStack-root.css-1l59ncj {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin-top: 12px !important;
  font-size: 12px !important;
  opacity: 0.8 !important;
}

.MuiCard-root.css-fkddje .MuiStack-root.css-1l59ncj .MuiSvgIcon-root.css-qk7my5 {
  font-size: 18px !important;
}

/* الخط الفاصل */
.MuiCard-root.css-fkddje .MuiDivider-root.css-1vih95g {
  margin: 0 !important;
  opacity: 0.7 !important;
}

/* الفوتر */
.MuiCard-root.css-fkddje .MuiStack-root.css-i5b3wz {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 10px 14px !important;
 
}

/* مجموعة أزرار اليسار */
.MuiCard-root.css-fkddje .MuiStack-root.css-1r4up72 {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}

/* الأزرار */
.MuiCard-root.css-fkddje .MuiIconButton-root.css-1hz6z24,
.MuiCard-root.css-fkddje .MuiIconButton-root.css-19lx177,
.MuiCard-root.css-fkddje .MuiIconButton-root.css-1sdh2x1 {
  width: 34px !important;
  height: 34px !important;
  border-radius: 12px !important;
  
}

.MuiCard-root.css-fkddje .MuiIconButton-root.css-1hz6z24:hover,
.MuiCard-root.css-fkddje .MuiIconButton-root.css-19lx177:hover,
.MuiCard-root.css-fkddje .MuiIconButton-root.css-1sdh2x1:hover {
  background: rgba(0, 0, 0, 0.07) !important;
}

.MuiCard-root.css-fkddje .MuiIconButton-root .MuiSvgIcon-root.css-e8m34t {
  font-size: 18px !important;
}



/* الحاوية الرئيسية */
.MuiStack-root.css-1noznfe {
  display: flex !important;
  flex-direction: column !important;
  gap: 14px !important;
}

/* كل بلوك */
.MuiStack-root.css-1noznfe > .MuiBox-root.css-0,
.MuiStack-root.css-1noznfe > .MuiPaper-root.css-1i0fdm8 {
  margin: 0 !important;
}

/* عنوان كل حقل */
.MuiStack-root.css-1noznfe .MuiStack-root.css-x5ackk {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin-bottom: 6px !important;
}

.MuiStack-root.css-1noznfe .MuiBox-root.css-1iop1nj {
  width: 30px !important;
  height: 30px !important;
  min-width: 30px !important;
  border-radius: 10px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: rgba(0, 0, 0, 0.04) !important;
}

.MuiStack-root.css-1noznfe .MuiBox-root.css-1iop1nj .MuiSvgIcon-root.css-e4ga57 {
  font-size: 18px !important;
}

.MuiStack-root.css-1noznfe .MuiTypography-root.css-epyfvd {
  font-size: 13px !important;
  line-height: 1.3 !important;
}

/* الحقول كلها */
.MuiStack-root.css-1noznfe .MuiInputBase-root.css-don1y8,
.MuiStack-root.css-1noznfe .MuiInputBase-root.css-tpkb9w,
.MuiStack-root.css-1noznfe .MuiInputBase-root.css-tpvjoc,
.MuiStack-root.css-1noznfe .MuiInputBase-root.css-1j3o15n {
  min-height: 42px !important;
  border-radius: 12px !important;
  direction: rtl !important;
  background: #fff !important;
}

/* النصوص داخل الحقول */
.MuiStack-root.css-1noznfe .MuiInputBase-input.css-1pgyvgc,
.MuiStack-root.css-1noznfe .MuiInputBase-input.css-1ki3osf,
.MuiStack-root.css-1noznfe .MuiOutlinedInput-input,
.MuiStack-root.css-1noznfe textarea.css-hzunu5,
.MuiStack-root.css-1noznfe .MuiSelect-select.css-2pyeus {
  text-align: right !important;
  direction: rtl !important;
  font-size: 13px !important;
}

/* textarea */
.MuiStack-root.css-1noznfe .MuiInputBase-root.css-tpkb9w {
  padding-top: 6px !important;
  padding-bottom: 6px !important;
}

.MuiStack-root.css-1noznfe textarea.css-hzunu5 {
  line-height: 1.5 !important;
}

/* select */
.MuiStack-root.css-1noznfe .MuiInputBase-root.css-tpvjoc .MuiSelect-select.css-2pyeus {
  display: flex !important;
  align-items: center !important;
  min-height: 42px !important;
  padding-right: 12px !important;
}

.MuiStack-root.css-1noznfe .MuiSelect-icon.css-1l3b12y {
  left: 10px !important;
  right: auto !important;
}

/* خانة السر مع زر العين */
.MuiStack-root.css-1noznfe .MuiInputAdornment-root.css-yxqbup {
  margin: 0 !important;
}

.MuiStack-root.css-1noznfe .MuiIconButton-root.css-1uz7e3z {
  padding: 4px !important;
}

/* الملاحظة أسفل السر */
.MuiStack-root.css-1noznfe .MuiStack-root.css-jk29qq {
  display: flex !important;
  align-items: flex-start !important;
  gap: 6px !important;
  margin-top: 6px !important;
}

.MuiStack-root.css-1noznfe .MuiTypography-root.css-18yvhqo {
  font-size: 12px !important;
  line-height: 1.5 !important;
}

/* صندوق التفعيل */
.MuiStack-root.css-1noznfe .MuiPaper-root.css-1i0fdm8 {
  border-radius: 12px !important;
  padding: 10px 12px !important;
  background: rgba(0, 0, 0, 0.02) !important;
}

/* الأزرار */
.MuiStack-root.css-1noznfe .MuiStack-root.css-1g1ihck {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 10px !important;
  width: 100% !important;
}

.MuiStack-root.css-1noznfe .MuiStack-root.css-1g1ihck .MuiButton-root.css-1wveh9v,
.MuiStack-root.css-1noznfe .MuiStack-root.css-1g1ihck .MuiButton-root.css-1tjyd85 {
  width: 100% !important;
  min-height: 40px !important;
  border-radius: 12px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  margin: 0 !important;
}

/* تحسين الإطار */
.MuiStack-root.css-1noznfe .MuiOutlinedInput-notchedOutline.css-5v2ak0 {
  border-radius: 12px !important;
}


/* سطر الفلترة بالكامل */
.MuiDataGrid-filterForm.css-1btx6o4 {
  display: grid !important;
  grid-template-columns: 42px 90px 1fr 1fr 1.2fr !important;
  gap: 12px !important;
  align-items: end !important;
  padding: 12px 14px !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  border-radius: 14px !important;
  background: #fff !important;
}

/* كل عنصر داخله */
.MuiDataGrid-filterForm.css-1btx6o4 .MuiFormControl-root {
  margin: 0 !important;
  min-width: 0 !important;
}

/* زر الحذف */
.MuiDataGrid-filterForm.css-1btx6o4 .MuiIconButton-root.css-xz9haa {
  width: 34px !important;
  height: 34px !important;
  border-radius: 10px !important;
  background: rgba(0, 0, 0, 0.04) !important;
}

.MuiDataGrid-filterForm.css-1btx6o4 .MuiIconButton-root.css-xz9haa:hover {
  background: rgba(0, 0, 0, 0.08) !important;
}

/* الليبل */
.MuiDataGrid-filterForm.css-1btx6o4 .MuiInputLabel-root.css-17miljm {
  font-size: 12px !important;
  margin-bottom: 4px !important;
  line-height: 1.2 !important;
}

/* الحقول */
.MuiDataGrid-filterForm.css-1btx6o4 .MuiInputBase-root.css-14rcrl0,
.MuiDataGrid-filterForm.css-1btx6o4 .MuiInputBase-root.css-11qesxo {
  min-height: 38px !important;
  border: 1px solid rgba(0, 0, 0, 0.12) !important;
  border-radius: 10px !important;
  padding: 0 10px !important;
  background: #fff !important;
}

/* إزالة underline الافتراضي */
.MuiDataGrid-filterForm.css-1btx6o4 .MuiInput-root::before,
.MuiDataGrid-filterForm.css-1btx6o4 .MuiInput-root::after {
  display: none !important;
}

/* النص داخل الحقول */
.MuiDataGrid-filterForm.css-1btx6o4 .MuiNativeSelect-select.css-fuj5ka,
.MuiDataGrid-filterForm.css-1btx6o4 .MuiInputBase-input.css-1y8wiz1 {
  font-size: 13px !important;
  line-height: 1.3 !important;
}

/* السهم */
.MuiDataGrid-filterForm.css-1btx6o4 .MuiNativeSelect-icon.css-86oyf8 {
  right: 8px !important;
  top: calc(50% - 0.5em) !important;
}

/* خانة القيمة */
.MuiDataGrid-filterForm.css-1btx6o4 .MuiDataGrid-filterFormValueInput.css-e22z9g {
  min-width: 180px !important;
}



/* الكارد الرئيسي */
.MuiPaper-root.css-z2pc8l {
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  border-radius: 16px !important;
  padding: 16px !important;
  background: #fff !important;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.05) !important;
}

/* الحاوية الداخلية */
.MuiPaper-root.css-z2pc8l .MuiStack-root.css-60nf0u {
  display: flex !important;
  flex-direction: column !important;
  gap: 14px !important;
}

/* الصفوف */
.MuiPaper-root.css-z2pc8l .MuiStack-root.css-1nal7bp {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 14px !important;
}

/* كل عنصر داخل الصف */
.MuiPaper-root.css-z2pc8l .MuiStack-root.css-5h1b2l {
  display: flex !important;
  align-items: flex-start !important;
  gap: 10px !important;
  padding: 10px 12px !important;
  border-radius: 12px !important;
  background: rgba(0, 0, 0, 0.02) !important;
}

/* مربعات الأيقونات */
.MuiPaper-root.css-z2pc8l .MuiBox-root.css-126seco,
.MuiPaper-root.css-z2pc8l .MuiBox-root.css-s7u06f,
.MuiPaper-root.css-z2pc8l .MuiBox-root.css-cjivgo,
.MuiPaper-root.css-z2pc8l .MuiBox-root.css-3fqh1d {
  width: 36px !important;
  height: 36px !important;
  min-width: 36px !important;
  border-radius: 10px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: rgba(0, 0, 0, 0.05) !important;
}

/* الأيقونات */
.MuiPaper-root.css-z2pc8l .MuiSvgIcon-root.css-7kcfwd,
.MuiPaper-root.css-z2pc8l .MuiSvgIcon-root.css-1t4x0mz,
.MuiPaper-root.css-z2pc8l .MuiSvgIcon-root.css-12tkujp,
.MuiPaper-root.css-z2pc8l .MuiSvgIcon-root.css-1besahc {
  font-size: 20px !important;
}

/* عنوان الحقل */
.MuiPaper-root.css-z2pc8l .MuiTypography-root.css-176b96m {
  display: block !important;
  font-size: 12px !important;
  line-height: 1.2 !important;
  opacity: 0.75 !important;
  margin-bottom: 4px !important;
}

/* القيمة */
.MuiPaper-root.css-z2pc8l .MuiBox-root.css-rkrsk9 {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
}

.MuiPaper-root.css-z2pc8l .MuiTypography-root.css-1uzdr80,
.MuiPaper-root.css-z2pc8l .MuiTypography-root.css-bqfw41,
.MuiPaper-root.css-z2pc8l .MuiTypography-root.css-11nwh1p {
  margin: 0 !important;
  font-size: 14px !important;
  line-height: 1.4 !important;
  font-weight: 600 !important;
  word-break: break-word !important;
}

/* شيب نوع الحدث */
.MuiPaper-root.css-z2pc8l .MuiChip-root.css-15jg62e {
  min-height: 26px !important;
  border-radius: 999px !important;
}

.MuiPaper-root.css-z2pc8l .MuiChip-root.css-15jg62e .MuiChip-label.css-4y436t {
  padding: 0 10px !important;
  font-size: 11px !important;
}

/* الفاصل الأوسط */
.MuiPaper-root.css-z2pc8l .MuiBox-root.css-1bsn3lt {
  height: 1px !important;
  background: rgba(0, 0, 0, 0.08) !important;
  margin: 2px 0 !important;
}

/* تنسيق الفورم بالكامل */
.MuiBox-root.css-1v1qs4 {
  direction: rtl !important;
  text-align: right !important;
  width: 100%;
}

.MuiBox-root.css-1v1qs4 > .MuiStack-root.css-pb4y8c {
  display: flex;
  flex-direction: column;
  gap: 18px;
  padding: 20px;
  border-radius: 18px;
  background: #fff;
  box-sizing: border-box;
}

/* الصفوف الثنائية */
.MuiBox-root.css-1v1qs4 .MuiStack-root.css-1i10s1w {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  width: 100%;
}

/* كل حقل */
.MuiBox-root.css-1v1qs4 .MuiFormControl-root.css-1kekc02 {
  margin: 0 !important;
  width: 100% !important;
}

/* الليبل */
.MuiBox-root.css-1v1qs4 .MuiInputLabel-root {
  right: 14px !important;
  left: auto !important;
  transform-origin: top right !important;
  text-align: right !important;
  font-size: 14px !important;
}

/* حدود الحقول */
.MuiBox-root.css-1v1qs4 .MuiOutlinedInput-root {
  border-radius: 12px !important;
  min-height: 52px;
  background: #fff;
}

/* النص داخل الحقول */
.MuiBox-root.css-1v1qs4 .MuiInputBase-input {
  text-align: right !important;
  direction: rtl !important;
  padding: 14px 16px !important;
  box-sizing: border-box;
}

/* حقل الرقم يبقى واضح ومنسق */
.MuiBox-root.css-1v1qs4 input[type="number"] {
  -moz-appearance: textfield;
}

.MuiBox-root.css-1v1qs4 input[type="number"]::-webkit-outer-spin-button,
.MuiBox-root.css-1v1qs4 input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* التكس اريا */
.MuiBox-root.css-1v1qs4 .MuiOutlinedInput-root.MuiInputBase-multiline {
  min-height: 120px !important;
  align-items: flex-start !important;
  padding-top: 8px !important;
}

.MuiBox-root.css-1v1qs4 textarea.MuiInputBase-inputMultiline {
  text-align: right !important;
  direction: rtl !important;
  padding: 12px 14px !important;
  line-height: 1.7;
  resize: vertical;
  min-height: 90px;
  box-sizing: border-box;
}

/* الفاصل */
.MuiBox-root.css-1v1qs4 .MuiDivider-root.css-1vih95g {
  margin: 4px 0 0 !important;
  opacity: 0.6;
}

/* منطقة الزر */
.MuiBox-root.css-1v1qs4 .MuiBox-root.css-0 {
  display: flex;
  justify-content: flex-start;
}

/* زر الإضافة */
.MuiBox-root.css-1v1qs4 .MuiButton-root.css-1qhumgq {
  min-width: 130px;
  height: 44px;
  border-radius: 12px !important;
  font-size: 15px;
  font-weight: 700;
  padding: 0 22px !important;
}

/* تحسين وضع الليبل عند التركيز/التعبئة */
.MuiBox-root.css-1v1qs4 .MuiInputLabel-shrink {
  transform: translate(-6px, -9px) scale(0.75) !important;
}

/* الجوال */
@media (max-width: 768px) {
  .MuiBox-root.css-1v1qs4 > .MuiStack-root.css-pb4y8c {
    padding: 14px;
    gap: 14px;
  }

  .MuiBox-root.css-1v1qs4 .MuiStack-root.css-1i10s1w {
    grid-template-columns: 1fr !important;
    gap: 14px;
  }

  .MuiBox-root.css-1v1qs4 .MuiButton-root.css-1qhumgq {
    width: 100%;
  }
}


/* إزاحة أيقونة السحابة في جدول النماذج فقط */
.css-abgf8 > .MuiBox-root:not(.css-151d3fz) > .MuiBox-root:nth-child(3) .MuiChip-icon > svg{
  transform: translateX(-8px) !important;
}