.table-scroll,
.table-wrap {
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior-x: contain;
}

.table-scroll:focus-within {
    outline: 2px solid rgba(11, 92, 171, .15);
    outline-offset: -2px;
}

table {
    width: 100%;
    min-width: 760px;
    border-collapse: collapse;
}

.radar-table {
    min-width: 1120px;
}

th,
td {
    padding: .68rem .75rem;
    border-bottom: 1px solid var(--border);
    text-align: left;
    vertical-align: middle;
}

th {
    background: #f1f5f9;
    color: #526174;
    font-size: .75rem;
    font-weight: 750;
    white-space: nowrap;
}

td {
    font-size: .86rem;
}

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

tbody tr:hover td {
    background: #fbfdff;
}

.wrap-cell {
    min-width: 260px;
    white-space: normal;
    overflow-wrap: anywhere;
}
