html body .zip14-setting-page{padding:16px;max-width:720px;margin:auto}
html body .zip14-setting-page h2{font-size:15px;font-weight:700;margin:16px 0}
html body .zip14-setting-page p{font-size:13px;line-height:1.6;color:var(--muted)}
html body .zip14-setting-page label{display:block;font-size:14px;font-weight:600;margin:16px 0}
html body .zip14-setting-page input:not([type=checkbox]){display:block;width:100%;box-sizing:border-box;min-height:44px;font-size:16px;padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--text);margin-top:8px}
html body .zip14-setting-page .zip14-account-check{display:flex}
html body .zip14-setting-options{display:flex;gap:8px;margin-bottom:16px}
html body .zip14-setting-options button{flex:1;min-height:44px;border:1px solid var(--line);border-radius:10px;color:var(--muted)}
html body .zip14-setting-options button[aria-pressed=true]{background:var(--ctl);color:var(--on);border-color:var(--ctl)}
html body .zip14-confirm-buttons{display:flex;gap:10px;padding-top:16px}
html body .zip14-confirm-buttons button{flex:1;min-height:48px;border:1px solid var(--line);border-radius:12px}
html body .zip14-confirm-buttons button:last-child{background:var(--ctl);color:var(--on)}

.zip14-backup-code{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:14px;border-radius:12px;background:var(--elev);margin:4px 0 16px}.zip14-backup-code b{font-size:20px;font-weight:800;user-select:text}.zip14-backup-code button{margin-left:auto;color:var(--accent);font-weight:700}.zip14-backup-code small{width:100%;font-size:13px;color:var(--muted)}

.zip14-dm-control-sheet textarea{box-sizing:border-box;width:100%;min-height:96px;border:1px solid var(--line);border-radius:10px;padding:12px;font:inherit;color:var(--text);background:var(--elev)}

/* Prototype18 settings detail layout: nested account receipt and writing rows. */
html body .hf-base-sheet>.sheet>.zip14-account-receipt{box-sizing:border-box;min-width:0;padding:0 16px}
html body .zip14-account-receipt h3{margin:0 0 8px;font-size:18px;font-weight:700;line-height:1.4}
html body .zip14-account-receipt .zip14-receipt-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);align-items:start;gap:12px;padding:16px 0;border-bottom:1px solid var(--ln2,var(--line));font-size:17px;line-height:1.45}
html body .zip14-account-receipt .zip14-receipt-row>b{min-width:0;font-weight:700;overflow-wrap:anywhere}
html body .zip14-account-receipt .zip14-receipt-row>strong{min-width:0;text-align:right;overflow-wrap:anywhere;user-select:text}
html body .zip14-account-receipt .zip14-receipt-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:12px 0}
html body .zip14-account-receipt .zip14-receipt-actions>button{min-width:0;white-space:normal;overflow-wrap:anywhere;line-height:1.4}
html body .zip14-account-receipt>.zip14-account-check{margin:0;padding:12px 0;line-height:1.45}
html body .zip14-account-receipt>.zip14-account-check>span{min-width:0}
html body .zip14-account-receipt>.xmain{box-sizing:border-box;width:100%;min-height:54px;margin:8px 0 0;border-radius:14px}
html body .zip14-account-receipt>#recSaveStatus:empty{display:none}
html body .hf-base-sheet>.sheet>.zip14-confirm-buttons{box-sizing:border-box;padding:16px 16px 0}
html body.settings-view .zip14-setting-page:has([data-writing-toggle])>.prefcontrol{box-sizing:border-box;display:flex;align-items:center;gap:12px;width:calc(100% + 32px);min-height:0;margin:0 -16px;padding:16px;border:0;border-bottom:1px solid var(--ln2,var(--line));border-radius:0;background:none;color:var(--text);text-align:left}
html body.settings-view .zip14-setting-page:has([data-writing-toggle])>.prefcontrol>.prefcopy{flex:1;min-width:0;font-size:16px;font-weight:500;line-height:1.4}
html body.settings-view .zip14-setting-page:has([data-writing-toggle]) .prefcopy>small{display:block;margin-top:3px;font-size:13px;font-weight:400;line-height:1.45;color:var(--muted)}
html body.settings-view .zip14-setting-page:has([data-writing-toggle]) .prefswitch{box-sizing:border-box;flex:none;background:var(--line2)}
html body.settings-view .zip14-setting-page:has([data-writing-toggle]) [aria-checked=true] .prefswitch{background:var(--ctl)}
html body.settings-view .zip14-setting-page:has([data-writing-toggle]) [aria-checked=true] .prefswitch:after{background:var(--on)}
/* Verified recovery forms share the existing account sheet geometry. */
html body .auth-recovery-sheet #recoverCodeForm,
html body .auth-recovery-sheet #recoveryIssueForm{padding:0 16px}
html body #recoverCodeForm label{display:block;margin:12px 0 6px;font-size:13px;font-weight:600;color:var(--text,var(--tx));line-height:1.4}
html body #recoverCodeForm .xin,
html body #recoveryIssueForm .xin{box-sizing:border-box;display:block;width:100%;min-width:0;height:42px;min-height:42px;margin:8px 0;padding:12px 14px;border:0;border-radius:10px;background:var(--surface,var(--s));color:var(--text,var(--tx));font-size:15px!important;line-height:normal}
html body #recoverCodeForm .xmain,
html body #recoveryIssueForm .xmain{display:flex;align-items:center;justify-content:center;width:100%;height:54px;margin:12px 0 0;border:0;border-radius:14px;background:var(--ctl);color:var(--on);font-size:16px;font-weight:700}
html body #recoverCodeForm .xmain:disabled,
html body #recoveryIssueForm .xmain:disabled{background:var(--thb,var(--s));color:var(--dim,var(--t3))}
html body #recoverCodeForm .xerr:empty,
html body #recoveryIssueForm .xerr:empty{display:none}

.account-device-status{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;color:var(--text);background:var(--surface);border-bottom:1px solid var(--line);font-size:13px;line-height:1.6}.account-device-status span{min-width:0;flex:1}.account-device-status button{flex-shrink:0}