.status-controls {
    display: flex;
    gap: 10px;
    margin-top: 15px;
}
.status-button {
    padding: 5px 20px;
    border: none;
    color: #000;
    cursor: pointer;
    margin-right: 10px;
    border-radius: 30px;
    transition: background-color 0.3s;
}

/* on grise **uniquement** les boutons désactivés qui ne sont PAS actifs */
.status-button.disabled-status:not(.active-status) {
  background-color: #ccc !important;
  color:       #777 !important;
  
}

/* s’assurer que le bouton actif garde toujours le curseur normal */
.status-button.active-status {
  cursor: pointer !important;
}



/* on s’assure que le bouton actif reprend bien sa couleur d’origine */
.status-button.active-status.available {
  background-color: #7ba389 !important; /* ton vert dispo */
  color:            #fff !important;
}
.status-button.active-status.pause {
  background-color: #00b9ae !important; /* ton bleu pause */
  color:            #fff !important;
}
.status-button.active-status.unavailable {
  background-color: #b23f66 !important; /* ton framboise indispo */
  color:            #fff !important;
}

.status-button.busy {
    background-color: #ffa500; /* Orange pour "En consultation" */
}




/* Cloche notification */
.dashboard-header h1 img {
    margin-left: 10px;
    width: auto;
    height: 30px;
    cursor: pointer;
}

.voyant-photo {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }