/* تحديث 152: إصلاح تداخل زر الحفظ على السحابة مع أيقونته، ومنع كسر أسماء أزرار التنقل السفلي
   في الشاشات الضيقة (360 بكسل وما يقاربها). يُحمَّل آخر ملف CSS ليغلب القواعد السابقة. */

/* زر الحفظ: مساحة واضحة للأيقونة في بداية الزر، والنص يبقى بعيدًا عنها */
html body #appView #saveBtn,
html body #saveBtn {
  position: relative !important;
  overflow: visible !important;
  padding-inline-start: 48px !important;
  padding-inline-end: 12px !important;
  justify-content: center !important;
  min-width: 0 !important;
  overflow: hidden;
}
html body #saveBtn::before {
  position: absolute !important;
  inset-inline-start: 9px !important;
  top: calc(50% - 14px) !important;
  transform: none !important;
  margin: 0 !important;
  width: 28px !important;
  height: 28px !important;
  border-radius: 9px !important;
  flex: 0 0 auto;
}
html body #saveBtn::after {
  position: absolute !important;
  inset-inline-start: 15px !important;
  top: calc(50% - 8px) !important;
  transform: none !important;
  margin: 0 !important;
  width: 16px !important;
  height: 16px !important;
}
html body #saveBtn .sb-text {
  align-items: center !important;
  text-align: center !important;
  min-width: 0;
  max-width: 100%;
}
html body #saveBtn .sb-text b,
html body #saveBtn .sb-state {
  white-space: nowrap !important;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}

/* أزرار التنقل السفلي: أسماء كاملة على سطر واحد */
html body .bottom-nav .nav-item {
  min-width: 0 !important;
  overflow: hidden;
}
html body .bottom-nav .nav-item,
html body .bottom-nav .nav-item * {
  white-space: nowrap !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
  hyphens: none !important;
}
html body .bottom-nav .nav-item {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
}
@media (max-width: 480px) {
  html body .bottom-nav .nav-item {
    font-size: 11px !important;
    letter-spacing: 0 !important;
    padding-inline: 2px !important;
  }
}