.reader-sync{width:100%;box-sizing:border-box;display:flex;align-items:center;gap:8px;flex-wrap:wrap;color:#b8c6d3;font:12px/1.4 system-ui,sans-serif;padding:3px 0}.reader-sync[hidden]{display:none!important}.reader-sync .sync-message{flex:1;min-width:100px}.reader-sync button,.reader-sync a{font:inherit;color:#a3d9ff;background:transparent;border:0;padding:4px 8px;min-height:32px;text-decoration:underline;cursor:pointer}.reader-sync[data-state=error] .sync-message{color:#ffd398}.reader-sync details{width:100%;padding:4px 0}.reader-sync summary{cursor:pointer;color:#ffd398}.reader-sync .sync-conflicts{display:flex;flex-direction:column;gap:8px;max-height:200px;overflow:auto}.reader-sync .sync-conflict{border-top:1px solid #566171;padding:6px 0}.reader-sync .sync-conflict p{margin:2px 0;overflow-wrap:anywhere}.reader-sync .sync-conflict button{border:1px solid #566171;border-radius:6px;margin:4px 6px 0 0;min-height:44px}.reader-sync .sync-actions{display:flex;gap:4px;align-items:center}
.topbar>.reader-sync{grid-column:1 / -1;flex:0 0 100%;min-width:0;gap:6px;flex-wrap:nowrap;padding:0}
.topbar>.reader-sync .sync-message{min-width:0;font-size:12px;line-height:1.3}
.topbar>.reader-sync>button,.topbar>.reader-sync>a{flex:0 0 auto;white-space:nowrap;min-height:32px;padding:3px 6px;font-size:12px}
.topbar>.reader-sync:has(details:not([hidden])){flex-wrap:wrap}
/* Routine background sync must not take any space in the reading toolbar. */
.topbar>.reader-sync:not([data-state=error]){display:none!important}