.operation-workbook-review-ready [data-import-review-panel] {
  display: none !important;
}

.activity-panel,
.operation-history-panel,
.operation-review-panel {
  grid-column: 1 / -1;
}

.activity-filters {
  margin-top: 18px;
}

.activity-list {
  display: grid;
  gap: 10px;
  margin-top: 18px;
}

.activity-row {
  display: grid;
  grid-template-columns: minmax(116px, .75fr) minmax(0, 3fr) minmax(96px, .7fr);
  gap: 18px;
  align-items: center;
  padding: 15px 17px;
  border: 1px solid var(--line);
  border-radius: 16px;
  background: color-mix(in srgb, var(--surface) 94%, transparent);
}

.activity-when,
.activity-main {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.activity-when strong,
.activity-when span,
.activity-kind {
  font-size: .82rem;
}

.activity-when span,
.activity-kind,
.activity-main small {
  color: var(--muted);
}

.activity-main strong,
.activity-main small {
  overflow-wrap: anywhere;
}

.activity-main small {
  font-size: .86rem;
}

.activity-kind {
  justify-self: end;
  padding: 5px 9px;
  border: 1px solid var(--line);
  border-radius: 999px;
}

.operation-panel-summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  cursor: pointer;
  list-style: none;
}

.operation-panel-summary::-webkit-details-marker {
  display: none;
}

.operation-panel-summary > span:first-child {
  display: grid;
  gap: 3px;
}

.operation-panel-summary strong {
  font-size: 1.02rem;
}

.operation-history-panel[open] > .operation-panel-summary {
  margin-bottom: 14px;
}

.operation-filters {
  margin-top: 18px;
}

.operation-list {
  display: grid;
  gap: 10px;
  margin-top: 18px;
}

.operation-row {
  border: 1px solid var(--line);
  border-radius: 16px;
  background: color-mix(in srgb, var(--surface) 94%, transparent);
  overflow: clip;
}

.operation-row > summary {
  display: grid;
  grid-template-columns: minmax(118px, .8fr) minmax(0, 3fr) minmax(120px, 1fr);
  gap: 18px;
  align-items: center;
  padding: 16px 18px;
  cursor: pointer;
  list-style: none;
}

.operation-row > summary::-webkit-details-marker {
  display: none;
}

.operation-row > summary:hover {
  background: color-mix(in srgb, var(--surface-strong) 55%, transparent);
}

.operation-time,
.operation-actor,
.operation-business-date,
.operation-coverage {
  color: var(--muted);
  font-size: .82rem;
}

.operation-main {
  min-width: 0;
  display: grid;
  gap: 4px;
}

.operation-main strong,
.operation-main small {
  overflow-wrap: anywhere;
}

.operation-main small {
  color: var(--muted);
  font-size: .84rem;
  font-weight: 400;
}

.operation-actor {
  justify-self: end;
  font-family: var(--font-mono);
}

.operation-detail {
  display: grid;
  gap: 12px;
  padding: 0 18px 18px;
  border-top: 1px solid var(--line);
}

.operation-business-date {
  margin: 14px 0 0;
}

.operation-changes {
  display: grid;
  gap: 8px;
  margin: 0;
}

.operation-changes > div {
  display: grid;
  grid-template-columns: minmax(110px, .7fr) minmax(0, 3fr);
  gap: 16px;
  align-items: start;
}

.operation-changes dt {
  color: var(--muted);
}

.operation-changes dd {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  gap: 10px;
  margin: 0;
  overflow-wrap: anywhere;
}

.operation-changes dd b {
  color: var(--muted);
  font-weight: 400;
}

.operation-no-diff {
  margin: 0;
  color: var(--muted);
}

.operation-coverage {
  margin: 14px 0 0;
  line-height: 1.6;
}

.operation-more {
  margin-top: 14px;
}

.operation-review-panel .import-review-list {
  margin-top: 18px;
}

@media (max-width: 680px) {
  .activity-row,
  .operation-row > summary {
    grid-template-columns: 1fr;
    gap: 6px;
  }

  .activity-kind,
  .operation-actor {
    justify-self: start;
  }

  .operation-panel-summary {
    align-items: flex-start;
  }

  .operation-changes > div,
  .operation-changes dd {
    grid-template-columns: 1fr;
    gap: 4px;
  }

  .operation-changes dd b {
    display: none;
  }
}