/* ========================================== */
/* RESPONSIVE - MOBILE VIEW */
/* ========================================== */

@media (max-width: 768px) {
    .container {
        padding-left: 8px !important;
        padding-right: 8px !important;
    }
    
    .card-body {
        padding: 16px !important;
    }
    
    .navbar .navbar-brand {
        font-size: 1.2rem !important;
    }
    
    .dashboard-table th,
    .dashboard-table td {
        padding: 6px 8px !important;
        font-size: 0.7rem !important;
    }
    
    .btn-sm {
        padding: 4px 8px !important;
        font-size: 0.6rem !important;
    }
    
    .dropdown-menu {
        min-width: 120px !important;
    }
    
    .dropdown-item {
        font-size: 0.7rem !important;
        padding: 6px 12px !important;
    }
    
    #jobPopup > div {
        width: 98% !important;
        padding: 15px !important;
    }
    
    .switch {
        width: 40px !important;
        height: 22px !important;
    }
    
    .slider:before {
        height: 16px !important;
        width: 16px !important;
        left: 3px !important;
        bottom: 3px !important;
    }
    
    input:checked + .slider:before {
        transform: translateX(18px) !important;
    }
    
    .status-label {
        font-size: 0.6rem !important;
    }
}

@media (max-width: 480px) {
    .dashboard-table th,
    .dashboard-table td {
        font-size: 0.6rem !important;
        padding: 4px 6px !important;
    }
    
    .btn-sm {
        font-size: 0.5rem !important;
        padding: 2px 6px !important;
    }
}