.roles-toggle,.horizontal.menu,.roleListDesktop{overflow:visible !important}
.userRole-warning{position:fixed;width:360px;background:#fff;border:1px solid #d0d7de;border-radius:8px;box-shadow:0 6px 20px rgba(0,0,0,0.15);padding:20px 24px;z-index:10000;animation:instFadeIn .2s ease}
@keyframes instFadeIn{from{opacity:0;transform:translateX(-10px)}
to{opacity:1;transform:translateX(0)}
}
.userRole-warning::before{content:'';position:absolute;left:-8px;top:10%;transform:translateY(-50%);width:0;height:0;border-style:solid;border-width:8px 8px 8px 0;border-color:transparent #fff transparent transparent;filter:drop-shadow(-1px 0 1px rgba(0,0,0,0.1))}
@media(max-width:1023px){.userRole-warning{top:57px !important;left:6px !important;right:auto !important;bottom:auto !important;width:calc(100vw - 12px);max-width:none;transform:none !important;animation:fadeInMobile .2s ease}
}
.userRole-warning__close{position:absolute;top:12px;right:12px;background:0;border:0;font-size:20px;color:#666;cursor:pointer;width:24px;height:24px}
.userRole-warning__close:hover{color:#000}
.userRole-warning__close:focus{outline:2px solid #0b3c5d;outline-offset:2px;border-radius:4px}
.userRole-warning h4{margin:0 0 10px;font-size:16px;font-weight:600;color:#1c2b39;padding-right:28px}
.userRole-warning p{font-size:14px;line-height:1.5;color:#4a5b6b;margin:0 0 16px}
.userRole-warning__actions{display:flex}
.userRole-warning__switch{background:#0b3c5d;color:#fff;border:0;padding:8px 20px;border-radius:4px;font-size:14px;font-weight:600;cursor:pointer}
.userRole-warning__switch:hover{background:#082b4a}
.userRole-warning__switch:focus{outline:2px solid #0b3c5d;outline-offset:2px}
@media(max-width:1023px){.userRole-warning{width:auto;max-width:300px}
.userRole-warning::before{left:20px;top:-8px;transform:rotate(90deg)}
}
@media(max-width:640px){.userRole-warning{width:calc(100vw - 32px);left:16px !important;right:16px}
.userRole-warning__switch{width:100%}
}