.user-points-account-inner { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:6px; height:100%; min-height:74px; padding:7px 8px; }
.user-points-account-link { display:block; color:#505050; text-decoration:none; }
.user-points-account-link:hover { color:#0055ff; }
.user-points-account-icon { display:block; position:relative; width:20px; height:20px; line-height:20px; }
.user-points-account-icon > i { font-size:20px; }
.user-points-badge { display:block; position:absolute; top:-6px; right:-15px; min-width:18px; height:18px; padding:0 3px; border-radius:9px; background:#f44336; color:#fff; font-size:10px; font-weight:500; line-height:18px; text-align:center; font-variant-numeric:tabular-nums; white-space:nowrap; }
.user-points-login-link { display:flex; align-items:center; gap:4px; max-width:100%; color:#505050; font-size:12px; line-height:1.3; text-decoration:none; }
.user-points-login-link span { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.user-points-account-link:focus-visible,.user-points-login-link:focus-visible { outline:2px solid #0055ff; outline-offset:3px; border-radius:3px; }
.site-header .toolbar .user-points-account > .toolbar-dropdown { right:0; left:auto; }
.user-points-account .login_menu a { display:flex; align-items:center; gap:8px; min-height:28px; white-space:nowrap; }
.user-points-account .login_menu i { flex-shrink:0; width:16px; font-size:15px; }
@media (max-width:991px) { .site-header > .topbar > .toolbar > .user-points-account { width:80px; } }
@media (max-width:360px) { .site-header .site-branding .site-logo { width:140px; }.site-header .site-branding .site-logo > img { height:auto; }.site-header > .topbar > .toolbar > .mobile-menu-toggle { width:60px; } }