/* Collection codes live only in the gated grown-up area and inherit its paper/night palette. */
.collection-backup .backup-step{border-top:1px solid var(--brd);padding-top:14px;display:flex;flex-direction:column;gap:10px;min-width:0}
.collection-backup .backup-step h3{font:800 1.05rem var(--sans);color:var(--fg)}
.collection-backup .backup-code{width:100%;min-height:112px;resize:vertical;border:1.5px solid var(--brd);border-radius:12px;padding:12px;background:var(--bg);color:var(--fg);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:16px;line-height:1.45;overflow-wrap:anywhere;word-break:break-all;box-sizing:border-box}
.collection-backup .backup-code:focus-visible,.collection-backup .backup-confirm:focus-visible{outline:3px solid var(--acc);outline-offset:3px}
.collection-backup .backup-label{font-weight:800}
.collection-backup .backup-status{min-height:1.5em;color:var(--fg2);overflow-wrap:anywhere}
.collection-backup .backup-confirm{padding:14px;border:1px solid var(--brd);border-radius:14px;background:var(--bg);display:flex;flex-direction:column;gap:10px}
.collection-backup [hidden]{display:none!important}
.collection-backup .backup-preferences{display:flex;align-items:flex-start;gap:10px;min-height:44px;cursor:pointer}
.collection-backup .backup-preferences input{width:22px;height:22px;flex:none;accent-color:var(--acc);margin-top:2px}
@media(max-width:420px){.collection-backup .row .btn{flex:1 1 auto}}