/* MOBILE FIX FOR SLiMS */
@media (max-width: 768px) {

    body {
        font-size: 14px;
    }

    /* Make tables scrollable (fallback) */
    .dataListPrinted,
    table {
        display: block;
        width: 100%;
        overflow-x: auto;
        white-space: nowrap;
    }

    /* Better table readability */
    table td {
        word-break: break-word;
        white-space: normal;
    }

    /* Fix input fields */
    input, select, textarea {
        width: 100% !important;
        font-size: 16px;
        margin-bottom: 8px;
    }

    /* Buttons full width */
    button, .btn {
        width: 100%;
        margin-bottom: 8px;
    }

    /* FIX: Availability button alignment */
    td:last-child {
        text-align: left;
    }

    td:last-child .btn {
        display: block;
        width: 100%;
        margin-top: 8px;
    }

    /* Navbar/menu fix */
    .menu, .nav, .sidebar {
        width: 100%;
        display: block;
    }

    /* Reduce padding */
    .container, .content {
        padding: 10px;
    }

    /* Fix barcode layout */
    .barcode-item {
        width: 100% !important;
        margin-bottom: 10px;
    }

    .input-group-prepend .btn,
    .input-group-append .btn {
    position: relative;
    z-index: 2;
    margin-left: 8px !important;
    margin-top: 8px !important;
}
}