.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;gap:8px;margin-top:12px}.sm-btn-sync-push,.sm-btn-sync-pull{flex:1;padding:9px 12px;border-radius:10px;font-size:13px;font-weight:600;cursor:pointer;font-family:var(--font-ui);transition:background .15s,border-color .15s,color .15s;white-space:nowrap}.sm-btn-sync-push{border:1.5px solid rgba(231,76,60,.55);background:#e74c3c17;color:#e74c3c}.sm-btn-sync-push:hover{background:#e74c3c2e;border-color:#e74c3c}[data-theme=dark] .sm-btn-sync-push{border-color:#e74c3c66}.sm-btn-sync-pull{border:1.5px solid var(--border);background:var(--surface);color:var(--text2)}.sm-btn-sync-pull:hover{border-color:#3b82f6;color:#3b82f6;background:#3b82f612}SYNC WINDOW — Banner & Closed Modal .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:#fef9c3;color:#854d0e;border-bottom:1px solid #fbbf24}[data-theme=dark] .sync-banner-warn{background:#422006;color:#fde68a;border-bottom:1px solid #92400e}.sync-banner-urgent{background:#fee2e2;color:#7f1d1d;border-bottom:2px solid #fca5a5;animation:swBannerPulse 2s ease-in-out infinite}[data-theme=dark] .sync-banner-urgent{background:#450a0a;color:#fca5a5;border-bottom:2px solid #7f1d1d}@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}
