.auto-sync-badge-v162{display:inline-flex;align-items:center;gap:7px;min-height:34px;padding:0 11px;border:1px solid var(--line);border-radius:10px;background:var(--surface,#fff);color:var(--muted);font-size:11px;font-weight:800;white-space:nowrap}
.auto-sync-badge-v162 i{width:8px;height:8px;border-radius:50%;background:#18a558;box-shadow:0 0 0 3px rgba(24,165,88,.13)}
.auto-sync-badge-v162[data-state="pending"] i{background:#e5a600;box-shadow:0 0 0 3px rgba(229,166,0,.14);animation:autoSyncPulseV162 1s infinite}
.auto-sync-badge-v162[data-state="error"] i{background:#d71920;box-shadow:0 0 0 3px rgba(215,25,32,.14)}
.auto-sync-toast-v162{position:fixed;right:24px;bottom:24px;z-index:100000;max-width:min(420px,calc(100vw - 32px));padding:13px 17px;border-radius:12px;background:#14233f;color:#fff;font-size:13px;font-weight:800;box-shadow:0 15px 40px rgba(0,0,0,.25);opacity:0;transform:translateY(18px);pointer-events:none;transition:.2s}
.auto-sync-toast-v162.show{opacity:1;transform:translateY(0)}.auto-sync-toast-v162.ok{background:#08763c}.auto-sync-toast-v162.error{background:#b10f18}
@keyframes autoSyncPulseV162{50%{opacity:.35}}
@media(max-width:900px){.auto-sync-badge-v162{display:none}.auto-sync-toast-v162{right:16px;bottom:16px}}