/**
 * Styles pour le statut utilisateur dans le menu de navigation
 * À inclure via : <link rel="stylesheet" href="/user_status/menu.css">
 */

/* ===== STATUT EN LIGNE - MENU ===== */
.user-status-menu {
    display: inline-block;
    font-size: 9px;
    padding: 2px 6px;
    margin-left: 0px;
    border-radius: 8px;
    color: #65676b;
    font-weight: 600;
    vertical-align: middle;
}

/* Disponible / En ligne */
.user-status-menu.available,
.user-status-menu.online {
    color: #31a24c;
}

.user-status-menu.available::before,
.user-status-menu.online::before {
    content: '● ';
    margin-right: 2px;
}

/* Occupé */
.user-status-menu.busy {
    color: #e40046;
}

.user-status-menu.busy::before {
    content: '● ';
    margin-right: 2px;
}

/* Absent */
.user-status-menu.away {
    color: #f0ad4e;
}

.user-status-menu.away::before {
    content: '● ';
    margin-right: 2px;
}

/* Invisible / Hors ligne */
.user-status-menu.invisible,
.user-status-menu.offline {
    color: #6c757d;
}

/* Bouton de modification du statut */
.edit-status-btn {
    display: inline-block;
    padding: 2px 6px;
    margin-left: 4px;
    font-size: 10px;
    color: #e40046;
    cursor: pointer;
    border-radius: 4px;
    transition: all 0.2s;
}

.edit-status-btn:hover {
    background: rgba(228, 0, 70, 0.1);
}

.edit-status-btn i {
    font-size: 12px;
}