.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 #dbe4f0;border-radius:8px;background:#f8fafc;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#152238;font:inherit;font-size:.86rem;font-weight:800;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:#eff6ff;border-color:#bfdbfe}
.auth-nav__user:focus-visible{outline:3px solid rgba(37,99,235,.22);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(15,23,42,.12);border-radius:8px;background:#fff;box-shadow:0 18px 38px rgba(15,23,42,.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:#152238;font-size:.9rem;font-weight:800;text-decoration:none;white-space:nowrap}
.auth-nav__dropdown a:hover,.auth-nav__dropdown a:focus{background:#eff6ff;outline:none}
.auth-nav__button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 18px;border:1px solid #2563eb;border-radius:9px;background:#2563eb;color:#fff;font:inherit;font-size:.92rem;font-weight:800;text-decoration:none;cursor:pointer;box-shadow:0 10px 22px rgba(37,99,235,.18)}
.auth-nav__button:hover{background:#1d4ed8;border-color:#1d4ed8}
@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}}