@media (max-width: 820px) {
    .table-scroll {
        overflow-x: hidden;
        -webkit-overflow-scrolling: auto;
    }

    .table-scroll table,
    .table-scroll tbody,
    .table-scroll tbody tr,
    .table-scroll tbody td {
        display: block;
        width: auto;
        min-width: 0;
    }

    .table-scroll table {
        min-width: 0 !important;
        width: 100% !important;
    }

    .table-scroll thead {
        display: none;
    }

    .table-scroll tbody tr {
        background: var(--surface);
        border: 1px solid var(--border);
        border-radius: 12px;
        padding: 10px 14px;
        margin: 0 0 12px;
        box-shadow: var(--shadow-md);
    }

    #pl-batch,
    .table-scroll tbody td.pl-check,
    .table-scroll tbody td[data-label="Descrição"],
    .table-scroll tbody td[data-label="Aprovações"] {
        display: none;
    }

    .table-scroll tbody td {
        padding: 5px 0 !important;
        border: 0 !important;
        font-size: 14px !important;
        text-align: center;
        overflow-wrap: anywhere;
        word-break: break-word;
    }

    .table-scroll tbody td::before {
        content: attr(data-label);
        display: block;
        margin: 0 0 2px 0;
        color: var(--muted);
        font-size: 11px;
        font-weight: 600;
        letter-spacing: .03em;
        text-transform: uppercase;
    }

    .table-scroll tbody td .clip {
        display: inline;
        max-width: 100% !important;
        white-space: normal !important;
        overflow: visible !important;
        text-overflow: clip !important;
    }

    .table-scroll tbody td[data-label="#"] .id-cell {
        font-size: 16px;
        font-weight: 700;
    }

    .table-scroll tbody td[data-label="Valor"] {
        font-size: 16px !important;
        font-weight: 700;
    }

    .table-scroll tbody td.pl-actions-cell {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 8px;
        padding: 12px 0 2px !important;
        margin-top: 8px;
        border-top: 1px solid var(--border) !important;
    }

    .table-scroll tbody td.pl-actions-cell::before {
        content: none;
    }

    .table-scroll .pl-actions-cell .btn {
        margin-left: 0 !important;
        min-height: 42px;
        min-width: 46px;
    }

    .modal-box {
        max-width: 94vw !important;
        max-height: 90vh;
        overflow: auto;
    }

    .modal-box.xl {
        width: auto !important;
        max-width: 94vw !important;
        height: auto !important;
        max-height: 92vh !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
    }

    .modal-box.xl .pd-detail,
    .modal-box.xl .pd-fields {
        overflow: visible !important;
    }

    .pd-doc-frame {
        min-height: 0 !important;
        height: 52vh !important;
    }

    .pd-doc-open {
        flex: 1 1 auto;
        text-align: center;
    }
}