/* Ensure table fits without scroll */
@media (max-width: 640px) {
    .bg-white.rounded-xl table {
        table-layout: fixed;
        width: 100%;
    }

    .bg-white.rounded-xl th,
    .bg-white.rounded-xl td {
        word-wrap: break-word;
        overflow-wrap: break-word;
    }

    /* Adjust column widths for mobile */
    .bg-white.rounded-xl th:first-child,
    .bg-white.rounded-xl td:first-child {
        width: 25%;
    }

    .bg-white.rounded-xl th:nth-child(2),
    .bg-white.rounded-xl td:nth-child(2) {
        width: 35%;
    }

    .bg-white.rounded-xl th:nth-child(3),
    .bg-white.rounded-xl td:nth-child(3) {
        width: 40%;
    }
}
