.matchdays-table {
  min-height: 300px;
}

.matchdays-table .participation > div {
  position: absolute;
  inset: 0;
}

.matchdays-table thead {
  position: relative;
}

.matchdays-table th {
  text-align: center;
  position: relative;

  padding-left: 2rem;
  padding-right: 2rem;
}

.matchdays-table th:first-child {
  position: static;
}

.matchdays-table table {
  position: relative;
}

.matchdays-table a {
  text-decoration: none;
}

.matchdays-table .next,
.matchdays-table .prev {
  position: absolute;
  line-height: 36px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
}

.matchdays-table a.next,
.matchdays-table a.prev {
  color: #eee;
}

.matchdays-table a.next:hover,
.matchdays-table a.prev:hover {
  color: #bbb;
}

.matchdays-table .next {
  right: 8px;
}
.matchdays-table .prev {
  left: 8px;
}

.matchdays-table .status {
  text-align: center;
}

.matchdays-table .participation .status > :not(:first-child) {
  margin-left: .5em;
}

.matchdays-table .participation .edit-overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;

  background: #333;
  opacity: 0.2;

  z-index: 1050;
}

.matchdays-table > table > :not(caption) > * > .current-matchday {
  background-color: #FAFAFA;
}

.matchdays-table .form-control[name="additional-players"] {
  width: 30px;
}

.matchdays-table .participation .edit-handle {
  position: absolute;
  left: 50%;
  top: 5px;

  margin-left: -150px;
  width: 380px;

  padding: 5px;
  color: var(--bs-body-color);
  background: var(--bs-body-bg);
  border: solid var(--bs-border-width) var(--bs-border-color-translucent);
  border-radius: var(--bs-border-radius);

  z-index: 1050;
}

.input-group-players {
  width: 110px;
}

.input-group-players > .form-control,
.input-group-players > .input-group-text,
.input-group-players > .btn {
  height: 29px;
  padding: 4px 8px;
}

.edit-handle .btn-toolbar {
  gap: .5em;
  align-items: center;
}

.edit-handle .btn-group > .btn,
.edit-handle .input-group > .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.edit-handle textarea {
  margin-top: 5px;
}

td.participation {
  padding: 0 !important;
  position: relative;
}

td.participation .status {
  padding: 8px;
  cursor: default;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

td.participation .status.editable {
  cursor: pointer;
}

.matchdays-table .edit-notice {
  background-color: lightyellow;
  border-bottom: 1px solid #ddd;
  font-size: 11px;
  text-align: center;
}

.matchdays-table .participation:nth-child(6) .edit-handle {
  right: 5px;
  left: auto;
  margin-left: 0;
}

@media (max-width: 767px) {
  .matchdays-table table th:nth-child(5),
  .matchdays-table table td:nth-child(5) {
    display: none;
  }

  .matchdays-table .participation:nth-child(4) .edit-handle {
    right: 5px;
    left: auto;
    margin-left: 0;
  }
}

@media (max-width: 1199px) {
  .matchdays-table table th:nth-child(6),
  .matchdays-table table td:nth-child(6) {
    display: none;
  }

  .matchdays-table .participation:nth-child(5) .edit-handle {
    right: 5px;
    left: auto;
    margin-left: 0;
  }
}