/* 04-sidebar.css — lignes 129-257 de l'ancien style.css unique, contenu inchangé */

.sidebar{

position:fixed;

left:0;

top:0;

width:270px;

height:100vh;

background:var(--surface);

box-shadow:var(--shadow);

padding:var(--space-8);

display:flex;

flex-direction:column;

/* Avec 11 entrées de menu, la sidebar dépasse la hauteur d'un écran de
   portable : sans défilement interne, les dernières entrées devenaient
   tout simplement inaccessibles. */
overflow-y:auto;

}

.logo{

display:flex;

align-items:center;

gap:var(--space-4);

margin-bottom:var(--space-10);

}

.logo i{

font-size:34px;

color:var(--primary);

}

.logo h2{

font-size:28px;

font-weight:700;

}

.sidebar nav{

display:flex;

flex-direction:column;

gap:var(--space-2);

/* Le menu prend la hauteur disponible et défile lui-même si nécessaire,
   sans jamais pousser le contenu hors de l'écran. */
flex:1 1 auto;
overflow-y:auto;
min-height:0;
padding-right:var(--space-1);

}

/* Barre de défilement discrète dans la sidebar */
.sidebar nav::-webkit-scrollbar{
    width:6px;
}

.sidebar nav::-webkit-scrollbar-thumb{
    background:#d1d5db;
    border-radius:var(--radius-full);
}

body.dark .sidebar nav::-webkit-scrollbar-thumb{
    background:#475569;
}

.menu-item{

display:flex;

align-items:center;

gap:var(--space-4);

/* Compacté : avec 11 entrées, 16px de padding faisaient déborder le menu
   sur un écran de portable. */
padding:12px 16px;

flex-shrink:0;

border:none;

background:none;

border-radius:var(--radius-md);

cursor:pointer;

transition:var(--transition);

font-size:16px;

}

.menu-item:hover{

background:var(--surface-accent);

}

.menu-item.active{

background:var(--primary);

color:var(--encre-bouton-plein);

}

/* ---------------------------------------------------------------------
   Entrée de menu d'une fonctionnalité pas encore disponible.

   Cette règle vivait dans `00-tokens.css`, une feuille qui n'a jamais été
   liée dans index.html : **l'entrée de l'Assistant IA n'a donc jamais été
   grisée**, alors que la documentation et moi-même l'affirmions depuis le
   Cycle 6. Elle rejoint ici la feuille qui style déjà `.menu-item`, où
   elle aurait dû être écrite dès le départ.

   Elle est aussi plus affirmée qu'avant : l'opacité seule se lisait mal
   sur la barre latérale, et l'étiquette « bientôt » posée à côté portait
   seule tout le message.
   --------------------------------------------------------------------- */
/* V3, Cycle 131 — l'entrée porte désormais `disabled` : elle n'est plus
   ni cliquable ni atteignable au clavier. Le style dit la même chose que
   l'attribut, pour que les deux ne puissent pas diverger. */
.menu-item-inactif,
.menu-item[disabled]{
    opacity:.55;
    cursor:default;
}

.menu-item-inactif:hover,
.menu-item[disabled]:hover{
    opacity:.7;
    background:transparent;
}

.menu-item-inactif span:first-of-type{
    font-style:italic;
}