.user-navigation-dialog{width:min(1000px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;border:1px solid #dce3f2;border-radius:18px;padding:24px;color:#122642;box-shadow:0 24px 80px #13244244}
.user-navigation-dialog::backdrop{background:#13244266}
.user-navigation-dialog header,.user-navigation-dialog footer{display:flex;align-items:center;justify-content:space-between;gap:16px}
.user-navigation-dialog h2,.user-navigation-dialog h3{margin:0 0 12px}
.user-navigation-dialog p{font-size:13px;color:#586b87;line-height:1.5}
.user-navigation-dialog>label{display:grid;gap:8px;margin:16px 0;font-weight:600}
.user-navigation-columns{display:grid;grid-template-columns:1fr 1.2fr;gap:24px}
#userNavAvailable,#userNavSelected{max-height:50dvh;overflow:auto;margin:12px 0;padding:0}
#userNavAvailable label{display:flex;gap:12px;align-items:center;padding:10px 6px;border-bottom:1px solid #edf0f7;cursor:pointer}
#userNavAvailable small{display:block;color:#687993;margin-top:3px}
#userNavSelected{list-style-position:inside}
#userNavSelected li{display:flex;align-items:center;gap:6px;padding:10px 0;border-bottom:1px solid #edf0f7}
#userNavSelected li span{flex:1;min-width:0}
#userNavSelected button{padding:7px 9px;min-height:34px;flex:none}
#userNavStatus{color:#be3434}
.top-module-nav.personal-top-nav{overflow-x:auto;flex-wrap:nowrap}
.personal-top-nav>button{flex:0 0 auto;white-space:nowrap}
@media(max-width:650px){.user-navigation-dialog{padding:16px}.user-navigation-columns{grid-template-columns:1fr;gap:12px}#userNavAvailable,#userNavSelected{max-height:28dvh}.user-navigation-dialog footer{flex-wrap:wrap}.user-navigation-dialog header{align-items:flex-start}#userNavSelected li{flex-wrap:wrap}#userNavSelected li span{flex-basis:100%}}