/* Component owner: archive. Responsive overrides load afterwards. */

.archive-filters {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr)) auto;
  align-items: end;
  gap: 12px;
  max-width: 1000px;
  margin: 18px 0;
}

.archive-filters input,
.archive-filters select {
  height: 36px;
  padding: 6px 8px;
  font-size: 13px;
}

.archive-filter-actions,
.archive-pagination {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
}

.archive-pagination { justify-content: center; margin-top: 18px; }

@media (max-width: 900px) {
  .archive-filters { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 480px) {
  .archive-filters { grid-template-columns: minmax(0, 1fr); }
  .archive-filter-actions { justify-content: flex-end; }
}

.coin-history-actions,
.archive-toolbar,
.archive-row-heading,
.archive-row-actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
  min-width: 0;
}

.coin-history-actions { gap: 24px; }
.archive-toolbar { justify-content: space-between; margin: 16px 0; }
.archive-list { min-width: 0; }
.trash-row { padding: 16px 0; border-bottom: 1px solid var(--line); }
.archive-row-heading h4 { margin: 0; overflow-wrap: anywhere; }
.trash-row > p { margin: 6px 0; overflow-wrap: anywhere; }
.archive-row-actions { margin-top: 12px; }
.archive-row-actions .danger { margin-left: auto; }
.archive-history-link { color: var(--accent); text-decoration: underline; text-underline-offset: 3px; }
.trash-restore-form {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  gap: 12px;
  align-items: end;
  margin-top: 16px;
  max-width: 720px;
}
.trash-restore-form label { gap: 6px; }
.coin-history-entry { border-bottom: 1px solid var(--line); padding: 14px 0; }
.coin-history-entry summary { cursor: pointer; overflow-wrap: anywhere; }
.coin-history-entry summary > * { margin-right: 12px; }
.history-changes { margin-top: 16px; }
.history-change {
  display: grid;
  grid-template-columns: minmax(120px, 1fr) minmax(0, 2fr) minmax(0, 2fr);
  gap: 16px;
  padding: 12px 0;
  border-top: 1px solid var(--line);
}
.history-change > * { min-width: 0; overflow-wrap: anywhere; }
.history-change p { margin: 6px 0 0; white-space: pre-wrap; overflow-wrap: anywhere; }
.history-before { color: var(--muted); }

@media (max-width: 640px) {
  .trash-restore-form { grid-template-columns: auto 1fr; }
  .trash-restore-form label { grid-column: 1 / -1; }
  .trash-restore-form button { justify-self: start; }
  .history-change { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 10px; }
  .history-change > strong { grid-column: 1 / -1; }
  .coin-history-entry summary > * { display: inline-block; margin-bottom: 4px; }
}