/* 1. Ensure padding and borders don't add to element width */
*, *::before, *::after {
    box-sizing: border-box; 
    -webkit-tap-highlight-color: transparent; 
}

/* 2. Global Body Defaults */
body { 
    font-family: 'Inter', sans-serif; 
    color: #2c3e50; 
    margin: 0; 
    background: #fff;
    overflow-x: hidden; /* Final safety net against spilling */
}

/* Universal Mobile Table Wrapper */
.table-responsive {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 10px;
}