.participant-panel { margin-top: 12px; padding: 12px; border: 1px solid #e3caca; border-radius: 5px; background: #fff8f8; }
.participant-heading { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.participant-heading button { min-height: 30px; padding: 4px 10px; }
.participant-list { display: grid; gap: 6px; margin: 10px 0; max-height: 220px; overflow: auto; }
.participant-row { display: grid; grid-template-columns: 20px minmax(100px, 1fr) minmax(100px, 1fr); align-items: center; gap: 8px; padding: 7px 8px; background: #fff; border: 1px solid #eddede; border-radius: 4px; }
.participant-row span { color: var(--muted); font-size: 12px; }
.participant-panel > .checkbox-field { margin: 8px 0; }
@media (max-width: 760px) { .participant-row { grid-template-columns: 20px 1fr; } .participant-row span { grid-column: 2; } .participant-panel .danger { width: 100%; } }