.auth-identity {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    min-width: 0;
    border: 1px solid rgba(245, 198, 107, .26);
    border-radius: 999px;
    padding: 5px 7px 5px 6px;
    background: rgba(7, 10, 15, .72);
}

.auth-avatar {
    display: grid;
    flex: 0 0 36px;
    width: 36px;
    height: 36px;
    place-items: center;
    overflow: hidden;
    border: 1px solid rgba(56, 189, 248, .54);
    border-radius: 50%;
    color: var(--blue-2);
    background: rgba(29, 155, 255, .12);
    font-size: 12px;
    font-weight: 950;
    letter-spacing: .04em;
}

.auth-avatar img { width: 100%; height: 100%; object-fit: cover; }
.auth-copy { min-width: 0; line-height: 1.15; }
.auth-copy strong, .auth-copy span { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.auth-copy strong { max-width: 150px; color: var(--text); font-size: 13px; }
.auth-copy span { color: var(--weak); font-size: 11px; }
.auth-copy small { display: block; max-width: 180px; overflow: hidden; color: var(--weak); font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.auth-copy b { color: var(--gold-2); font-weight: 850; }
.auth-identity .nav-auth { display: inline; margin: 0; }
.auth-identity .nav-auth button { border: 1px solid rgba(245, 198, 107, .26); border-radius: 999px; padding: 8px 11px; color: var(--muted); background: transparent; font: inherit; font-size: 13px; cursor: pointer; }
.auth-identity .nav-auth button:hover { color: var(--text); border-color: rgba(245, 198, 107, .62); background: rgba(214, 168, 79, .10); }

@media (max-width: 520px) {
    .auth-identity { width: 100%; justify-content: flex-start; }
    .auth-copy { flex: 1; }
    .auth-copy strong { max-width: none; }
}