.operations-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  gap: 1rem;
  margin-top: 1rem;
}

.operations-card {
  min-width: 0;
}

.operations-list {
  display: grid;
  gap: .75rem;
  margin-top: 1rem;
}

.operation-item {
  border: 1px solid rgba(255, 255, 255, .09);
  border-radius: 14px;
  padding: .9rem;
  background: rgba(255, 255, 255, .025);
}

.operation-item strong,
.operation-item span,
.operation-item code {
  overflow-wrap: anywhere;
}

.operation-meta {
  display: flex;
  flex-wrap: wrap;
  gap: .45rem .75rem;
  margin-top: .35rem;
  font-size: .84rem;
  opacity: .78;
}

.operation-actions {
  display: flex;
  flex-wrap: wrap;
  gap: .6rem;
  margin-top: .8rem;
}

.operation-summary {
  margin: .45rem 0 0;
  font-size: .92rem;
}

.operation-empty {
  padding: 1rem 0;
  opacity: .68;
}

.operation-item .digest {
  display: block;
  margin-top: .45rem;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: .72rem;
  opacity: .58;
}

.pill[data-state="frozen"],
.pill[data-state="invalid"],
.pill[data-risk="critical"] {
  border-color: rgba(255, 120, 120, .45);
}

.pill[data-state="normal"],
.pill[data-state="valid"] {
  border-color: rgba(125, 235, 170, .4);
}

@media (max-width: 680px) {
  .operations-grid {
    grid-template-columns: 1fr;
  }

  .operation-actions > button {
    flex: 1 1 100%;
  }
}