/* Expert live status container */
.expert-live-status {
    display: inline-flex;
    align-items: center;
    font-size: 14px;
    font-weight: 600;
    margin-top: 5px;
}

/* Dot indicator */
.expert-live-status .online,
.expert-live-status .offline {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    margin-right: 6px;
}

/* Online */
.expert-live-status.online .online {
    background-color: #28a745; /* green */
}

/* Offline */
.expert-live-status.offline .offline {
    background-color: #dc3545; /* red */
}

/* Optional: add a subtle transition for status change */
.expert-live-status .online,
.expert-live-status .offline {
    transition: background-color 0.3s ease;
}