.icon-action {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: 36px !important;
  min-width: 36px;
  height: 36px;
  padding: 0 !important;
  gap: 5px;
  border-radius: 10px;
  line-height: 1;
}
.icon-action svg { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; pointer-events: none; }
.icon-action[aria-busy="true"] svg { display: none; }
.icon-action[aria-busy="true"]::after { content: ''; width: 15px; height: 15px; border: 2px solid currentColor; border-inline-end-color: transparent; border-radius: 50%; animation: icon-action-loading .8s linear infinite; }
@keyframes icon-action-loading { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .icon-action[aria-busy="true"]::after { animation: none; } }
.icon-action-with-meta { width: auto !important; min-width: 42px; padding: 0 9px !important; }
.icon-action-meta { font-size: 10px; font-weight: 700; white-space: nowrap; }
/* Actions a new user must find by name: the word stays next to the icon. */
.icon-action-word.icon-action-with-meta { padding: 0 12px !important; gap: 7px; }
.icon-action-word .icon-action-meta { font-size: 13px; font-weight: 650; }
.result-actions .icon-action { margin-top: 0; }
.recent-history-all { grid-column: 1 / -1; justify-self: end; }
.storage-del.icon-action { flex: 0 0 36px; }
@media (max-width: 520px) {
  .icon-action { width: 40px !important; min-width: 40px; height: 40px; }
  .icon-action-with-meta { width: auto !important; }
}