.sm-section-recovery{background:#e74c3c0a;border-bottom-color:#e74c3c26!important}[data-theme=dark] .sm-section-recovery{background:#e74c3c0f}.sm-desc-muted{font-size:.8rem;color:var(--text-muted, #888);margin:4px 0 8px}.sm-desc-muted strong{color:var(--text)}.sm-sync-btns{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.sm-btn-sync-push,.sm-btn-sync-pull{flex:1 1 200px;padding:9px 12px;border-radius:10px;font-size:13px;font-weight:600;cursor:pointer;line-height:1.35;font-family:var(--font-ui);transition:background var(--d-fast),border-color var(--d-fast),color var(--d-fast);white-space:normal}.sm-btn-sync-push{border:1.5px solid color-mix(in srgb,var(--danger) 55%,transparent);background:color-mix(in srgb,var(--danger) 9%,transparent);color:var(--danger)}.sm-btn-sync-push:hover{background:color-mix(in srgb,var(--danger) 18%,transparent);border-color:var(--danger)}.sm-btn-sync-pull{border:1.5px solid var(--border);background:var(--surface);color:var(--text2)}.sm-btn-sync-pull:hover{border-color:var(--info);color:var(--info);background:color-mix(in srgb,var(--info) 8%,transparent)}.sync-banner{position:fixed;top:0;left:0;right:0;z-index:1200;padding:10px 48px 10px 20px;font-size:13px;display:none;align-items:center;justify-content:center;gap:10px;text-align:center;line-height:1.5}.sync-banner-warn{background:var(--warning-bg);color:var(--status-learning);border-bottom:1px solid color-mix(in srgb,var(--warning) 60%,var(--surface))}.sync-banner-urgent{background:var(--danger-bg);color:var(--danger);border-bottom:2px solid color-mix(in srgb,var(--primary) 35%,var(--surface));animation:swBannerPulse 2s var(--ease-in-out) infinite}@keyframes swBannerPulse{0%,to{opacity:1}50%{opacity:.82}}.sw-banner-link{color:inherit;font-weight:700;text-decoration:underline;cursor:pointer}.sw-banner-link:hover{opacity:.8}.sw-banner-close{position:absolute;right:14px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;font-size:14px;color:inherit;opacity:.55;padding:4px 6px;border-radius:4px}.sw-banner-close:hover{opacity:1;background:#00000014}body:has(#syncWindowBanner[style*=flex]) .sidebar,body:has(#syncWindowBanner[style*=flex]) .main-content{margin-top:42px}