/* Safe Mobile Responsive Styles - Minimal Impact */

/* Only essential mobile optimizations that won't break AdminLTE */
@media (max-width: 768px) {
    /* Make tables scroll horizontally */
    .table-responsive {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
}

/* Prevent zoom on iOS for form inputs */
@media (max-width: 768px) {
    input[type="text"],
    input[type="password"],
    input[type="email"],
    select {
        font-size: 16px;
    }
}

/* Touch-friendly elements */
.btn, .form-control {
    -webkit-tap-highlight-color: transparent;
}

/* Safe login page optimization */
@media (max-width: 576px) {
    .login-box {
        width: 90%;
        margin: 20px auto;
    }
}