/* Responsive Tables CSS */
.rt-table-wrapper {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch; /* Smooth scrolling on iOS */
    margin-bottom: 1em;
}

.rt-table-wrapper table {
    width: 100%;
    max-width: 100%;
    border-collapse: collapse; /* Ensure consistent table rendering */
}

@media screen and (max-width: 768px) {
    .rt-table-wrapper {
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); /* Optional: subtle shadow for visual cue */
    }

    .rt-table-wrapper::-webkit-scrollbar {
        height: 8px;
    }

    .rt-table-wrapper::-webkit-scrollbar-thumb {
        background-color: #ccc;
        border-radius: 4px;
    }

    .rt-table-wrapper::-webkit-scrollbar-track {
        background: #f1f1f1;
    }
}