/* Global mobile-first polish for AdminLTE pages. */
@media (max-width: 767.98px) {
    .content-header h1 {
        font-size: 1.35rem;
        line-height: 1.25;
        margin-bottom: 0.35rem;
    }

    .content-wrapper > .content {
        padding: 0.65rem;
    }

    .card-header,
    .card-body,
    .card-footer {
        padding: 0.65rem;
    }

    .table {
        display: block;
        width: 100%;
        overflow-x: auto;
        white-space: nowrap;
        font-size: 0.86rem;
    }

    .table thead,
    .table tbody,
    .table tr {
        white-space: nowrap;
    }

    .table td,
    .table th {
        vertical-align: middle;
        padding: 0.45rem;
    }

    .table td .btn,
    .table th .btn {
        margin-bottom: 0.25rem;
    }

    .btn {
        padding: 0.34rem 0.62rem;
        font-size: 0.84rem;
    }

    .form-control,
    .custom-select,
    .input-group-text {
        font-size: 16px;
    }

    .input-group {
        flex-wrap: nowrap;
    }

    .pagination {
        flex-wrap: wrap;
        row-gap: 0.35rem;
    }

    .pagination .page-link {
        padding: 0.35rem 0.55rem;
        font-size: 0.82rem;
    }

    .modal-dialog {
        margin: 0.5rem;
    }

    .modal-body {
        max-height: 70vh;
        overflow-y: auto;
    }

    .main-sidebar .nav-sidebar .nav-link p {
        white-space: normal;
        line-height: 1.25;
    }
}