body {
    margin: 0;
    font-family: 'Segoe UI', sans-serif;
    background: transparent;
    overflow-x: hidden; /* This line disables the horizontal scrollbar */
}

.afk-wrapper {
    position: absolute;
    bottom: 12%; /* Monté un peu */
    right: -2%;   /* Décalé plus vers la droite */
    width: 340px;
    background: transparent;
    color: white;
    display: none;
    z-index: 9999;
}

/* Pas de changement ici pour .afk-bar .line car vous avez déjà un fond sur .afk-label */
.afk-bar .line {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    height: 45px;
    font-weight: bold;
    font-size: 15px;
    box-shadow: none;
}

.afk-label {
    background: rgba(0, 0, 0, 0.7); /* Noir avec 70% d'opacité */
    padding: 10px 12px;
    min-width: 160px;
    /* Adjusted clip-path to make it look "connected" with afk-time */
    clip-path: polygon(0 0, 95% 0, 100% 100%, 0% 100%);
    text-transform: uppercase;
    color: white;
    border: 1px solid rgba(255, 255, 255, 0.05);
    transform: skewX(-5deg);
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
}

.afk-time {
    background: #0c0f14;
    padding: 10px 15px;
    min-width: 70px;
    text-align: center;
    /* Adjusted clip-path to make it look "connected" with afk-label */
    clip-path: polygon(5% 0, 100% 0, 100% 100%, 0% 100%);
    /* Moved left to overlap with .afk-label */
    margin-left: -12px;
    color: white;
    border: 1px solid rgba(255, 255, 255, 0.05);
    transform: skewX(-5deg);
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
}

.leave {
    position: fixed; /* Positionnement par rapport au viewport */
    bottom: 20px; /* À 20px du bas de l'écran */
    left: 50%; /* Commence au milieu de l'écran */
    transform: translateX(-50%); /* Décale de moitié sa propre largeur pour centrer */
    font-size: 18px;
    color: #ffffff;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
    background: rgba(0, 0, 0, 0.7); /* Noir avec 70% d'opacité */
    width: auto; /* Laisser la largeur s'adapter au contenu */
    white-space: nowrap; /* Empêche le texte de se casser sur plusieurs lignes */
    z-index: 10000; /* S'assurer qu'il est au-dessus des autres éléments */
    padding: 15px; /* Ajoute un peu de padding pour l'esthétique */
    border-radius: 8px; /* Bords légèrement arrondis */
    font-weight: bold; /* This will make any text inside an element with class 'afk-bar' bold */
}