/* Compact security navigation, matching the chat-room menu. */
body:is(.securitySimple,.shieldPage) main{
 padding-bottom:calc(24px + var(--vobix-menu-safe-bottom,var(--vobix-safe-bottom,0px)))!important;
}
body:is(.securitySimple,.shieldPage) :is(.sectionIntro,.shieldHero){text-align:center!important;margin-bottom:14px}
body:is(.securitySimple,.shieldPage) :is(.sectionIntro h1,.shieldHero h1){font-size:24px!important;line-height:1.3;margin-bottom:6px!important}
body:is(.securitySimple,.shieldPage) .securityCategory{margin:10px 0;border:1px solid #d7e8f3;border-radius:16px;background:#fff}
body:is(.securitySimple,.shieldPage) details>summary{cursor:pointer}
body:is(.securitySimple,.shieldPage) .securityEntry{border-top:1px solid #e2edf5;margin:0;padding:0}
body:is(.securitySimple,.shieldPage) .securityEntry>summary{
 display:flex;align-items:center;justify-content:space-between;gap:12px;
 padding:12px 10px;min-height:46px;list-style:none;
 color:#123d57;font:600 var(--vobix-menu-font,15px)/1.35 system-ui;
}
body:is(.securitySimple,.shieldPage) .securityEntry>summary::after{content:'›';color:#1986ca;font-size:22px}
body:is(.securitySimple,.shieldPage) .securityEntry[open]>summary::after{transform:rotate(90deg)}
body:is(.securitySimple,.shieldPage) .securityEntry>summary::-webkit-details-marker{display:none}
body:is(.securitySimple,.shieldPage) .securityEntry>section{
 padding:10px 8px 16px!important;margin:0!important;border:0!important;border-radius:0!important;
 background:#fff!important;text-align:left!important;box-shadow:none!important;
}
body:is(.securitySimple,.shieldPage) .securityEntry>section>h2:first-child{display:none}
body:is(.securitySimple,.shieldPage) .securityHelp{
 margin:12px 0;border:1px solid #d7e8f3;border-radius:12px;background:#f6fbff;
}
body:is(.securitySimple,.shieldPage) .securityHelp>summary{padding:10px 12px;font-size:14px;font-weight:600;color:#086da7}
body:is(.securitySimple,.shieldPage) .securityHelp[open]{padding:0 12px 10px}
body:is(.securitySimple,.shieldPage) .securityHelp[open]>summary{margin-inline:-12px}
body:is(.securitySimple,.shieldPage) .securityHelp p{font-size:14px!important;line-height:1.5}
body:is(.securitySimple,.shieldPage) :is(button,.phaseButton,.action){min-height:44px!important;padding:9px 12px!important;font-size:15px!important;line-height:1.35;border-radius:12px!important}
body:is(.securitySimple,.shieldPage) :is(label,p){overflow-wrap:anywhere}
body:is(.securitySimple,.shieldPage) .securityAccessLead{padding:10px 12px;margin:10px 0;color:#123d57;background:#eaf6ff;border-radius:12px;font-size:14px}
.securitySimple .securityCodeSet{min-width:0;margin:16px 0;padding:12px;border:1px solid #d7e8f3;border-radius:14px;text-align:left}
.securitySimple .securityCodeSet legend{padding:0 6px;font:700 15px/1.3 system-ui;color:#123d57}
.securitySimple .securityCodeSet label{display:block;margin:8px 0 4px}
.securitySimple .securityCodeSet input{margin:0 0 10px!important;min-height:44px}
.securitySimple .securityCurrentCode{padding:12px;border:1px solid #d7e8f3;border-radius:14px;margin:12px 0}
body:is(.securitySimple,.shieldPage) .securityReturn{margin-top:20px}
body:is(.securitySimple,.shieldPage) .securityReturn>a{display:block;text-align:center;text-decoration:none}
.securitySrOnly{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%);white-space:nowrap}
body:is(.securitySimple,.shieldPage) details>summary:focus-visible{outline:2px solid #0095ff;outline-offset:-2px}
@layer vobixLight{
 body:not(.seniorHighContrast):not(.contrast):is(.securitySimple,.shieldPage) :is(.securityCategory,.securityEntry>section,.securityCodeSet,.securityCurrentCode){background:#fff!important;color:#123d57!important;border-color:#d7e8f3!important}
 body:not(.seniorHighContrast):not(.contrast):is(.securitySimple,.shieldPage) :is(.securityEntry>summary,.securityCodeSet legend,.securityCodeSet label){color:#123d57!important}
}

.securitySimple #sessionList{display:grid;gap:6px}
.securitySimple .linkedDevice{padding:0!important;border:1px solid #d7e8f3;border-radius:12px;background:#fff;margin:0}
.securitySimple .linkedDeviceSummary{display:flex;align-items:center;gap:12px;padding:12px;min-height:64px;cursor:pointer;list-style:none}
.securitySimple .linkedDeviceSummary::-webkit-details-marker{display:none}
.securitySimple .linkedDeviceIcon{display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;border-radius:10px;background:#eaf6ff;color:#086da7}
.securitySimple .linkedDeviceIcon svg{width:24px;height:24px}
.securitySimple .linkedDeviceInfo{min-width:0;flex:1}
.securitySimple .linkedDeviceInfo b{display:block;font-size:15px;line-height:1.35;overflow-wrap:anywhere}
.securitySimple .linkedDeviceInfo small{display:block;font-size:12px;color:#5d7485;margin-top:4px;line-height:1.4}
.securitySimple .linkedDeviceArrow{font-size:22px;color:#1986ca;flex:none}
.securitySimple .linkedDevice[open] .linkedDeviceArrow{transform:rotate(90deg)}
.securitySimple .linkedDeviceDetail{padding:0 12px 12px 60px}
.securitySimple .linkedDeviceDetail p{font-size:13px!important;margin:4px 0 8px!important}
.securitySimple .linkedDeviceDetail button{width:auto;min-height:44px}
.securitySimple #linkedDevices>.phaseActions{margin-block:8px}

/* Compact Vobix account-code editor. */
.securitySimple .securityPinEditor{margin:12px 0;border:1px solid #d7e8f3;border-radius:14px;overflow:hidden}
.securitySimple .securityPinEditor>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px;list-style:none;min-height:52px}
.securitySimple .securityPinEditor>summary::-webkit-details-marker{display:none}
.securitySimple .securityPinEditor>summary::after{content:'›';font-size:24px;color:#1986ca}
.securitySimple .securityPinEditor[open]>summary::after{transform:rotate(90deg)}
.securitySimple .securityPinEditor summary b{display:block;font-size:15px;font-weight:650}
.securitySimple .securityPinEditor summary small{display:block;font-size:13px;color:#5d7485;margin-top:3px}
.securitySimple .securityPinEditor[open]>summary{border-bottom:1px solid #e2edf5}
.securitySimple .securityPinEditor #securityForm{padding:0 14px 14px}
.securitySimple .securityPinEditor .pinEditorNote{margin:12px 14px;font-size:13px}
.securitySimple .securityPinEditor .securityCodeSet{border:0;border-radius:0;padding:0;margin:18px 0}
.securitySimple .securityPinEditor .securityCodeSet+.securityCodeSet{border-top:1px solid #e2edf5;padding-top:18px}
.securitySimple .securityPinEditor .securityCodeSet legend{padding:0;font-size:14px}
.securitySimple .securityPinEditor .securityCurrentCode{border:0;border-bottom:1px solid #e2edf5;border-radius:0;padding:0 0 12px}
.securitySimple .securityPinEditor label{font-size:13px!important}
.securitySimple .securityPinEditor input[type=password]{border-radius:10px;min-height:48px;text-align:center;letter-spacing:.2em;font-size:18px!important}
.securitySimple .securityPinEditor #savePin{width:100%}
body:not(.seniorHighContrast):not(.contrast).securitySimple .securityPinEditor{background:#fff;color:#123d57}
body:not(.seniorHighContrast):not(.contrast).securitySimple .securityPinEditor input[type=password]{background:#f4f8fb;color:#123d57;border:1px solid #c4d8e6}