.access-account { position: relative; z-index: 20; margin-left: 10px; }
.access-account-trigger { display: flex; align-items: center; gap: 9px; min-height: 38px; padding: 5px 11px 5px 6px; border: 1px solid rgba(140, 164, 200, .2); border-radius: 999px; color: #dce4f0; background: rgba(15, 21, 31, .72); font: inherit; cursor: pointer; backdrop-filter: blur(12px); }
.access-account-trigger span { display: grid; place-items: center; width: 27px; height: 27px; border-radius: 50%; color: #071410; background: linear-gradient(130deg, #72a8ff, #4be0bb); font-size: 12px; font-weight: 900; }
.access-account-trigger b { max-width: 130px; overflow: hidden; font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }
.access-account-popover { position: absolute; top: calc(100% + 9px); right: 0; width: min(250px, calc(100vw - 28px)); padding: 16px; border: 1px solid rgba(142, 166, 202, .2); border-radius: 16px; background: rgba(10, 15, 23, .96); box-shadow: 0 20px 55px rgba(0, 0, 0, .42); backdrop-filter: blur(18px); }
.access-account-popover strong, .access-account-popover small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.access-account-popover strong { color: #f4f7fb; font-size: 14px; }
.access-account-popover small { margin-top: 4px; color: #7e8da3; }
.access-account-popover button { width: 100%; min-height: 39px; margin-top: 14px; border: 1px solid rgba(255, 123, 137, .28); border-radius: 10px; color: #ff9aa5; background: rgba(133, 38, 50, .14); font: inherit; font-size: 12px; font-weight: 750; cursor: pointer; }
@media (max-width: 620px) { .access-account-trigger b { display: none; } .access-account { margin-left: 4px; } .access-account-trigger { padding-right: 6px; } }