@define-color base   #1e1e2e;
@define-color mantle #181825;
@define-color mauve  #cba6f7;
@define-color blue   #89b4fa;
@define-color text   #cdd6f4;

window#waybar {
    background: rgba(30, 30, 46, 0.85);
    border-top: 2px solid @mauve;
    color: @text;
    margin: 0; /* On colle la barre aux bords ou on réduit fortement */
}

/* On réduit drastiquement les marges ici */
#workspaces,
#window,
#network,
#cpu,
#memory,
#temperature,
#backlight,
#battery,
#clock,
#tray,
#custom-power {
    padding: 0 6px;   /* Réduit de 10 à 6 */
    margin: 0 2px;    /* Réduit de 4 à 2 */
    background-color: transparent;
}

#pulseaudio,
#pulseaudio.microphone {
    padding: 0 6px;
    margin: 0 2px;
}

#network {
    color: @blue;
}

#network.disconnected {
    color: #f38ba8; /* Red pour l'alerte */
}

/* On force la taille de la police pour gagner en place si besoin */
label {
    font-family: "JetBrainsMono Nerd Font";
    font-size: 13px;
}

tooltip {
    background: rgba(30, 30, 46, 0.95);
    border: 1px solid @mauve;
    border-radius: 8px;
}

tooltip label {
    font-family: "JetBrainsMono Nerd Font";
    font-size: 14px;
    color: @text;
}

#tray {
    padding: 0; 
    margin: 0 4px;
}

#tray > widget > image {
    padding: 0 6px; /* C'est ici que l'espacement se crée réellement */
}

#tray > .passive,
#tray > .active,
#tray > .needs-attention {
    padding: 0 3px;
}