/* Responsive design for planning table */
@media (max-width: 768px) {
    .table-responsive {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
    
    .planning-cell {
        min-width: 100px !important;
        font-size: 0.75rem;
    }
    
    .shift-item .badge {
        font-size: 0.75rem !important;
        padding: 0.35rem 0.5rem !important;
    }
    
    .input-group {
        flex-wrap: nowrap;
    }
    
    .input-group .btn.btn-primary {
        min-width: 40px !important;
        font-size: 1.1rem !important;
        padding: 0.5rem 0.6rem !important;
    }
    
    .table {
        font-size: 0.85rem;
    }
}

@media (max-width: 576px) {
    .input-group .btn.btn-primary {
        min-width: 35px !important;
        font-size: 1rem !important;
        padding: 0.4rem 0.5rem !important;
    }
    
    .planning-cell {
        min-width: 80px !important;
    }
}