.community-dashboard {
    max-width: 1200px;
    margin: auto;
    padding: 30px;
}

.community-dashboard h1 {
    font-size: 32px;
}

.community-dashboard section {
    margin-top: 30px;
}


/* ================================
   MENU MOBILE FDP
================================ */

.fdp-menu-mobile {
    display:none;
    background:none;
    border:0;
    color:white;
    font-size:32px;
    cursor:pointer;
}


.fdp-menu {
    transition:all .3s ease;
}


@media(max-width:768px){

    .fdp-menu-mobile {
        display:block;
        position:absolute;
        right:15px;
        top:15px;
        z-index:9999;
    }


    .fdp-menu {
        display:none;
        position:absolute;
        top:70px;
        left:0;
        width:100%;
        max-height:calc(100vh - 80px);
        overflow-y:auto;
        background:#020617;
        z-index:9998;
    }


    .fdp-menu.active {
        display:block;
    }


    .fdp-menu ul {
        padding:15px;
        margin:0;
        list-style:none;
    }


    .fdp-menu li {
        margin-bottom:10px;
    }


    .fdp-menu a {
        display:block;
        padding:12px;
        border-radius:10px;
    }


    .menu-highlight-profile a {
        border:2px solid #facc15;
        font-weight:800;
    }

}



/* CONSEIL DES SAGES */

.sage-grid {

display:grid;
grid-template-columns:
repeat(auto-fit,minmax(260px,1fr));

gap:30px;

justify-items:center;

}


.sage-card {

width:260px;

text-align:center;

padding:25px;

border-radius:20px;

background:white;

box-shadow:0 5px 20px rgba(0,0,0,.12);

}


.sage-avatar {

width:120px;
height:120px;

border-radius:50%;

object-fit:cover;

margin:auto;

}




.btn-danger {

display:inline-block;

padding:10px 18px;

border-radius:10px;

background:#b91c1c;

color:white;

text-decoration:none;

}


@media(max-width:600px){

.sage-card{

width:90%;

}

}



.vote-progress {

    width:100%;

    height:18px;

    background:#e5e7eb;

    border-radius:20px;

    overflow:hidden;

    margin:15px 0;

}


.vote-progress-bar {

    height:100%;

    background:#b91c1c;

    border-radius:20px;

}



/* ==========================================================================
   Synthèse Gouvernance
   ========================================================================== */


.governance-summary {

    display:grid;

    grid-template-columns:
        repeat(auto-fit,minmax(250px,1fr));

    gap:20px;

    margin-top:25px;

}


.governance-summary > div {

    padding:20px;

    border-radius:15px;

    background:#f8fafc;

}


.governance-summary h3 {

    margin-top:0;

}


.governance-summary a {

    display:inline-block;

    margin-top:10px;

}


.status-revoked {

    font-weight:bold;

}