/* Sync uses the same typography, surfaces and controls as every Z module. */
#sync-workspace { position:relative; display:flex; flex-direction:column; height:clamp(540px,68dvh,920px); max-width:calc(var(--w) - 2 * var(--gutter)); margin:0 auto 48px; border:1px solid var(--line); overflow:hidden; background:var(--bg); }
#sync-workspace * { border-radius:0!important; box-shadow:none!important; text-shadow:none!important; }
#sync-workspace button,#sync-workspace input,#sync-workspace textarea { font-family:var(--font); font-size:15px; color:var(--fg); }
#sync-workspace button { cursor:pointer; min-height:40px; }
#sync-workspace button:disabled { cursor:not-allowed; }
#sync-workspace input,#sync-workspace textarea { padding:10px 12px; background:var(--bg)!important; border:1px solid var(--line); }
#sync-workspace [class*="bg-panel"],#sync-workspace [class*="bg-input"] { background:var(--bg-2)!important; }
#sync-workspace [class*="border-"] { border-color:var(--line)!important; border-style:solid; }
#sync-workspace [class*="text-gray-"],#sync-workspace [class*="text-white"] { color:var(--fg)!important; }
#sync-workspace [class*="text-gray-4"],#sync-workspace [class*="text-gray-5"] { color:var(--fg-2)!important; }
#sync-workspace [class*="text-blue-"],#sync-workspace .checkbox-custom { color:var(--accent)!important; accent-color:var(--accent); }
#sync-workspace [class*="text-red-"] { color:var(--danger)!important; }
#sync-workspace [class*="bg-red-9"] { background:var(--bg)!important; }
#sync-workspace [class*="bg-blue-6"],#sync-workspace [class*="bg-red-6"],#sync-workspace #mergedSendBtn,#sync-workspace #splitSendBtn { background:var(--ink)!important; color:var(--ink-fg)!important; }
#sync-workspace button:hover { filter:brightness(.94); }
#sync-workspace pre { margin:0; font-family:var(--font); }
#sync-workspace #lockScreen { background:var(--bg)!important; padding:24px; }
#sync-workspace #pinDots .dot { width:12px; height:12px; background:transparent; border:1px solid var(--fg-3); }
#sync-workspace #pinDots .filled { background:var(--ink); border-color:var(--ink); }
#sync-workspace #lockScreen .grid { border:0; gap:24px; }
#sync-workspace .pl-10 { padding-left:2.5rem; }
.sync-toolbar-title { display:flex; flex-direction:column; gap:4px; flex-shrink:0; }
#sync-status { font-size:12px; color:var(--fg-2); }
#sync-workspace .spinner { border:2px solid var(--line); border-top-color:var(--accent); width:12px; height:12px; display:inline-block; animation:sync-spin .8s linear infinite; }
@keyframes sync-spin { to { transform:rotate(360deg); } }
@media(max-width:760px) { #sync-workspace { margin-left:var(--gutter); margin-right:var(--gutter); height:72dvh; min-height:540px; } #sync-workspace .safe-top { flex-wrap:wrap; gap:12px; } #sync-workspace #navNormal,#sync-workspace #navBatch { flex-wrap:wrap; } }