.pvp-ranger-trigger,
.pvp-ranger-trigger:hover,
.pvp-ranger-trigger:active,
.pvp-ranger-trigger:focus {
  background: transparent !important;
  -webkit-tap-highlight-color: transparent;
  box-shadow: none !important;
}

/* The clickable ranger button should never look like a separate pill/button. */
.pvp-usage-stable-table .pvp-ranger-trigger,
.pvp-usage-stable-table .pvp-ranger-trigger:hover,
.pvp-usage-stable-table .pvp-ranger-trigger:active,
.pvp-usage-stable-table .pvp-ranger-trigger:focus {
  border-radius: 0 !important;
  background: transparent !important;
  color: inherit !important;
}

.pvp-usage-stable-table .pvp-ranger-trigger:hover .pvp-ranger-name,
.pvp-usage-stable-table .pvp-ranger-trigger:focus-visible .pvp-ranger-name {
  color: inherit !important;
}

/* Hover the whole row instead of only the ranger-name control. */
.pvp-usage-stable-table tbody tr:hover > td {
  background: var(--soft);
}

html[data-theme="dark"] .pvp-usage-stable-table tbody tr:hover > td {
  background: rgba(255, 255, 255, 0.035) !important;
}

.pvp-table tbody tr:has(.pvp-ranger-trigger:active),
.pvp-table tbody tr:has(.pvp-ranger-trigger:focus) {
  background: transparent;
}

/* Keep loading/error status visually below the table column headers. */
.pvp-data-panel {
  display: flex;
  flex-direction: column;
}

.pvp-data-panel > .pvp-table-scroll {
  order: 1;
}

.pvp-data-panel > .pvp-status {
  order: 2;
}

/* Keep usage table columns stable before and after async rows are rendered. */
.pvp-usage-stable-table {
  table-layout: fixed;
}

.pvp-usage-stable-table th:nth-child(1),
.pvp-usage-stable-table td:nth-child(1) {
  width: 11%;
}

.pvp-usage-stable-table th:nth-child(2),
.pvp-usage-stable-table td:nth-child(2) {
  width: 34%;
}

.pvp-usage-stable-table th:nth-child(3),
.pvp-usage-stable-table td:nth-child(3) {
  width: 17%;
}

.pvp-usage-stable-table th:nth-child(4),
.pvp-usage-stable-table td:nth-child(4) {
  width: 22%;
}

.pvp-usage-stable-table th:nth-child(5),
.pvp-usage-stable-table td:nth-child(5) {
  width: 16%;
}

.pvp-usage-stable-table .pvp-rank-cell {
  width: auto;
}

.pvp-modal-ranger-copy .eyebrow {
  display: none;
}

.pvp-modal-detail-link,
.pvp-modal-detail-link:hover {
  padding: 0;
  border-radius: 0;
  background: transparent;
}

.pvp-modal-detail-link {
  color: var(--primary);
  text-decoration: underline;
  text-underline-offset: 0.18em;
}

.pvp-modal-detail-link:hover {
  color: var(--primary-dark);
}

.pvp-modal-section--no-divider,
.pvp-modal-section--no-divider + .pvp-modal-section {
  margin-top: 1rem !important;
  padding: 0;
  border: 0 !important;
  background: transparent;
}

.pvp-modal-section--no-divider + .pvp-modal-section {
  border-top: 0 !important;
}

.pvp-modal-section--no-divider > .pvp-option-list,
.pvp-modal-section--no-divider + .pvp-modal-section > .pvp-option-list,
.pvp-modal-section--no-divider > .pvp-modal-empty,
.pvp-modal-section--no-divider + .pvp-modal-section > .pvp-modal-empty {
  padding: 1rem;
  border: 1px solid var(--line);
  border-radius: 1rem;
  background: var(--bg);
}

.pvp-admin-export-actions {
  display: flex;
  justify-content: flex-end;
  margin: -0.2rem 0 1rem;
}

.pvp-admin-export-actions[hidden] {
  display: none !important;
}

.pvp-admin-export-button {
  border: 1px solid var(--line);
  border-radius: 999px;
  padding: 0.72rem 1rem;
  background: var(--panel);
  color: var(--text);
  font: inherit;
  font-weight: 800;
  cursor: pointer;
}

.pvp-admin-export-button:hover:not(:disabled) {
  background: var(--soft);
  color: var(--primary-dark);
}

.pvp-admin-export-button:disabled {
  opacity: 0.65;
  cursor: wait;
}

@media (hover: none) {
  .pvp-table tbody tr:hover,
  .pvp-usage-stable-table tbody tr:hover > td {
    background: transparent !important;
  }
}