/**
 * Progress Page - CSS Index (Modular Entry Point)
 * نقطة دخول CSS المودولارية لصفحة التقدم
 * 
 * @package FitnessCoachPro
 * @version 3.0.0
 * 
 * هيكل الملفات:
 * 1. variables.css         ← متغيرات CSS
 * 2. base.css              ← الأساسيات والخطوط
 * 3. header.css            ← قسم الترحيب
 * 4. xp-section.css        ← شريط تقدم XP
 * 5. stats-grid.css        ← شبكة الإحصائيات
 * 6. health-indicators.css ← مؤشرات BMI/BMR/TDEE
 * 7. weight.css            ← قسم الوزن الكامل
 * 8. measurements.css      ← المقاييس الجسمية
 * 9. photos.css            ← صور التقدم
 * 10. inbody.css           ← تحليل Inbody
 * 12. achievements.css     ← الرتب والإنجازات
 * 13. bottom-nav.css       ← التنقل السفلي والأزرار
 * 14. modals.css           ← المودالات والأنيميشن
 * 15. responsive.css       ← التصميم المتجاوب
 * 
 * + Inbody external styles
 */

/* Core */
@import url('variables.css');
@import url('base.css');

/* Sections */
@import url('header.css');
@import url('xp-section.css');
@import url('stats-grid.css');
@import url('health-indicators.css');
@import url('weight.css');
@import url('measurements.css');
@import url('photos.css');
@import url('inbody.css');

@import url('achievements.css');

/* UI Components */
@import url('modals.css');

/* Responsive & Compatibility */
@import url('responsive.css');

/* Inbody Styles (moved into progress/ per dev.rules.md) */
@import url('inbody-comparison.css');
@import url('inbody-modal.css');

/* ==========================================================================
   Global Arabic RTL Protection (Text Overflow Prevention)
   حماية النصوص العربية من تجاوز الإطار
   ========================================================================== */
   
.duo-stat-card,
.health-indicator-card,
.weight-stat-card,
.progress-summary-stat-item,
.segmental-item,
.inbody-metric-item,
.duo-achievement-item {
    word-wrap: break-word;
    word-break: keep-all; /* Important for Arabic to keep words together if possible, wrapping whole words */
    overflow-wrap: break-word;
    min-width: 0; /* Prevents flex/grid children from overflowing their containers */
}

/* Ensure all grid items can shrink below their minimum text content size */
.duo-stats-grid > *,
.health-indicators-grid > *,
.weight-journey-stats > *,
.progress-summary-stats > *,
.inbody-metrics-grid > *,
.segmental-grid > * {
    min-width: 0;
}