.account-credential{text-align:center}
.account-credential-qr{display:grid;place-items:center;min-height:190px;margin:16px auto;max-width:220px;padding:12px;background:#fff;color:#333;border-radius:12px}
.account-credential-qr img{width:100%;max-width:196px;height:auto;image-rendering:pixelated}
.account-credential dl{display:grid;grid-template-columns:70px minmax(0,1fr);gap:12px;text-align:left;padding:12px 0}
.account-credential dt{color:#acb0bc}.account-credential dd{margin:0;overflow-wrap:anywhere;user-select:text;font-weight:650}
.account-credential [data-credential-save],.account-credential [data-credential-login]{margin-top:10px}
.account-credential-export{display:block;width:100%;max-height:65vh;object-fit:contain;margin:auto;border-radius:12px}
.app-version-dialog{padding:0;border:0;border-radius:24px;width:min(92vw,390px);color:#171923;background:#fff;overflow:hidden;box-sizing:border-box}
.app-version-dialog::backdrop{background:rgba(0,0,0,.35)}
.app-version-hero{position:relative;padding:28px 24px 24px;color:#fff;background:linear-gradient(120deg,#6840ff,#bb40ff);overflow:hidden}
.app-version-hero::after{content:'↗';position:absolute;right:22px;top:8px;font:90px/1.2 sans-serif;opacity:.28}
.app-version-hero h2{margin:0;font-size:36px}.app-version-hero p{margin:4px 0 0;font-size:20px}
.app-version-body{padding:24px}.app-version-body h3{margin:0 0 14px;font-size:24px}.app-version-body p{line-height:1.7;white-space:pre-line;overflow-wrap:anywhere}
.app-version-dialog a,.app-version-dialog button{box-sizing:border-box;display:block;text-align:center;width:100%;padding:13px 14px;margin-top:12px;border:0;border-radius:24px;font-family:inherit;font-size:16px;font-weight:600;line-height:1.5;text-decoration:none;cursor:pointer}
.app-version-download{background:linear-gradient(100deg,#673dff,#bd3fff);color:#fff}
.app-version-landing{background:#f0eaff;color:#6435c7}.app-version-dialog button{background:transparent;color:#777}
.app-version-url{font-size:12px;color:#777;user-select:text}

/* Credential and recovery controls must not inherit full-width dialog button defaults. */
.s1-dialog:has(.account-credential),.s1-dialog:has(.account-recovery){width:min(92vw,390px);padding:22px;border:1px solid #38332a;border-radius:24px;background:#17191f;color:#f6f3ed;box-shadow:0 24px 80px #0008}
.account-credential .credential-intro,.account-recovery .credential-intro{margin:4px 0 18px;color:#a8a8af;font-size:13px;line-height:1.65;text-align:center}
.account-credential .account-credential-qr{width:210px;max-width:82%;min-height:180px;padding:14px;margin:12px auto 8px;border-radius:16px}
.account-credential .credential-qr-caption{font-size:12px;color:#a6a6b0;margin:8px 0 18px}
.credential-identity{display:flex;align-items:center;gap:12px;padding:15px 14px;background:#101217;border:1px solid #2b2e37;border-radius:14px}
.account-credential .credential-identity dl{display:grid;grid-template-columns:32px minmax(0,1fr);gap:8px;flex:1;min-width:0;margin:0;padding:0;font-size:13px}
.account-credential .credential-identity dd{font-variant-numeric:tabular-nums;line-height:1.5;word-break:break-all}
.account-credential button[data-credential-copy]{width:auto;flex:none;min-height:34px;margin:0;padding:5px 10px;border:1px solid #736247;border-radius:9px;background:transparent;color:#e6c991;font-size:12px;line-height:1.4}
.credential-actions{display:grid;grid-template-columns:1fr 1.5fr;gap:10px;margin-top:20px}
.account-credential .credential-actions button,.account-recovery button.credential-primary,.account-recovery button.credential-secondary{display:block;width:100%;min-height:46px;margin:0;padding:12px 8px;border-radius:13px;font:600 14px/1.4 inherit;cursor:pointer}
.account-credential button[data-credential-login],.account-recovery button.credential-secondary{border:1px solid #3a3d48;background:#22252e;color:#e4e5eb}
.account-credential button[data-credential-save],.account-recovery button.credential-primary{border:1px solid #f8dda5;background:linear-gradient(115deg,#f4dba4,#d9b572);color:#211c13;box-shadow:inset 0 1px #fff4}
.account-credential button:disabled,.account-recovery button:disabled{opacity:.5;cursor:wait}
.account-credential [data-credential-save-status],.account-recovery .recovery-status{min-height:18px;margin:12px 0 0;color:#c9ba9e;font-size:12px;line-height:1.6;text-align:center;overflow-wrap:anywhere}
.account-recovery .recovery-tabs{display:flex;gap:5px;background:#0e1015;padding:4px;border-radius:12px;margin:16px 0 20px}
.account-recovery .recovery-tabs button{flex:1;min-height:40px;margin:0;padding:10px 6px;border:0;border-radius:9px;background:transparent;color:#a3a5af;font-size:13px}
.account-recovery .recovery-tabs button[aria-pressed=true]{background:#34302a;color:#f1d49d}
.account-recovery label{display:block;margin:14px 0;color:#aaaeb9;font-size:13px}
.account-recovery input,.account-recovery select{display:block;width:100%;box-sizing:border-box;min-height:46px;margin-top:7px;padding:12px;border:1px solid #373b46;border-radius:10px;background:#101217;color:#f5f5f7;font:16px/1.4 inherit}
.account-recovery input[hidden]{display:none}
.account-recovery .credential-secondary{margin-top:10px!important}
.recovery-camera{position:relative;display:grid;place-items:center;aspect-ratio:1;max-height:270px;margin:10px auto 20px;overflow:hidden;background:#101217;border:2px solid #d8b77d;border-radius:18px}
.recovery-camera video{width:100%;height:100%;object-fit:cover}
.recovery-camera span{position:absolute;inset:0;display:grid;place-items:center;color:#aaaeb9;font-size:13px}
.recovery-camera span[hidden]{display:none}
@media(max-width:340px){.s1-dialog:has(.account-credential),.s1-dialog:has(.account-recovery){padding:16px}.account-credential .credential-actions button{font-size:12px}.credential-identity{padding:12px 10px}}

.s1-dialog .account-credential button[data-credential-save],.s1-dialog .account-recovery button.credential-primary{background:linear-gradient(115deg,#f4dba4,#d9b572)!important;color:#211c13!important;border-color:#f8dda5!important;font-family:inherit;font-size:14px;font-weight:650}
.s1-dialog .account-recovery .recovery-tabs button[aria-pressed=true]{background:#443b2d!important;color:#f4d69e!important;border-color:#655337!important}