.security-menu { min-height:42px; border:1px solid rgba(255,164,164,.62); border-radius:9px; background:#fff1f1; color:#8f1f1f; text-decoration:none; padding:6px 11px; display:flex; align-items:center; gap:9px; font-weight:800; line-height:1; transition:border-color .15s,background .15s,box-shadow .15s }
.security-menu > span { display:flex; align-items:center; gap:7px }
.security-menu > span > b { display:grid; width:19px; height:19px; place-items:center; border-radius:50%; background:#b42318; color:#fff; font-size:11px }
.security-menu small { padding-left:9px; border-left:1px solid #e9baba; color:#914343; font-size:11px; font-weight:600 }
.security-menu small strong { font-size:13px }
.security-menu:hover,.security-menu:focus-visible { background:#fff; border-color:#f97066; outline:none; box-shadow:0 0 0 3px rgba(249,112,102,.18) }
.security-menu.has-active-security { border-color:#f97066; background:#fff0f0; box-shadow:0 0 0 3px rgba(217,45,32,.12) }
.security-menu.has-active-security small strong { color:#b42318 }
.security-menu.security-unavailable { opacity:.72 }
.security-menu.security-unavailable small strong { font-size:0 }
.security-menu.security-unavailable small strong::after { content:"!"; font-size:13px }
@media (max-width:760px) { .security-menu{padding:7px}.security-menu small{border:0;padding:0}.security-count-label{display:none}.security-menu>span{font-size:0}.security-menu>span>b{font-size:11px} }