.nav-profile {
    display: inline-flex; flex-direction: column; align-items: center; gap: 3px;
    text-decoration: none; color: #e4e4e7; font-weight: 600; font-size: 12px;
    max-width: 90px; line-height: 1.1;
}
.nav-profile:hover img, .nav-profile:hover .nav-profile-ini { border-color: #55555c; }
.nav-profile img, .nav-profile-ini {
    width: 34px; height: 34px; border-radius: 50%; object-fit: cover; flex: none;
    border: 1px solid #262629;
}
.nav-profile-ini {
    display: grid; place-items: center; background: #17171a; color: #8b8b93; font-weight: 800; font-size: 14px;
}
.nav-profile-name { max-width: 90px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }