.workspace-title-line { display:flex; align-items:center; gap:14px; min-width:0; }
.workspace-save-status { border:0; background:transparent; color:var(--muted); font:500 11px inherit; font-size:11px; padding:6px 2px; cursor:pointer; white-space:nowrap; }
.workspace-save-status::before { content:""; display:inline-block; width:6px; height:6px; border-radius:50%; margin-right:6px; background:currentColor; }
.workspace-save-status[data-state="saved"] { color:var(--muted); }
.workspace-save-status[data-state="conflict"], .workspace-save-status[data-state="error"], .workspace-save-status[data-state="offline"] { color:var(--ink); text-decoration:underline; text-underline-offset:3px; }
.workspace-save-dialog { width:min(780px,calc(100vw - 36px)); max-height:85vh; padding:26px; border:1px solid var(--line); border-radius:18px; background:var(--panel,#132033); color:var(--ink); box-shadow:0 24px 80px #0005; overflow:auto; }
.workspace-save-dialog::backdrop { background:#02081299; }
.sync-dialog-heading { display:flex; align-items:center; justify-content:space-between; gap:20px; }
.sync-dialog-heading h2 { margin:0; font-size:21px; }
.workspace-save-dialog p { color:var(--muted); font-size:13px; line-height:1.55; }
.workspace-save-dialog h3 { margin:24px 0 8px; font-size:15px; }
.sync-dialog-actions { display:flex; flex-wrap:wrap; gap:8px; margin:16px 0; }
.sync-conflict-list { display:grid; gap:12px; max-height:300px; overflow:auto; }
.sync-conflict-list article { padding:14px; border:1px solid var(--line); border-radius:10px; }
.sync-conflict-list small { display:block; color:var(--muted); margin-top:4px; overflow-wrap:anywhere; }
.sync-conflict-values { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-top:12px; }
.sync-conflict-values b { font-size:11px; color:var(--muted); }
.sync-conflict-values pre { font:12px/1.5 inherit; white-space:pre-wrap; overflow-wrap:anywhere; max-height:140px; overflow:auto; }
.recovery-entry { display:flex; align-items:center; justify-content:space-between; width:100%; text-align:left; padding:12px 8px; border:0; border-bottom:1px solid var(--line); background:transparent; color:var(--ink); cursor:pointer; }
.recovery-entry:hover { background:color-mix(in srgb,var(--ink) 6%,transparent); }
.recovery-entry strong,.recovery-entry small { display:block; }
.recovery-entry strong { font-size:13px; }
.recovery-entry small { margin-top:4px; font-size:11px; color:var(--muted); }
#workspaceRecoveryList { max-height:250px; overflow:auto; }
#workspaceRecoveryPreview { margin-top:16px; padding:16px; border:1px solid var(--line); border-radius:12px; }
#workspaceRecoveryPreview dl { display:grid; grid-template-columns:90px 1fr; gap:8px; font-size:12px; }
#workspaceRecoveryPreview dd { margin:0; }
.recovery-notes { white-space:pre-wrap; }
@media(max-width:760px) { .workspace-title-line { flex-wrap:wrap; gap:2px; } .sync-conflict-values { grid-template-columns:1fr; } }