.operation-form-hint {
  margin: 0 0 12px;
  padding: 10px 12px;
  border-radius: 10px;
  background: #eff6ff;
  color: #1e3a8a;
  font-size: 13px;
}

.operation-form-hint.is-warning {
  background: #fff7ed;
  color: #9a3412;
}

.operation-form-hint[hidden] {
  display: none;
}

.operation-expiry-alert {
  margin: 0 0 12px;
  padding: 10px 12px;
  border-radius: 10px;
  background: #fef2f2;
  color: #991b1b;
  font-size: 13px;
  font-weight: 600;
}

.operation-expiry-alert.is-warning {
  background: #fff7ed;
  color: #9a3412;
}

.operation-expiry-alert[hidden],
.operation-loss-hint[hidden] {
  display: none;
}

.operation-loss-hint {
  margin: 0 0 12px;
  padding: 10px 12px;
  border-radius: 10px;
  background: #fff7ed;
  color: #9a3412;
  font-size: 13px;
}

.operation-intro {
  margin-top: 0;
}

.batch-operation-panel {
  margin-bottom: 16px;
  padding: 14px;
  border: 1px solid var(--border);
  border-radius: 12px;
  background: #f8fafc;
}

.batch-operation-panel[hidden] {
  display: none;
}

.batch-operation-panel__grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 12px;
}

.batch-operation-panel__grid .muted {
  display: block;
  font-size: 12px;
  margin-bottom: 2px;
}

.batch-operation-panel__grid strong {
  font-size: 14px;
}