.sync-title-wrap { position:relative; min-width:0; min-height:44px; padding-bottom:16px; box-sizing:border-box; }
.sync-title-wrap > h1 { margin:0; max-width:100%; }
body #offline-data-status.sync-status { position:absolute; inset:0; width:100%; min-height:44px; display:flex; justify-content:flex-start; align-items:flex-end; gap:4px; padding:0; margin:0; border:0; border-radius:0; background:transparent; color:#6b6b6b; box-shadow:none; font:500 10px/14px Inter,Arial,sans-serif; letter-spacing:0; cursor:pointer; }
.sync-status > span { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.sync-status svg { display:block; flex:none; width:13px; height:13px; margin-bottom:1px; }
.sync-status b { min-width:14px; padding:0 3px; border-radius:3px; color:#202020; background:#ececec; font-size:10px; text-align:center; }
body #offline-data-status[data-attention=true] { color:#8a5a00; }
.sync-status:focus-visible { outline:2px solid currentColor; outline-offset:2px; border-radius:4px; }
.sync-fallback { margin:4px 12px; max-width:160px; }
.dark #offline-data-status.sync-status { color:#aaa; }
.dark #offline-data-status[data-attention=true] { color:#e8c16d; }
.dark .sync-status b { background:#393939; color:#eee; }
.sync-dialog { width:calc(100% - 24px); max-width:360px; max-height:calc(100dvh - 32px); padding:16px; margin:auto; border:1px solid var(--feedback-line); border-radius:8px; background:var(--feedback-paper); color:var(--feedback-ink); box-shadow:0 18px 64px rgb(0 0 0 / .22); box-sizing:border-box; }
.sync-dialog::backdrop { background:rgb(0 0 0 / .46); }
.sync-dialog header { display:flex; justify-content:space-between; align-items:center; gap:8px; border:0!important; box-shadow:none; background:transparent!important; }
.sync-dialog h2 { font-size:17px; font-weight:650; }
.sync-close { display:flex; flex:none; align-items:center; justify-content:center; width:44px; height:44px; border:0; background:transparent; color:var(--feedback-muted); }
.sync-dialog dl { display:grid; gap:12px; margin:12px 0 20px; font-size:12px; line-height:18px; }
.sync-dialog dl > div { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.1fr); gap:12px; }
.sync-dialog dt { color:var(--feedback-muted); }
.sync-dialog dd { margin:0; text-align:right; overflow-wrap:anywhere; font-weight:600; }
.sync-dialog .sync-refresh { gap:8px; }
.sync-refresh:disabled { opacity:.55; cursor:default; }
.sync-error { font-size:12px; line-height:18px; margin-bottom:12px; }
@media print { .sync-status,.sync-dialog { display:none!important; } .sync-title-wrap { padding-bottom:0; min-height:0; } }
.sync-sign-in { margin-top:8px; text-decoration:none; text-align:center; }
.sync-sign-in[hidden] { display:none; }