@media (max-width: 767.98px) {
    [bp-section="crud-operation-list"] table.dataTable {
        table-layout: fixed;
        width: 100% !important;
    }

    [bp-section="crud-operation-list"] table.dataTable .myrent-mobile-primary,
    [bp-section="crud-operation-list"] table.dataTable .myrent-mobile-secondary {
        display: table-cell !important;
        max-width: 0;
        min-width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    [bp-section="crud-operation-list"] table.dataTable .myrent-mobile-primary > *,
    [bp-section="crud-operation-list"] table.dataTable .myrent-mobile-secondary > * {
        max-width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    [bp-section="crud-operation-list"] table.dataTable .myrent-mobile-primary {
        width: auto !important;
    }

    [bp-section="crud-operation-list"] table.dataTable .myrent-mobile-secondary {
        width: 30% !important;
    }

    [bp-section="crud-operation-list"] table.dataTable tbody td:last-child,
    [bp-section="crud-operation-list"] table.dataTable thead th:last-child {
        background: var(--tblr-body-bg);
        position: sticky;
        right: 0;
        white-space: nowrap;
        width: 96px !important;
        z-index: 2;
    }

    [bp-section="crud-operation-list"] table.dataTable:has(tbody td:last-child .btn:nth-child(3)) tbody td:last-child,
    [bp-section="crud-operation-list"] table.dataTable:has(tbody td:last-child .btn:nth-child(3)) thead th:last-child {
        width: 142px !important;
    }

    [bp-section="crud-operation-list"] table.dataTable tbody td:last-child {
        display: table-cell !important;
        padding: 4px !important;
        white-space: nowrap;
    }

    [bp-section="crud-operation-list"] table.dataTable tbody td.myrent-mobile-primary,
    [bp-section="crud-operation-list"] table.dataTable tbody td.myrent-mobile-secondary {
        padding-bottom: 4px;
        padding-top: 4px;
    }

    [bp-section="crud-operation-list"] table.dataTable thead th:last-child {
        display: table-cell !important;
        z-index: 3;
    }

    [bp-section="crud-operation-list"] table.dataTable tbody td:last-child .btn {
        align-items: center;
        display: inline-flex;
        height: 42px;
        justify-content: center;
        margin: 0 .2rem 0 0;
        min-width: 42px;
        padding: 0;
    }

    [bp-section="crud-operation-list"] table.dataTable tbody td:last-child .btn:last-child {
        margin-right: 0;
    }

    [bp-section="crud-operation-list"] table.dataTable tbody td:last-child .btn > span {
        display: none;
    }

    [bp-section="crud-operation-list"] table.dataTable tbody td:last-child .btn .la {
        font-size: 1.25rem;
        margin: 0;
    }

    .myrent-document-mobile-summary {
        display: block;
        min-width: 0;
        width: 100%;
    }

    [bp-section="crud-operation-list"] table.dataTable:has(th[data-column-name="mobile_summary"]) col:not(:first-child):not(:last-child),
    [bp-section="crud-operation-list"] table.dataTable:has(th[data-column-name="mobile_summary"]) th:not(:first-child):not(:last-child),
    [bp-section="crud-operation-list"] table.dataTable:has(th[data-column-name="mobile_summary"]) td:not(:first-child):not(:last-child) {
        display: none !important;
        width: 0 !important;
    }

    [bp-section="crud-operation-list"] table.dataTable:has(th[data-column-name="mobile_summary"]) td:first-child {
        padding-bottom: 4px;
        padding-top: 4px;
    }

    .myrent-document-mobile-line {
        align-items: center;
        display: flex;
        gap: .45rem;
        min-width: 0;
    }

    .myrent-document-mobile-title {
        min-width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .myrent-document-status-dot {
        background: var(--tblr-secondary);
        border-radius: 50%;
        flex: 0 0 .55rem;
        height: .55rem;
        width: .55rem;
    }

    .myrent-document-status-dot.is-success {
        background: var(--tblr-success);
    }

    .myrent-document-status-dot.is-warning {
        background: var(--tblr-warning);
    }

    .myrent-document-status-dot.is-muted {
        background: var(--tblr-muted);
    }
}

@media (min-width: 768px) {
    .myrent-document-mobile-summary,
    .myrent-mobile-only-action {
        display: none !important;
    }
}

.myrent-nav-label {
    white-space: nowrap;
}

.myrent-header-user-details {
    display: none;
}

@media (min-width: 1600px) {
    .myrent-header-user-details {
        display: block;
    }
}

@media (min-width: 992px) and (max-width: 1399.98px) {
    header.top #navbar-menu .navbar > .container-fluid,
    header.top #navbar-menu .navbar-nav {
        flex-wrap: nowrap;
        min-width: 0;
    }

    header.top #navbar-menu .navbar-nav > .nav-item > .nav-link {
        justify-content: center;
        padding-left: .65rem;
        padding-right: .65rem;
        white-space: nowrap;
    }

    header.top #navbar-menu .navbar-nav > .nav-item > .nav-link .nav-icon {
        margin-right: 0;
    }

    header.top #navbar-menu .navbar-nav > .nav-item > .nav-link .myrent-nav-label {
        display: inline-block;
        margin-left: 0;
        max-width: 0;
        opacity: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        transition: max-width 350ms ease, margin-left 350ms ease, opacity 350ms ease;
        vertical-align: bottom;
    }

    header.top #navbar-menu .navbar-nav > .nav-item:hover > .nav-link .myrent-nav-label,
    header.top #navbar-menu .navbar-nav > .nav-item > .nav-link:focus-visible .myrent-nav-label,
    header.top #navbar-menu .navbar-nav > .nav-item > .dropdown-toggle.show .myrent-nav-label {
        margin-left: .35rem;
        max-width: 8rem;
        opacity: 1;
    }

    header.top #navbar-menu .navbar-nav > .nav-item > .dropdown-toggle::after {
        display: none;
    }
}