.auditFilterGrid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
}

.auditScroll {
  max-height: calc(100vh - 310px);
  overflow: auto;
}

.auditTable {
  min-width: 980px;
}

.auditGrid {
  display: grid;
  grid-template-columns: 145px 180px minmax(280px, 1fr) 220px 44px;
}

.auditRow:focus-visible,
.auditPagerButton:focus-visible {
  outline: 2px solid #2e7d62;
  outline-offset: -2px;
}

.auditFocus:focus-visible {
  outline: 2px solid #2e7d62;
  outline-offset: 2px;
}

.auditChevron {
  transition: transform 180ms ease-out;
}

.auditRow[aria-expanded="true"] .auditChevron {
  transform: rotate(180deg);
}

.auditPagerButton {
  width: 44px;
  height: 44px;
}

.auditDetailFact {
  background: rgba(255, 254, 251, 0.72);
}

.auditState {
  background: rgba(255, 254, 251, 0.84);
}

.auditStateList > div + div {
  border-top: 1px solid rgba(16, 41, 35, 0.05);
}

.auditStateField {
  display: grid;
  grid-template-columns: 150px minmax(0, 1fr);
}

@media (min-width: 640px) {
  .auditFilterGrid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .auditPagerButton {
    width: 32px;
    height: 32px;
  }
}

@media (min-width: 1280px) {
  .auditFilterGrid {
    grid-template-columns: 180px 210px minmax(220px, 1fr) 150px 150px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .auditChevron {
    transition: none;
  }
}