/* GLPI Mobile Responsive Fixes */
@media (max-width: 992px) {
    .container-fluid {
        padding: 0 10px !important;
    }
}

@media (max-width: 768px) {
    .tab_cadre_fixe,
    .tab_cadrehov,
    .tab_cadre {
        width: 100% !important;
        overflow-x: auto !important;
        display: block !important;
    }

    .tab_cadre_fixe td,
    .tab_cadrehov td,
    .tab_cadre td {
        white-space: normal !important;
        word-break: break-word !important;
    }
    
    h1, h2, .page-header h1 {
        font-size: 1.2rem !important;
        word-break: break-word !important;
    }
    
    .timeline_history .h_content {
        display: flex !important;
        flex-direction: column !important;
        width: 100% !important;
    }
    
    .card {
        margin: 5px !important;
        overflow-x: auto !important;
    }
    
    .card-body {
        padding: 10px !important;
    }
    
    input, select, textarea {
        max-width: 100% !important;
        width: 100% !important;
    }
    
    .btn {
        white-space: normal !important;
        margin: 2px 0 !important;
    }
    
    .floatstart, .floatend {
        float: none !important;
        display: block !important;
        text-align: center !important;
    }
}