X-Financial/web/src/assets/styles/views/archive-center-view.css

.archive-page .status-tag.archived {
  color: var(--theme-primary-active);
  background: var(--theme-primary-soft);
  border: 1px solid rgba(var(--theme-primary-rgb), 0.22);
}

.archive-page .risk-tag.none {
  background: #f1f5f9;
  color: #64748b;
}

.archive-filter-control {
  display: inline-flex;
}

.archive-filter-trigger {
  gap: 10px;
}

.archive-filter-trigger:focus-visible {
  border-color: var(--theme-primary);
  box-shadow: 0 0 0 3px var(--theme-focus-ring);
  outline: none;
}

:global(.archive-filter-menu) {
  min-width: 156px;
}

:global(.archive-filter-menu .el-dropdown-menu) {
  padding: 6px;
}

:global(.archive-filter-option) {
  min-height: 34px;
  border-radius: 4px;
  color: #334155;
  font-size: 13px;
  font-weight: 600;
}

:global(.archive-filter-option .mdi-check) {
  margin-right: 8px;
  color: var(--theme-primary-active);
}

:global(.archive-filter-option.is-active),
:global(.archive-filter-option:hover) {
  background: var(--theme-primary-soft);
  color: var(--theme-primary-active);
}

.archive-page .hint {
  color: #475569;
}