/* =========================
   DOCTOR LIST WITH AVATAR
========================= */

.doctor-item {
    display: flex;
    align-items: center;
    gap: 10px;

    padding: 10px 12px;

    background: #f8f9fa;
    border-radius: 8px;

    cursor: pointer;
    font-weight: 500;
    font-size: 14px;

    transition: all 0.3s ease;

    border-left: 4px solid transparent;
}

.doctor-item img {
    width: 38px;
    height: 38px;

    border-radius: 50%;
    object-fit: cover;

    border: 2px solid transparent;

    transition: 0.3s;
}

.doctor-item:hover {
    background: #ffecec;
    transform: translateX(6px);
}

.doctor-item.active {
    background: #ff6b6b;
    color: #fff;
    border-left: 4px solid #8b0000;
}

.doctor-item.active img {
    border-color: #fff;
}