.sb-table-wrap {
  width: 100%;
  min-width: 0;
  overflow-x: auto;
}

.sb-table {
  width: 100%;
  min-width: 760px;
  border-collapse: collapse;
  table-layout: fixed;
}

.sb-table th,
.sb-table td {
  padding: var(--sb-space-2);
  border: 1px solid var(--sb-color-border-soft);
  color: var(--sb-color-text);
  text-align: left;
  vertical-align: middle;
}

.sb-table thead th {
  background: #fafafa;
  font-weight: 800;
}

.sb-table tr:nth-child(even) td {
  background: #fcfcfc;
}

.sb-table .sb-table__center,
.sb-table__center {
  text-align: center;
}

.sb-table input[type="checkbox"] {
  display: inline-block;
  width: 18px;
  height: 18px;
  min-height: auto;
  margin: 0 auto;
  accent-color: var(--sb-color-primary);
}

.sb-table__actions {
  display: flex;
  justify-content: flex-end;
  gap: var(--sb-space-2);
  white-space: nowrap;
}

.sb-table__actions-cell {
  text-align: right;
}

.sb-table--players {
  min-width: 920px;
}

.sb-table--players > thead > tr > th:first-child,
.sb-table--players > tbody > tr > td:first-child {
  width: 34%;
}

.sb-table--players > thead > tr > th:nth-child(5),
.sb-table--players > tbody > tr > td:nth-child(5) {
  width: 18%;
}

.sb-table--players > thead > tr > th:last-child,
.sb-table--players > tbody > tr > td:last-child {
  width: 190px;
}

.sb-table__truncate {
  min-width: 0;
  max-width: 1px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.sb-player-detail-cell,
.sb-table tr:nth-child(even) .sb-player-detail-cell {
  padding: var(--sb-space-2);
  background: #fff;
}

.sb-score-editor {
  width: 100%;
  box-sizing: border-box;
}

.sb-scorecard-scroll {
  overflow-x: auto;
}

.sb-inner-scorecard {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
  background: #fff;
}

.sb-inner-scorecard th {
  padding: 6px;
  background: #f5f5f5;
  text-align: center;
}

.sb-inner-scorecard td {
  padding: 4px;
  text-align: center;
}

.sb-inner-scorecard th:first-child,
.sb-inner-scorecard td:first-child {
  width: 44px;
}

.sb-inner-scorecard th:last-child,
.sb-inner-scorecard td:last-child {
  width: 54px;
}

.sb-score-input {
  width: 2.2ch;
  min-width: 2.2ch;
  max-width: 2.2ch;
  box-sizing: content-box;
  margin: 0;
  padding: 1px 2px;
  border: 1px solid var(--sb-color-border);
  border-radius: 6px;
  background: #fff;
  outline: none;
  font-size: 14px;
  font-variant-numeric: tabular-nums;
  line-height: 18px;
  text-align: center;
}

.sb-score-input:focus {
  border-color: var(--sb-color-primary);
  box-shadow: 0 0 0 2px rgba(11, 105, 255, .15);
}