/* تصميم متجاوب إضافي */
@media (max-width: 1200px) {
    .col-xl-3 {
        flex: 0 0 50%;
        max-width: 50%;
    }
}

@media (max-width: 768px) {
    .col-xl-3,
    .col-md-6 {
        flex: 0 0 100%;
        max-width: 100%;
    }
    
    .table-responsive {
        border: 0;
    }
    
    .modal-dialog {
        margin: 10px;
    }
    
    .btn-group .btn {
        margin-bottom: 5px;
    }
}

/* تحسينات للهواتف */
@media (max-width: 576px) {
    .container-fluid {
        padding: 5px;
    }
    
    .card {
        margin: 5px;
    }
    
    .card-body {
        padding: 15px;
    }
    
    .form-group {
        margin-bottom: 15px;
    }
    
    .btn {
        width: 100%;
        margin-bottom: 10px;
    }
    
    .btn-group {
        display: flex;
        flex-direction: column;
    }
}

/* تحسينات للوضع الأفقي في الهواتف */
@media (max-height: 500px) and (orientation: landscape) {
    .login-container,
    .register-container {
        padding: 20px 0;
    }
    
    .login-card,
    .register-card {
        margin: 10px auto;
    }
}

/* تحسينات للشاشات الكبيرة */
@media (min-width: 1400px) {
    .container-fluid {
        max-width: 1400px;
        margin: 0 auto;
    }
}

/* تحسينات للطباعة */
@media print {
    .navbar,
    .btn,
    .card-header .btn {
        display: none !important;
    }
    
    .card {
        box-shadow: none;
        border: 1px solid #ddd;
    }
}