/* =============== GLOBAL STYLES =============== */
:root {
    --navbar-height: 60px;
    --sidebar-width: 220px;
    --border-color: #22305d; /* Bleu profond plus clair */
    --accent-color: #9E6CFF; /* Violet plus clair */
    --accent-alt: #2645A8; /* Bleu plus clair secondaire */
}

body {
    margin: 0;
    background-color: #10152f;
    color: #e2e8f0;
    font-family: Arial, sans-serif;
    height: 100vh;
    display: flex;
    flex-direction: column;
    overflow: hidden; 
}

/* Conteneur principal sous la navbar */
.main-layout {
    display: grid;
    grid-template-columns: var(--sidebar-width) 1fr;
    height: calc(100vh - var(--navbar-height));
    margin-top: var(--navbar-height);
}

/* Sidebar : Le trait vertical est une simple bordure droite */
.sidebar {
    border-right: 2px solid var(--border-color);
    padding: 20px;
    overflow-y: auto;
    background-color: #161C37;
}

/* Zone de contenu scrollable */
.content-scroll {
    padding: 20px;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* Masquer la scrollbar tout en gardant le scroll */
.content-scroll::-webkit-scrollbar, .sidebar::-webkit-scrollbar {
    display: none;
}
.content-scroll, .sidebar {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

a {
    text-decoration: none; /* Enlève le soulignement */
    color: inherit;        /* Prend la couleur du texte environnant */
    cursor: pointer;       /* Garde la main au survol pour indiquer que c'est cliquable[cite: 6] */
}