converse-user-profile {
    padding: 0.5em 1em 0.75em 1em;
    border-bottom: 0.1rem var(--controlbox-color) solid;

    .show-profile {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow-x: hidden;
    }

    .change-status {
        min-width: 25px;
        text-align: center;
        converse-icon {
            padding-inline-end: 0.5em;
        }
    }

    .userinfo {
        .xmpp-status__msg {
            margin-inline-end: 0.5em;
        }

        .username {
            margin-inline-end: 0.5em;
            margin-inline-start: 0.5em;
            overflow: hidden;
            text-overflow: ellipsis;
        }
        .profile {
            margin-bottom: 0.5em;
        }
    }

    .xmpp-status {
        .chat-status--online {
            color: var(--chat-status-online);
        }
        .chat-status--busy {
            color: var(--chat-status-busy);
        }
        .chat-status--away {
            color: var(--chat-status-away);
        }
        .far.fa-circle,
        .fa-times-circle {
            color: var(--secondary-color);
        }
    }
}
