.avatar-card {
    display: flex;
    align-items: center;
    gap: 16px;
}

.avatar-frame {
    width: 140px;
    height: 140px;
    border-radius: 50%;
    overflow: hidden;
    border: 3px solid rgba(0,0,0,.08);
    position: relative;
    flex: 0 0 auto;
    background: var(--bs-tertiary-bg,#f5f5f5);
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 46px;
    color: #888;
    user-select: none;
}

    .avatar-frame img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: none;
    }

.avatar-actions {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    justify-content: center;
}

.form-help {
    font-size: .9rem;
    color: var(--bs-secondary-color,#6c757d);
}

/* CHAT */

.support-chat-messages {
    max-height: 500px;
    min-height: 260px;
    overflow-y: auto;
    background: var(--bs-body-bg);
    padding: 5px;
    border-radius: 15px;
}

.support-msg-row {
    display: flex;
    margin-bottom: .5rem;
}

    .support-msg-row.support-msg-client {
        justify-content: flex-end;
    }

    .support-msg-row.support-msg-support {
        justify-content: flex-start;
    }

.support-msg-bubble {
    max-width: 80%;
    padding: .5rem .75rem;
    border-radius: .75rem;
}

.support-msg-row.support-msg-client .support-msg-bubble {
    background-color: var(--bs-primary);
    color: #fff;
    border-bottom-right-radius: 0;
}

.support-msg-row.support-msg-support .support-msg-bubble {
    background-color: var(--bs-light);
    color: black;
    border-bottom-left-radius: 0;
}

.support-msg-meta {
    font-size: .75rem;
    opacity: .75;
    margin-bottom: .15rem;
}