/* Pixel3DLab account dock avatar sizing hotfix v5.
   Loaded after all other stylesheets to prevent legacy/global image rules
   from enlarging the uploaded image beyond its fixed frame. */
html body #pxh-account-dock .pxh-account-dock-trigger {
    grid-template-columns: 32px minmax(0, 1fr) auto 16px !important;
    min-width: 0 !important;
}
html body #pxh-account-dock .pxh-account-dock-trigger > .pxh-account-dock-avatar {
    position: relative !important;
    display: block !important;
    flex: 0 0 32px !important;
    width: 32px !important;
    min-width: 32px !important;
    max-width: 32px !important;
    height: 32px !important;
    min-height: 32px !important;
    max-height: 32px !important;
    inline-size: 32px !important;
    block-size: 32px !important;
    aspect-ratio: 1 / 1 !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    clip-path: inset(0 round 9px) !important;
    contain: layout paint !important;
    padding: 0 !important;
    margin: 0 !important;
    line-height: 0 !important;
}
html body #pxh-account-dock .pxh-account-dock-trigger > .pxh-account-dock-avatar > img {
    position: absolute !important;
    inset: 0 auto auto 0 !important;
    display: block !important;
    flex: none !important;
    width: 32px !important;
    min-width: 32px !important;
    max-width: 32px !important;
    height: 32px !important;
    min-height: 32px !important;
    max-height: 32px !important;
    object-fit: cover !important;
    object-position: center !important;
    border-radius: 9px !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
}
@media (max-width: 620px) {
    html body #pxh-account-dock .pxh-account-dock-trigger {
        grid-template-columns: 30px minmax(0, 1fr) auto 16px !important;
        gap: 8px !important;
    }
    html body #pxh-account-dock .pxh-account-dock-trigger > .pxh-account-dock-avatar {
        flex-basis: 30px !important;
        width: 30px !important;
        min-width: 30px !important;
        max-width: 30px !important;
        height: 30px !important;
        min-height: 30px !important;
        max-height: 30px !important;
        inline-size: 30px !important;
        block-size: 30px !important;
        clip-path: inset(0 round 8px) !important;
    }
    html body #pxh-account-dock .pxh-account-dock-trigger > .pxh-account-dock-avatar > img {
        width: 30px !important;
        min-width: 30px !important;
        max-width: 30px !important;
        height: 30px !important;
        min-height: 30px !important;
        max-height: 30px !important;
        border-radius: 8px !important;
    }
}