.panel.enrollment-panel {
  max-width: 740px;
  margin-inline: auto;
  padding: 0;
  border: 0;
  background: transparent;
}
.enrollment-heading-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; }
.enrollment-heading-actions:has(> *) { margin-bottom: 12px; }
.enrollment-toolbar .list-filter-count { margin-inline-start: 4px; }

.enrollment-table-frame { border: 1px solid var(--color-border); border-radius: var(--collection-radius); }
.enrollment-table.collection-table { min-width: 0; table-layout: fixed; border-radius: var(--collection-radius); }
.enrollment-table.collection-table :is(th, td) { padding: 6px 12px; }
.enrollment-table.collection-table thead th {
  background: var(--color-primary-surface);
  color: var(--color-on-primary);
  font-size: 12px;
  font-weight: 600;
}
.enrollment-table thead th:first-child { border-start-start-radius: var(--collection-radius); }
.enrollment-table thead th:last-child { border-start-end-radius: var(--collection-radius); }
.enrollment-table tbody:last-child .enrollment-player-cell { border-end-start-radius: var(--collection-radius); }
.enrollment-table tbody:last-child .enrollment-actions-cell { border-end-end-radius: var(--collection-radius); }
.enrollment-table.collection-table tbody:not(:last-child) tr:last-child > td { border-bottom: 1px solid var(--collection-rule); }
.enrollment-table.collection-table tbody:last-child td[rowspan] { border-bottom: 0; }
.enrollment-table.collection-table tbody:hover td { background-color: var(--collection-hover); }
.enrollment-actions-cell { width: 34%; }
.enrollment-pairing-cell { width: 134px; }
.enrollment-rating-cell { width: 84px; text-align: center; }
.enrollment-rating-cell .rating { padding: 1px 6px; font-size: 11px; }

.enrollment-player-cell { position: relative; }
.enrollment-participants-link {
  display: grid;
  grid-auto-rows: 1fr;
  gap: 4px;
  padding-block: 3px;
  color: var(--color-text);
  text-decoration: none;
}
.enrollment-participants-link::after { content: ""; position: absolute; inset: 0; }
.enrollment-participants-link:focus-visible { outline: none; }
.enrollment-participants-link:focus-visible::after { outline: 2px solid var(--color-primary); outline-offset: -3px; }
.enrollment-participants-link:hover { color: var(--color-primary); text-decoration: underline; }
.enrollment-person { display: flex; align-items: center; gap: 6px; }
.enrollment-person strong { min-width: 0; overflow-wrap: anywhere; }
.enrollment-initial {
  display: grid;
  place-items: center;
  flex: none;
  width: 26px;
  height: 26px;
  border-radius: 6px;
  background: var(--color-soft);
  color: var(--color-primary);
  font-weight: 600;
}
.enrollment-table.collection-table .enrollment-pair-first > .enrollment-rating-cell { border-bottom: 0; padding-bottom: 2px; }
.enrollment-table.collection-table .enrollment-pair-second > td { padding-top: 2px; }
.enrollment-row-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 2px 8px; }
.enrollment-row-actions :is(.enrollment-main-action, .enrollment-match-link),
.enrollment-options.filter-menu > summary { min-height: 34px; }
.enrollment-row-actions .enrollment-main-action { padding: 5px 9px; background: var(--color-soft); }
.enrollment-row-actions .enrollment-main-action:hover { background: var(--color-border); }
.enrollment-match-link { display: inline-flex; align-items: center; }
.enrollment-options.filter-menu > summary { width: 36px; padding: 5px; }
.enrollment-options > summary .icon { width: 18px; height: 18px; }
.enrollment-menu-group + .enrollment-menu-group { border-top: 1px solid var(--collection-rule); padding-top: 4px; }
.enrollment-menu-label { margin: 4px 0 0; padding-inline: 11px; color: var(--color-muted); font-size: 12px; overflow-wrap: anywhere; }
.toolbar-actions-popover .enrollment-remove { color: var(--color-danger); }

@media (max-width: 768px) {
  .enrollment-table.collection-table :is(th, td) { padding: 4px 8px; }
  .enrollment-table.collection-table thead th { padding-block: 7px; }
  .enrollment-actions-cell { width: 27%; }
  .enrollment-pairing-cell { width: 19%; }
  .enrollment-rating-cell { width: 58px; }
  .enrollment-pairing-cell .pairing-status { white-space: normal; }
  .enrollment-pairing-cell .icon { flex: none; }
  .enrollment-row-actions { column-gap: 6px; }
  .enrollment-row-actions :is(.enrollment-main-action, .enrollment-match-link),
  .enrollment-options.filter-menu > summary { min-height: 44px; }
  .enrollment-options.filter-menu > summary { width: 44px; }
  .enrollment-options > .toolbar-actions-popover { width: 220px; }
  .enrollment-main-action .icon { display: none; }
  .enrollment-row-actions .enrollment-match-link { font-size: 12px; }
}

@media (max-width: 480px) {
  .enrollment-person { gap: 2px; }
  .enrollment-pair-action { flex-basis: 100%; }
  .enrollment-table.collection-table:has(.enrollment-pairing-cell) :is(th, td) { padding-inline: 4px; }
  .enrollment-rating-cell { width: 48px; }
  .enrollment-rating-cell .rating { padding-inline: 4px; }
  .enrollment-table:has(.enrollment-pairing-cell) .enrollment-row-actions { column-gap: 4px; }
  .enrollment-pairing-cell .pairing-status { padding-inline: 4px; }
  .enrollment-table:has(.enrollment-pairing-cell) .enrollment-initial,
  .enrollment-pairing-cell .pairing-status .icon { display: none; }
}

@media print {
  .enrollment-table :is(.enrollment-actions-cell, .favorite-icon-control) { display: none; }
}