#stockSyncNav { display: none; }
#stockSyncNav.admin-only-visible { display: flex; cursor: pointer; }
.stock-sync-view { display: none; }
.stock-sync-view.active { display: block; }
.stock-sync-card { padding: 20px; margin-bottom: 16px; }
.stock-sync-card h2, .stock-sync-card h3 { margin: 0 0 10px; }
.stock-sync-card h2 { font-size: 18px; }
.stock-sync-card h3 { font-size: 15px; }
.stock-sync-toolbar, .stock-sync-master, .stock-sync-actions {
  display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap;
}
.stock-sync-toolbar p { font-size: 12px; color: var(--text-muted); margin: 4px 0 12px; }
.stock-sync-master { background: var(--surface-muted); border: 1px solid var(--border); border-radius: 10px; padding: 16px; margin: 12px 0; }
.stock-sync-switch { display: inline-flex; align-items: center; gap: 16px; flex-direction: row; cursor: pointer; position: relative; margin: 0; }
.stock-sync-switch-copy { display: grid; gap: 4px; }
.stock-sync-switch-copy strong { font-size: 14px; }
.stock-sync-switch-copy small { font-size: 12px; color: var(--text-muted); }
.stock-sync-switch input { position: absolute; opacity: 0; width: 1px; height: 1px; }
.stock-sync-track { width: 46px; height: 26px; border-radius: 14px; background: #667085; border: 2px solid transparent; flex-shrink: 0; }
.stock-sync-track::before { content: ''; display: block; width: 18px; height: 18px; border-radius: 50%; margin: 2px; background: #fff; }
.stock-sync-switch input:checked + .stock-sync-track { background: var(--primary); }
.stock-sync-switch input:checked + .stock-sync-track::before { transform: translateX(20px); }
.stock-sync-switch input:focus-visible + .stock-sync-track { outline: 3px solid var(--primary); outline-offset: 3px; }
.stock-sync-switch input:disabled + .stock-sync-track { opacity: .5; cursor: not-allowed; }
button.stock-sync-stop { color: #b42318; background: #fff; border: 1px solid #f4b8b3; }
button.stock-sync-stop:hover:not(:disabled) { background: #fff1f0; }
.stock-sync-view button:disabled, .stock-sync-product button:disabled { opacity: .55; cursor: not-allowed; }
.stock-sync-columns { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 16px; }
.stock-sync-list { margin: 12px 0; padding-left: 20px; line-height: 1.65; font-size: 13px; }
.stock-sync-list li + li { margin-top: 8px; }
.stock-sync-note { margin: 10px 0; color: var(--text-muted); font-size: 12px; line-height: 1.6; }
.stock-sync-message { margin: 8px 0; font-size: 13px; font-weight: 600; line-height: 1.5; }
.stock-sync-message:empty { display: none; }
.stock-sync-muted { color: var(--text-muted); font-size: 11px; }
.stock-sync-metrics { display: flex; gap: 16px; flex-wrap: wrap; border-top: 1px solid var(--border); padding-top: 14px; margin: 16px 0 0; }
.stock-sync-metrics dt { font-size: 11px; color: var(--text-muted); }
.stock-sync-metrics dd { margin: 4px 0 0; font-size: 22px; font-weight: 700; }
.stock-sync-product { border: 1px solid var(--border-strong); background: var(--surface); border-radius: 10px; padding: 14px; margin-bottom: 14px; }
.stock-sync-view, .stock-sync-product { overflow-wrap: anywhere; }
@media(max-width: 900px) { .stock-sync-columns { grid-template-columns: minmax(0, 1fr); gap: 0; } }
@media(max-width: 480px) { .stock-sync-card { padding: 14px; } .stock-sync-master { padding: 12px; } .stock-sync-actions { gap: 8px; } }
@media(forced-colors: active) { .stock-sync-track { border-color: ButtonText; } .stock-sync-track::before { background: ButtonText; } .stock-sync-switch input:checked + .stock-sync-track { border-color: Highlight; } }