.dv3-layout .dv3-sheet table { width: 100%; border-collapse: separate; border-spacing: 0; font-size: 14.5px; line-height: 1.55; margin: 6px 0 22px }

.dv3-layout .dv3-sheet th {
  background: var(--color-background-secondary);
  color: var(--color-text-secondary);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .04em;
  text-transform: uppercase;
  padding: 10px 14px;
  border-bottom: .5px solid var(--color-border-secondary);
  white-space: nowrap
}

.dv3-layout .dv3-sheet td {
  padding: 11px 14px;
  border-bottom: .5px solid var(--color-border-tertiary);
  vertical-align: top;
  color: var(--color-text-secondary)
}

.dv3-layout .dv3-sheet tr:last-child>td {
  border-bottom: 0
}

.dv3-layout .dv3-sheet td:first-child {
  color: var(--color-text-primary);
  font-weight: 500;
  min-width: 10ch;
  overflow-wrap: anywhere
}

.dv3-layout .dv3-sheet td:first-child code {
  font-weight: 500
}

.dv3-layout .dv3-sheet td code {
  white-space: nowrap
}

.dv3-layout .dv3-sheet tr:not(.dv3-details):hover>td {
  background: color-mix(in srgb, var(--color-background-tertiary) 60%, transparent)
}

.dv3-layout .dv3-sheet td:has(> .show-details-link) {
  width: 1%;
  white-space: nowrap;
  text-align: right;
  vertical-align: middle;
  padding-top: 6px;
  padding-bottom: 6px
}

/* expand/collapse toggle: chevron instead of text labels */
.dv3-layout .dv3-sheet .show-details-link {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 6px;
  color: var(--color-text-secondary);
  text-decoration: none;
  transition: background-color .15s ease, color .15s ease
}

.dv3-layout .dv3-sheet .show-details-link:hover,
.dv3-layout .dv3-sheet .show-details-link:focus-visible {
  background: var(--color-background-secondary);
  color: var(--color-text-primary)
}

.dv3-layout .dv3-sheet .show-details-link:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 1px
}

.dv3-layout .dv3-sheet .show-details-link::before {
  content: "";
  width: 7px;
  height: 7px;
  border-right: 1.75px solid currentColor;
  border-bottom: 1.75px solid currentColor;
  transform: translateY(-2px) rotate(45deg);
  transition: transform .2s ease
}

.dv3-layout .dv3-sheet .show-details-link.details-shown::before {
  transform: translateY(2px) rotate(-135deg)
}

/* keep the label text for screen readers only */
.dv3-layout .dv3-sheet .show-details-link>span {
  position: absolute !important;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0
}

.dv3-layout .dv3-sheet .show-details-link:not(.details-shown)>span:last-child,
.dv3-layout .dv3-sheet .show-details-link.details-shown>span:first-child {
  display: none
}

.dv3-layout .dv3-sheet tr.dv3-details>td {
  color: var(--color-text-primary);
  line-height: 1.6
}

@media (max-width: 720px) {
  .dv3-layout .dv3-sheet {
    --dv3-col1-max: 18ch
  }

  .dv3-layout .dv3-sheet table {
    display: block;
    max-width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    font-size: 14px
  }

  .dv3-layout .dv3-sheet th,
  .dv3-layout .dv3-sheet td {
    padding: 9px 11px
  }

  .dv3-layout .dv3-sheet td {
    min-width: 16ch
  }

  .dv3-layout .dv3-sheet td:first-child {
    min-width: 0;
    max-width: var(--dv3-col1-max);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow-wrap: normal
  }

  .dv3-layout .dv3-sheet td:first-child>code {
    display: block;
    max-width: var(--dv3-col1-max);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
  }

  .dv3-layout .dv3-sheet tr.dv3-details>td:first-child {
    max-width: none;
    white-space: normal;
    overflow: visible
  }

  .dv3-layout .dv3-sheet td:has(> .show-details-link) {
    min-width: 0;
    padding-top: 4px;
    padding-bottom: 4px
  }
}
.dv3-layout .dv3-sheet tr:has(.show-details-link) { cursor: pointer }