.history-section {
  margin-top: 70px;
  border-top: 1px solid var(--line);
  padding-top: 40px;
}

.history-heading {
  display: flex;
  justify-content: space-between;
  align-items: end;
  gap: 20px;
}

.history-heading .eyebrow { margin-bottom: 8px; }
.history-heading h2 { margin: 0; font-size: 38px; letter-spacing: -.04em; }
.history-refresh { color: var(--ink); padding: 10px 0; }

.privacy-notice {
  margin: 24px 0;
  padding: 18px 20px;
  border-left: 4px solid var(--orange);
  background: #fff7d4;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.65;
}

.privacy-notice strong { color: var(--ink); }
.history-list { display: grid; gap: 10px; }

.history-card {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 24px;
  padding: 22px;
  border: 1px solid var(--line);
  background: #fff;
}

.history-card small { color: var(--muted); font: 10px var(--mono); }
.history-card h3 { margin: 7px 0; font-size: 18px; }
.history-card p { margin: 0; color: var(--muted); font-size: 12px; }
.history-card .expiry { margin-top: 6px; color: #9b3c23; }

.history-action {
  flex: none;
  padding: 11px 14px;
  border: 1px solid var(--ink);
  background: transparent;
  color: var(--ink);
  cursor: pointer;
  font: 10px var(--mono);
}

.history-empty { padding: 24px 0; color: var(--muted); font-size: 13px; }

@media (max-width: 600px) {
  .history-card { align-items: stretch; flex-direction: column; }
  .history-action { text-align: center; }
}