/* آیکن و نام حساب مستقل از عرض ثابت سایر آیکن‌های هدر. */
.zhiura-account-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    max-width: 220px;
    padding: 7px 10px;
    border-radius: 14px;
    color: #0f5b54;
    text-decoration: none;
    font-family: "Vazirmatn", Tahoma, sans-serif;
    transition: color .2s ease, background-color .2s ease;
    background: rgb(167 199 196);
    /*rgb(15 91 84 / 14%)*/
}

    .zhiura-account-link:hover {
        color: #a77e29;
        background: rgba(15, 91, 84, .05);
    }

    .zhiura-account-link:focus-visible {
        outline: 2px solid #c9a24a;
        outline-offset: 3px;
    }

.zhiura-account-link__icon {
    flex-shrink: 0;
    width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    border-radius: 12px;
    background: #eef1ee;
    /*box-shadow: -4px -4px 9px #ffffff, 4px 4px 9px #063b361a;*/
}

    .zhiura-account-link__icon i {
        font-size: 21px;
    }

.zhiura-account-link__name {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 12px;
    font-weight: 600;
}

@media (max-width: 600px) {
    .zhiura-account-link {
        max-width: 150px;
        gap: 5px;
        padding: 4px;
    }

    .zhiura-account-link__name {
        font-size: 10px;
    }
}