/* ManualeReef Reader cross-device sync center. Isolated from existing PWA theme. */
#mrReaderCloudSyncOverlay{position:fixed;inset:0;z-index:10010;display:grid;align-items:center;justify-items:center;padding:16px;background:rgba(0,0,0,.46)}
#mrReaderCloudSyncOverlay .mr-sync-backdrop{position:absolute;inset:0}
#mrReaderCloudSyncOverlay .mr-sync-dialog{
 position:relative;z-index:1;box-sizing:border-box;width:min(580px,100%);max-height:calc(100dvh - 32px);
 overflow:auto;background:#f5f9fc;color:#14354c;border:1px solid #bfdde9;
 border-radius:19px;padding:22px;box-shadow:0 24px 72px rgba(3,18,33,.42)
}
#mrReaderCloudSyncOverlay h2{margin:7px 30px 9px 0;font-size:clamp(20px,4vw,27px);line-height:1.2;color:#0b2b45}
#mrReaderCloudSyncOverlay p{color:#3a566b;line-height:1.55;font-size:14px;margin:8px 0 15px}
#mrReaderCloudSyncOverlay small{display:block;color:#3a596d;font-size:12px;line-height:1.55}
#mrReaderCloudSyncOverlay .mr-sync-eyebrow{font-size:11px;letter-spacing:.1em;font-weight:800;color:#08789a}
#mrReaderCloudSyncOverlay .mr-sync-close{position:absolute;right:13px;top:13px;background:#e1edf4;color:#14354c;border:1px solid #b6d0dd;width:38px;height:38px;border-radius:10px;font-size:22px}
#mrReaderCloudSyncOverlay .mr-sync-stat{display:grid;gap:5px;padding:14px;margin:15px 0;border-radius:11px;background:#e8f4f8;border:1px solid #b9dce9}
#mrReaderCloudSyncOverlay .mr-sync-stat b{font-size:15px;color:#114261}
#mrReaderCloudSyncOverlay .mr-sync-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0}
#mrReaderCloudSyncOverlay .mr-sync-actions button{display:block;width:100%;min-height:46px;margin:0;padding:10px 13px;border-radius:10px;white-space:normal;font-size:13px;font-weight:750}
#mrReaderCloudSyncOverlay .mr-sync-actions .primary{border:1px solid #075d84;background:#086b92;color:#fff}
#mrReaderCloudSyncOverlay .mr-sync-actions .ghost{background:#fff;color:#16415a;border:1px solid #a9cad7}
#mrReaderCloudSyncOverlay .mr-sync-actions button:disabled{opacity:.72;cursor:not-allowed}
#mrReaderCloudSyncOverlay .mr-sync-warning{border-left:4px solid #d49d32;background:#fff5e4;padding:12px;color:#6b4b14}
#mrReaderCloudSyncOverlay [hidden]{display:none!important}
@media(max-width:560px){
 #mrReaderCloudSyncOverlay .mr-sync-dialog{padding:18px 14px;border-radius:15px}
 #mrReaderCloudSyncOverlay .mr-sync-actions{grid-template-columns:minmax(0,1fr)}
}

#mrReaderCloudSyncOverlay .mr-sync-restore{
 margin:16px 0;padding:14px 15px;border-radius:12px;
 border:1px solid #b8d8e5;background:#eaf5f9;color:#14354c
}
#mrReaderCloudSyncOverlay .mr-sync-restore strong{display:block;color:#0a3d59;font-size:15px}
#mrReaderCloudSyncOverlay .mr-sync-restore p{color:#2a4b60;margin:7px 0 12px}
#mrReaderCloudSyncOverlay .mr-sync-restore button{
 display:block;width:100%;max-width:100%;min-height:47px;padding:10px 13px;
 border:1px solid #0c6689;background:#fff;color:#124562;border-radius:10px;
 font-size:14px;font-weight:800;text-align:center;white-space:normal
}
#mrReaderCloudSyncOverlay .mr-sync-restore button:disabled{opacity:.65;cursor:not-allowed}
#mrReaderCloudSyncOverlay .mr-sync-restore button:focus-visible{outline:3px solid #d8a845;outline-offset:2px}

#mrReaderCloudSyncOverlay .mr-sync-diagnostics{
 display:block;margin-top:7px;padding-top:8px;border-top:1px solid #b9dce9;
 color:#173e56;font-size:12px;line-height:1.5;font-variant-numeric:tabular-nums;overflow-wrap:anywhere
}
#mrReaderCloudSyncOverlay .mr-sync-verify{
 display:block;width:100%;min-height:43px;margin:0 0 16px;padding:9px 12px;
 border:1px solid #81b9cb;background:#f9fdff;color:#174963;
 border-radius:9px;font-size:13px;line-height:1.4;font-weight:760
}
#mrReaderCloudSyncOverlay .mr-sync-verify:disabled{opacity:.65;cursor:not-allowed}
#mrReaderCloudSyncOverlay .mr-sync-verify:focus-visible{outline:3px solid #d8a845;outline-offset:2px}