/* The participant panel (components/participant_panel.py): the side panel listing the
   participants behind a clicked number. Shared by every page that uses it. */

.pp-panel { width: min(480px, 100vw) !important; }
.pp-table { width: 100%; font-size: 0.85rem; border-collapse: collapse; }
.pp-table th {
    text-align: left;
    font-weight: 600;
    color: #495057;
    border-bottom: 1px solid #dee2e6;
    padding: 0.35rem 0.5rem;
}
.pp-table td {
    padding: 0.3rem 0.5rem;
    border-bottom: 1px solid #f1f3f5;
    font-variant-numeric: tabular-nums;
}
.pp-note { font-size: 0.9rem; color: #6c757d; padding: 1rem 0; }