#pastEventsPanel { margin-top: 24px; min-width: 0; }
.past-events-controls { display: flex; align-items: end; flex-wrap: wrap; gap: 12px; margin-top: 16px; }
.past-events-controls label { display: grid; gap: 6px; font-size: 12px; min-width: 0; }
.past-events-controls .past-event-choice { flex: 1; min-width: min(100%, 220px); }
.past-events-controls select { width: 100%; min-width: 0; min-height: 44px; }
.past-events-controls button, #pastEventsPanel [data-history-retry] { min-height: 44px; }
.past-event-picker, .archive-history-identity { display: flex; align-items: center; gap: 12px; min-width: 0; }
.past-event-picker select { flex: 1; }
.past-event-artwork { display: inline-flex; width: 64px; height: 64px; flex: none; border-radius: 12px; overflow: hidden; }
.past-event-artwork > :is(.focus-event-artwork, .focus-event-calendar) { width: 100%; height: 100%; min-width: 0; }
.past-artwork-placeholder { display: grid; place-items: center; width: 100%; height: 100%; background: var(--panel2); color: var(--muted); border: 1px solid var(--line); border-radius: inherit; }
.past-artwork-placeholder svg { width: 28px; height: 28px; fill: none; stroke: currentColor; stroke-width: 1.6; }
.archive-history-identity > div { min-width: 0; }
.archive-recap-heading { margin-top: 24px; }
.archive-recap-heading h2 { margin: 0 0 6px; font-size: clamp(18px, 3vw, 24px); overflow-wrap: anywhere; }
.archive-recap-heading p { color: var(--muted); margin: 0; line-height: 1.6; }
.archive-history-controls, .archive-tier-heading {
  display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px;
}
.archive-history-controls { margin: 14px 0; }
.archive-history-controls p { margin: 0; flex: 1; font-size: 12px; }
.archive-history-controls button { min-height: 44px; }
.archive-tier-heading h3 { margin: 0; font-size: 16px; }
.archived-tier .history-zoom-controls button { min-width: 44px; min-height: 44px; }
.archived-tier .price-history { margin-top: 12px; }
.archive-load-status { margin-top: 16px; }
#pastEventsPanel :is(button, select, summary):focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; }
@media (max-width: 480px) {
  .past-events-controls label { flex-basis: 100%; }
  .past-events-controls button { width: 100%; }
}