@layer ui {
#project-sync { margin-top:12px; padding:12px 0 0; border-top:1px solid var(--line, #e6ddd3); display:grid; gap:6px; }
#project-sync[hidden], #project-sync [hidden] { display:none !important; }
#project-sync .project-sync-row { display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; }
#project-sync .project-sync-switch { display:inline-flex; align-items:center; gap:10px; min-height:44px; font-weight:600; cursor:pointer; }
#project-sync .project-sync-switch input { width:20px; height:20px; margin:0; accent-color:var(--action, currentColor); }
#project-sync .project-sync-switch input:disabled { cursor:progress; }
#project-sync p { margin:0; }
#project-sync #project-sync-status:empty { display:none; }
#project-sync #project-sync-status, #project-sync .project-sync-note { color:var(--muted, #6b625c); font-size:var(--text-caption, .8125rem); }
#project-sync .project-sync-usage { display:flex; align-items:center; gap:10px; font-size:var(--text-caption, .8125rem); color:var(--muted, #6b625c); }
#project-sync .project-sync-usage meter { flex:0 1 160px; height:8px; }
#project-sync button { min-height:44px; justify-self:start; }
}