/* Global app styles - Tailwind available if needed */

/* ====== Container Size - Default 90% for all pages ====== */
.main-content .container {
    width: 90% !important;
    max-width: 90% !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.main-content .container-fluid {
    width: 90% !important;
    max-width: 90% !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* ====== Responsive Design for Mobile ====== */
@media (max-width: 1200px) {
    .main-content .container,
    .main-content .container-fluid {
        width: 95% !important;
        max-width: 95% !important;
    }
}

@media (max-width: 768px) {
    .main-content .container,
    .main-content .container-fluid {
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    
    /* تحسين المسافات على الموبايل */
    .main-content {
        padding: 16px 8px !important;
    }
}

@media (max-width: 576px) {
    .main-content .container,
    .main-content .container-fluid {
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    
    .main-content {
        padding: 12px 5px !important;
    }
}