/* Vobix account and recovery: one clear surface, with real existing controls. */
body.securitySimple{--sec-ink:#173b51;--sec-muted:#536e7f;--sec-border:#d6e6f0;background:#f4f9fc;color:var(--sec-ink)}
body.securitySimple .phaseWrap.narrow{width:min(100%,640px);max-width:640px;box-sizing:border-box;padding:18px 16px calc(32px + var(--vobix-menu-safe-bottom,var(--vobix-safe-bottom,0px)))}
body.securitySimple .securityQuick{display:grid;grid-template-columns:1fr;gap:0;border:1px solid #d6e6f0;border-radius:20px;overflow:hidden;background:#fff}
body.securitySimple .securityQuick a{border:0;border-bottom:1px solid #e5eef4;border-radius:0;background:#fff;color:#173b51;padding:15px;min-height:76px;box-shadow:none}
body.securitySimple .securityQuick a:last-child{border-bottom:0}
body.securitySimple .securityQuick strong{font-size:16px}
body.securitySimple .securityQuick small{font-size:13px;color:#536e7f;line-height:1.4}
body.securitySimple .securityQuick a>span:first-child{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#eaf6ff}
body.securitySimple .securityGroup{background:#fff;border:1px solid #d6e6f0;border-radius:18px;margin:12px 0;overflow:hidden;color:#173b51}
body.securitySimple .phaseCard{min-width:0;max-width:100%;box-sizing:border-box;overflow-wrap:anywhere}
body.securitySimple .phaseCard :is(input,select,textarea){max-width:100%;box-sizing:border-box;min-height:50px;border:1px solid #bed8e8;background:#fff;color:#173b51;border-radius:13px;padding:12px;font:16px/1.4 system-ui}
body.securitySimple .phaseCard input[inputmode=numeric]{letter-spacing:.22em;font-size:20px}
body.securitySimple .phaseCard :is(button,.phaseButton){min-height:48px;max-width:100%;white-space:normal;border-radius:14px}
body.securitySimple .securityFeatureMark{width:66px;height:66px;margin:4px auto 16px;border-radius:22px;background:#e4f3ff;color:#087fd0;display:grid;place-items:center;font:700 30px/1 system-ui}
body.securitySimple .securityFeatureLead{text-align:center!important;color:#536e7f;margin:0 0 20px!important}
body.securitySimple .securityState{width:fit-content;margin:8px auto 20px!important;padding:6px 12px;background:#edf4f8;color:#536e7f;border-radius:20px;text-align:center!important;font-size:13px!important}
body.securitySimple .securityState[data-active=true]{background:#e5f4ed;color:#226848}
body.securitySimple .passkeyItem{padding:14px;border:1px solid #d6e6f0;border-radius:14px;margin:10px 0!important}
body.securitySimple .passkeyItem button{display:block;margin-top:10px;width:100%}
body.securitySimple #passkeyList{margin:14px 0;font-size:14px;line-height:1.45;color:var(--sec-muted)}
body.securitySimple #passkeyAccess>.phaseButton{display:block;width:100%;text-align:center}
body.securitySimple .securityFormDivider{height:1px;background:#d6e6f0;margin:24px 0}
body.securitySimple .sessionActions{margin-top:18px}
body.securitySimple .sessionActions>button{width:100%;margin-top:8px}
body.securitySimple .sessionActions>p{text-align:center!important;font-size:13px!important}
body.securitySimple .securityCodeSet{border:0;border-top:1px solid #deebf3;border-radius:0;padding:14px 0;margin:18px 0}
body.securitySimple .securityCurrentCode{background:#f5faff;border-color:#d6e6f0}
body.securityFocused .sectionIntro,body.securityFocused .securityQuick,body.securityFocused .securityReturn,body.securityFocused .securityGroup:not(.securityFocusPath),body.securityFocused .securityEntry:not(.securityFocusPath){display:none!important}
body.securityFocused .securityGroup.securityFocusPath{padding:0!important;margin:0!important;border:0!important;background:transparent!important;overflow:visible}
body.securityFocused .securityFocusPath>.securitySubmenuBack,body.securityFocused .securityGroup.securityFocusPath>summary,body.securityFocused .securityEntry.securityFocusPath>summary{display:none!important}
body.securityFocused .securityEntry.securityFocusPath{border:0!important;margin:0!important;padding:0!important}
body.securityFocused .securityEntry>section{padding:20px 16px!important;border:1px solid #d6e6f0!important;border-radius:20px!important;background:#fff!important}
body.securityFocused :is(#accountAccess,#passkeyAccess,#encryptedChats)>h2{display:block!important;text-align:center!important;font-size:23px!important;line-height:1.3;margin:0 0 8px!important}
body.securityFocused #linkedDevices>h2{display:block!important;font-size:21px!important}
body.securityFocused #pinEditor{border:0;border-radius:0;padding:0}
body.securityFocused #pinEditor>summary{padding-inline:0}
body.securitySimple :is(button,a,input):focus-visible{outline:3px solid #54b6f4;outline-offset:3px}
@layer vobixLight{
 body:not(.seniorHighContrast):not(.contrast).securitySimple .securityQuick a{background:#fff!important;color:#173b51!important;border-color:#d6e6f0!important}
 body:not(.seniorHighContrast):not(.contrast).securitySimple .securityQuick small{color:#536e7f!important}
 body:not(.seniorHighContrast):not(.contrast).securitySimple .securityFeatureMark{background:#e4f3ff!important;color:#087fd0!important}
 body:not(.seniorHighContrast):not(.contrast).securityFocused .securityEntry>section{background:#fff!important;color:#173b51!important}
}
@media(max-width:360px){body.securitySimple .phaseWrap.narrow{padding-inline:12px}body.securityFocused .securityEntry>section{padding:16px 12px!important}}