.auth-nav{display:flex;align-items:center;gap:8px;margin-left:auto;flex:0 0 auto}
.auth-nav__menu{position:relative;display:inline-flex}
.auth-nav__user{display:inline-flex;align-items:center;min-height:38px;max-width:190px;padding:0 10px;border:1px solid rgba(255,255,255,.24);border-radius:8px;background:rgba(255,255,255,.08);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff;font:inherit;font-size:.86rem;font-weight:700;text-decoration:none;cursor:pointer;pointer-events:auto}
.auth-nav__user::after{content:"";width:0;height:0;margin-left:8px;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid currentColor;flex:0 0 auto}
.auth-nav__user:hover{background:rgba(255,255,255,.14)}
.auth-nav__user:focus-visible{outline:3px solid rgba(188,199,10,.45);outline-offset:3px;border-radius:7px}
.auth-nav__dropdown{position:absolute;right:0;top:calc(100% + 8px);z-index:20;display:grid;min-width:190px;padding:8px;border:1px solid rgba(17,17,17,.12);border-radius:8px;background:#fff;box-shadow:0 18px 38px rgba(17,17,17,.18)}
.auth-nav__dropdown[hidden]{display:none}
.auth-nav__dropdown a{display:flex;align-items:center;min-height:40px;padding:0 11px;border-radius:6px;color:#111;font-size:.9rem;font-weight:800;text-decoration:none;white-space:nowrap}
.auth-nav__dropdown a:hover,.auth-nav__dropdown a:focus{background:#f3f6cf;outline:none}
.auth-nav__button{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 13px;border:1px solid #bcc70a;border-radius:8px;background:#bcc70a;color:#111;font:inherit;font-size:.88rem;font-weight:800;text-decoration:none;cursor:pointer}
.auth-nav__button:hover{background:#d3df18;border-color:#d3df18}
@media(max-width:640px){.auth-nav__user{max-width:128px;min-height:34px;font-size:.8rem}.auth-nav__button{min-height:34px;padding:0 10px;font-size:.8rem}.auth-nav__dropdown{right:auto;left:0}}