/* static/css/tables.css */
.table-responsive-custom {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    width: 100%;
    margin-bottom: 20px;
}

#participants-table {
    min-width: 800px;
    width: 100%;
    margin-bottom: 0;
    font-size: 0.85rem;
}

#participants-table.table-striped tbody tr {
    height: 30px;
    min-height: 30px;
}

#participants-table.table-striped td,
#participants-table.table-striped th {
    padding: 4px 8px;
    vertical-align: middle;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#participants-table th:nth-child(1),
#participants-table td:nth-child(1) {
    width: 50px;
    min-width: 50px;
    max-width: 50px;
    text-align: center;
}

#participants-table th:nth-child(2),
#participants-table td:nth-child(2) {
    width: 180px;
    min-width: 180px;
    max-width: 180px;
}

#participants-table th:nth-child(3),
#participants-table td:nth-child(3) {
    width: 60px;
    min-width: 60px;
    max-width: 60px;
    text-align: center;
}

#participants-table th:nth-child(4),
#participants-table td:nth-child(4) {
    width: 70px;
    min-width: 70px;
    max-width: 70px;
    text-align: center;
}

#filter-distance,
#filter-group {
    font-family: 'Arial Narrow', 'Segoe UI', sans-serif;
    font-size: 0.85rem;
    letter-spacing: -0.1px;
    padding: 6px 12px;
}