#sync-backup-dialog{width:min(94vw,560px);max-height:86dvh;padding:20px;background:#121a28;color:#e4e8ee;border:1px solid #716342;border-radius:16px;overflow:auto}#sync-backup-dialog::backdrop{background:#03060bcc}#sync-backup-dialog button{min-height:44px}#sync-backup-dialog .primary{background:#d6b65e;color:#131821}.sync-actions{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.sync-actions button{flex:0 1 auto}.sync-list-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:12px 0;border-bottom:1px solid #ffffff15}.sync-list-row>div{flex:1 1 170px;min-width:0}.sync-list-row small{display:block;color:#a9b3c4;font-size:12px;margin-top:4px}.sync-list-row button{font-size:12px;padding:6px 10px}#sync-secret{width:100%;min-height:44px;margin:10px 0;box-sizing:border-box}.pair-code{display:block;color:#e1c77f;font-size:24px;letter-spacing:2px;text-align:center;padding:16px 0}.recovery-key{display:block;overflow-wrap:anywhere;background:#090f19;padding:12px;color:#e3c876;font-size:13px}#sync-message{font-size:13px;color:#cfbb83}#sync-summary>p{margin:8px 0}#sync-detail h3{color:#dec47b}#sync-backup-dialog[aria-busy=true] [data-sync-action]{opacity:.65;pointer-events:none}

:root{--startup-cloud-sync:ready}
/* Reuse the Companion's dark/gold action hierarchy instead of native grey buttons. */
#sync-backup-dialog button{font:inherit;font-size:14px;padding:9px 12px;background:#1b2535;border:1px solid #716342;border-radius:8px;color:#dfc57c;cursor:pointer}
#sync-backup-dialog button:hover{background:#243045}
#sync-backup-dialog button:focus-visible,#sync-backup-dialog input:focus-visible{outline:2px solid #dfc57c;outline-offset:3px}
#sync-backup-dialog .primary{background:#d6b65e;color:#131821;font-weight:600}
#sync-backup-dialog .dialog-top button{width:44px;flex:0 0 44px;padding:0;border:0;background:transparent;color:#dfc57c;font-size:20px}
#sync-backup-dialog .backup-file{display:block;width:100%;font-size:14px;color:#b8c3d3}
#sync-backup-dialog input[type=file]{display:block;width:100%;max-width:100%;font:inherit;font-size:12px;margin-top:8px;color:#b8c3d3}
#sync-backup-dialog input[type=file]::file-selector-button{min-height:44px;padding:8px 12px;background:#1b2535;border:1px solid #716342;border-radius:8px;color:#dfc57c;font:inherit;margin-right:8px}