/* Reader Backup & Sync inherits the completed application's controls. */
.reader-sync-entry{margin-top:16px}
#readerSyncBody{padding:20px}
.reader-sync-section{margin-top:20px;padding-top:16px;border-top:1px solid var(--line)}
.reader-sync-actions{display:flex;flex-wrap:wrap;gap:10px;margin-block:12px}
.reader-sync-status{padding:12px;background:var(--paper);border-inline-start:3px solid var(--line)}
.reader-sync-status[data-phase="error"],.reader-sync-status[data-phase="offline"]{border-inline-start-color:#8B0F24}
.reader-sync-key-warning{font-weight:650}
.reader-sync-recovery-key{width:100%;font-family:monospace;overflow-wrap:anywhere;resize:vertical}
.reader-sync-create,.reader-sync-link{margin-block:16px}
.reader-sync-link label{display:grid;gap:8px;margin-bottom:12px}
.reader-sync-link input{width:100%;min-width:0}
.reader-sync-confirm{display:flex;align-items:center;gap:8px;margin-block:12px}
.reader-sync-file-label{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap;max-width:100%}
.reader-sync-file-label input{max-width:100%}
.reader-sync-dialog button{margin-inline-end:8px;margin-bottom:6px}
@media(max-width:600px){.reader-sync-dialog button{min-height:44px}.reader-sync-actions{align-items:stretch;flex-direction:column}}