/* R1.2 scope: recovery and session boundary only. */
html[data-ala-session="locked"] #app,
html[data-ala-session="locked"] .modal,
html[data-ala-session="locked"] dialog,
html[data-ala-session="locked"] #shade,
html[data-ala-session="locked"] #alertToast,
html[data-ala-session="locked"] #controlDrill{display:none!important}
html[data-ala-session="recovery"] #app{display:none!important}
#recoveryModal{color:var(--ala-text);background:var(--ala-surface);width:min(460px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;border:1px solid var(--ala-border);border-radius:var(--ala-radius-modal,16px)}
#recoveryModal h2{margin:0 0 12px;padding-right:36px;font-size:20px}
#recoveryModal .field input{background:var(--ala-surface);color:var(--ala-text);border-color:var(--ala-border);min-height:44px}
#recoveryModal .auth-actions{display:grid;gap:12px;margin-top:20px}
#recoveryModal .btn{min-height:44px}
#recoveryModal .err,#loginErr{white-space:normal;overflow-wrap:anywhere}
#recoveryModal .err[data-status="success"],#loginErr[data-status="success"]{color:var(--ala-success,var(--ala-text))}
#recoveryModal .modalClose{display:none!important}