/* e-OCI Wallet — app lock screen */
#lockScreen{
  position:fixed; inset:0; z-index:9200; display:none;
  flex-direction:column; align-items:center; justify-content:center;
  padding:32px 24px; text-align:center;
  padding-top:calc(env(safe-area-inset-top) + 32px);
  background:
    radial-gradient(1200px 700px at 50% -12%, #0d2043 0%, transparent 60%),
    var(--app-bg,#060F22);
  font-family:"Space Grotesk",system-ui,sans-serif; color:var(--txt,#EAF0FA);
}
body.lock-open #lockScreen{ display:flex; }
body.lock-open .app{ filter:blur(6px); pointer-events:none; }

#lockScreen img{ width:60px; height:60px; border-radius:16px; margin-bottom:14px; }
#lockScreen h2{ font-size:19px; font-weight:600; margin:0 0 4px; }
#lockScreen .lk-sub{ font-family:"IBM Plex Mono",monospace; font-size:11px; letter-spacing:1px; text-transform:uppercase; color:var(--muted,#7C8BA5); margin-bottom:26px; }

.lk-dots{ display:flex; gap:14px; margin-bottom:30px; min-height:16px; }
.lk-dots i{ width:14px; height:14px; border-radius:50%; border:1.5px solid var(--line-strong,rgba(255,255,255,.35)); transition:.15s; }
.lk-dots i.on{ background:var(--saffron,#FF9933); border-color:var(--saffron,#FF9933); transform:scale(1.05); }
.lk-dots.err i{ border-color:var(--danger,#E5484D); animation:lkshake .4s; }
@keyframes lkshake{ 0%,100%{transform:translateX(0)} 20%,60%{transform:translateX(-7px)} 40%,80%{transform:translateX(7px)} }

.lk-pad{ display:grid; grid-template-columns:repeat(3,72px); gap:16px; }
.lk-pad button{
  width:72px; height:72px; border-radius:50%; font-size:26px; font-weight:500; color:var(--txt,#EAF0FA);
  background:var(--surface,rgba(255,255,255,.06)); border:1px solid var(--line,rgba(255,255,255,.10)); transition:.12s;
}
.lk-pad button:active{ background:var(--surface-h,rgba(255,255,255,.14)); transform:scale(.94); }
.lk-pad button.blank{ background:none; border:none; pointer-events:none; }
.lk-pad button.lk-fn{ font-size:14px; font-weight:600; }
.lk-msg{ margin-top:22px; font-size:13px; color:var(--muted,#7C8BA5); }
.lk-msg a{ color:var(--saffron-soft,#FFB865); text-decoration:none; cursor:pointer; }