.record-delete {
  padding: 7px 9px;
  color: #fda4af;
  background: rgba(251, 113, 133, 0.08);
  border: 1px solid rgba(251, 113, 133, 0.16);
  border-radius: 7px;
  font: 700 0.58rem "Plus Jakarta Sans", sans-serif;
  cursor: pointer;
}

.record-delete:hover { background: rgba(251, 113, 133, 0.15); }
.button:disabled { opacity: 0.55; cursor: wait; }

.history-record {
  padding: 13px 15px;
  display: grid;
  grid-template-columns: 34px 1fr auto;
  align-items: center;
  gap: 12px;
  background: #090f1b;
  border: 1px solid rgba(143, 163, 211, 0.17);
  border-radius: 11px;
}

.history-record > span { color: #7166df; font: 600 0.64rem "Fira Code", monospace; }
.history-record strong, .history-record small { display: block; }
.history-record strong { font-size: 0.72rem; }
.history-record small { margin-top: 4px; color: #6f7d9c; font-size: 0.62rem; }
.history-record > b {
  padding: 5px 7px;
  color: #a7f3d0;
  background: rgba(67, 213, 160, 0.08);
  border-radius: 6px;
  font: 600 0.55rem "Fira Code", monospace;
}