.table-wrap {
    border-radius: var(--radius-lg);
    border: 1px solid var(--color-border);
    background: var(--color-surface);
}

table {
    width: 100%;
    border-collapse: collapse;
}

th,
td {
    padding: 12px 14px;
    border-bottom: 1px solid var(--color-border);
    text-align: left;
    vertical-align: top;
}

th {
    background: #eff6ff;
    color: #1e3a8a;
    font-weight: 800;
    white-space: nowrap;
}

tr:last-child td {
    border-bottom: 0;
}

@media (max-width: 768px) {
    table {
        display: block;
        min-width: 760px;
        max-width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
}