/* FragX panel additions: editable bans and admin roles. */
.record-action {
  align-items: center;
  flex-wrap: wrap;
  gap: 6px;
}

.record-action .edit-button {
  background: transparent;
  border-color: #2b4353;
  color: #9bb5c5;
  font-family: var(--mono);
  font-size: 8px;
  letter-spacing: .7px;
}

.record-action .edit-button:hover:not(:disabled) {
  border-color: #3d627a;
  background: #0e1a23;
  color: #d8ecf8;
}

.record-action .edit-button:disabled {
  opacity: .4;
  cursor: not-allowed;
}

.admin-actions {
  align-items: center;
  display: flex;
  gap: 4px;
  justify-content: flex-end;
}

.admin-actions .edit-button {
  background: transparent;
  border-color: #2b4353;
  color: #9bb5c5;
  font-family: var(--mono);
  font-size: 8px;
  height: 32px;
  letter-spacing: .7px;
  padding: 0 10px;
}

.admin-actions .edit-button:hover {
  border-color: #3d627a;
  background: #0e1a23;
  color: #d8ecf8;
}

.admin-actions .icon-button {
  flex: 0 0 32px;
}

.admin-row {
  grid-template-columns: 34px minmax(140px, 1.25fr) minmax(120px, 1fr) 86px auto;
}

@media (max-width: 1200px) {
  .admin-row {
    grid-template-columns: 32px minmax(120px, 1.2fr) minmax(95px, .9fr) auto;
  }
}

@media (max-width: 760px) {
  .admin-row {
    grid-template-columns: 32px minmax(0, 1fr) auto;
  }

  .admin-role {
    grid-column: 2;
    grid-row: 2;
    padding-left: 44px;
  }

  .admin-actions {
    flex-direction: column;
    grid-column: 3;
    grid-row: 1 / span 2;
    justify-content: center;
  }

  .admin-actions .edit-button {
    height: 28px;
    padding: 0 8px;
  }
}