/* Shared header actions: small visible icons with larger touch targets. */
.topbar-status-indicators .inventory-batch-topbar-status { grid-template-columns: max-content 1fr 22px; align-items: center; }
.topbar-status-indicators .topbar-last-import-status { display: grid; grid-template-columns: minmax(0, 1fr) 22px; align-items: center; column-gap: 8px; min-height: 22px; }
.topbar-status-indicators .topbar-last-import-status[hidden] { display: none; }
.topbar-status-indicators .topbar-sales-sync-progress { width: calc(100% - 30px); margin-top: -6px; }
.topbar-sync-action { display: flex; align-items: center; justify-content: center; width: 22px; min-height: 22px; }
.topbar-sync-action[hidden] { display: none; }
.topbar-sync-button { position: relative; display: grid; place-items: center; flex-shrink: 0; width: 22px; height: 22px; min-height: 0; padding: 3px; border: 1px solid var(--line); border-radius: 6px; background: var(--panel); color: #64748b; cursor: pointer; }
.topbar-sync-button svg { display: block; width: 14px; height: 14px; }
.topbar-sync-button:not(:disabled):hover { color: var(--blue); border-color: var(--blue); background: #eff6ff; }
.topbar-sync-button:focus-visible { outline: 2px solid var(--blue); outline-offset: 2px; }
.topbar-sync-button:disabled { cursor: pointer; color: #a4afbd; background: #f4f6f8; border-color: #e1e6ec; }
.topbar-sync-button.is-busy:disabled { color: var(--blue); background: #eff6ff; }
.topbar-sync-button.is-busy svg { animation: topbar-sync-rotate 1.5s linear infinite; }
@keyframes topbar-sync-rotate { to { transform: rotate(360deg); } }
@media (pointer: coarse) {
  .topbar-sync-action { min-height: 44px; }
  .topbar-sync-button::after { content: ''; position: absolute; inset: -11px; }
}
@media (prefers-reduced-motion: reduce) { .topbar-sync-button.is-busy svg { animation: none; } }