.native-device-settings { margin-bottom:24px; }
.native-lock-setting { display:flex; align-items:center; justify-content:space-between; gap:20px; margin:20px 0 12px; cursor:pointer; }
.native-lock-setting > span:first-child { min-width:0; display:grid; gap:7px; }
.native-lock-setting strong { font-size:16px; }
.native-lock-setting small { color:var(--muted); font-size:13px; line-height:1.5; }
.native-lock-switch { position:relative; display:block; width:52px; min-width:52px; height:44px; }
.native-lock-switch input { position:absolute; inset:0; opacity:0; width:100%; height:100%; margin:0; cursor:pointer; z-index:1; }
.native-lock-track { position:absolute; top:7px; width:52px; height:30px; border-radius:20px; background:#d7d0e3; transition:background .15s; }
.native-lock-track::after { content:""; position:absolute; width:24px; height:24px; left:3px; top:3px; border-radius:50%; background:white; box-shadow:0 1px 4px #31204726; transition:transform .15s; }
.native-lock-switch input:checked + .native-lock-track { background:#6d3df5; }
.native-lock-switch input:checked + .native-lock-track::after { transform:translateX(22px); }
.native-lock-switch input:focus-visible + .native-lock-track { outline:3px solid #b79aff; outline-offset:3px; }
.native-lock-switch input:disabled + .native-lock-track { opacity:.55; }
.native-lock-status { color:#6b4d91; font-size:13px; line-height:1.5; margin-top:10px; }
.native-lock-status.is-error { color:#a3313d; }