/* Expert live status container */
.expert-live-status {
    display: inline-flex;
    align-items: center;
    font-size: 12px;
    margin-top: 5px;
    border-radius: 10px;
    width: 55px;
    padding: 3px;
    line-height: normal;
}

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

.expert-live-status.online {
    background: #b7f2b9;
}
.expert-live-status.offline {
    background: #80808038;
}
/* 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;
}