/* ===================================
   MOBILE RESPONSIVENESS FIXES
   Generated: 2026-02-03
   Phase: Pre-Inventory Frontend Hardening (Batch D)
   Strategy: Scenario 1 - Mobile CSS Module
   =================================== */

/* Table Responsiveness
   - Wraps .table-responsive div around tables
   - Enables horizontal scroll on mobile devices
   - Target: 5 critical tables (course/show.blade.php + records/index.blade.php)
   - No modification to own_css.blade.php (dynamic CSS untouched)
*/
@media (max-width: 768px) {
    .table-responsive {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
}

/* Future mobile fixes can be added here */