.st-user > div:not(.st-av) {
    min-width: 0;
    flex: 1 1 auto;
    overflow: hidden;
}

.st-user .st-av {
    border-radius: 50%;
    overflow: hidden;
}

.st-user .st-av img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* A foto do usuário no cabeçalho deve manter o mesmo formato circular do avatar. */
.header-avatar {
    border-radius: 50% !important;
    overflow: hidden !important;
}

.header-avatar img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
}

.st-user small {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* A edição financeira tem menos itens, mas os espaçamentos herdados ainda
   forçavam uma barra dentro do menu em telas comuns (por exemplo 900px). */
.sidebar .sidebar-menu {
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.sidebar .sidebar-menu::-webkit-scrollbar {
    display: none;
}

.sidebar:not(.collapsed) .menu-section,
.sidebar.collapsed:hover .menu-section {
    padding: 10px 18px 4px !important;
}

.sidebar:not(.collapsed) .menu-item,
.sidebar.collapsed:hover .menu-item {
    padding: 7px 12px !important;
    margin-top: 1px !important;
    margin-bottom: 1px !important;
}