/* Grouilleur - Abonnés & Invitations Entête v1.5.0 */

.gae-search-host{
    position:relative !important;
}

.gae-root{
    font-family:Arial,Helvetica,sans-serif;
    box-sizing:border-box;
    z-index:999999;
}

.gae-root.gae-inline{
    display:inline-flex;
    align-items:center;
    margin-left:8px;
    vertical-align:middle;
}

.gae-trigger{
    width:46px;
    height:46px;
    border:1px solid #dce3eb;
    border-radius:13px;
    background:#f5f8fb;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    position:relative;
    cursor:pointer;
    box-shadow:0 2px 8px rgba(0,0,0,.07);
    padding:0;
}

.gae-trigger-image{
    width:34px;
    height:34px;
    object-fit:contain;
    display:block;
}

.gae-badge{
    position:absolute;
    top:-7px;
    right:-7px;
    min-width:21px;
    height:21px;
    padding:0 5px;
    border-radius:999px;
    background:#f02849;
    color:#fff;
    font-size:11px;
    line-height:21px;
    text-align:center;
    font-weight:800;
    box-shadow:0 0 0 2px #fff;
}

.gae-popover{
    position:absolute;
    top:calc(100% + 10px);
    right:0;
    width:min(430px, calc(100vw - 20px));
    max-height:72vh;
    overflow:auto;
    background:#fff;
    border:1px solid #dfe5ec;
    border-radius:18px;
    box-shadow:0 18px 48px rgba(0,0,0,.20);
    padding:14px;
    color:#101828;
}

.gae-popover[hidden]{
    display:none !important;
}

.gae-popover-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    margin-bottom:12px;
}

.gae-title{
    font-weight:800;
    font-size:22px;
}

.gae-all-link{
    color:#0866ff;
    font-weight:700;
    text-decoration:none;
    font-size:14px;
}

.gae-tabs{
    display:flex;
    gap:7px;
    overflow-x:auto;
    padding-bottom:10px;
}

.gae-tab{
    border:0;
    border-radius:13px;
    background:#edf1f5;
    padding:10px 12px;
    white-space:nowrap;
    font-size:13px;
    font-weight:800;
    color:#172033;
}

.gae-tab.active{
    background:#dcecff;
    color:#0866ff;
}

.gae-panel{
    display:none;
}

.gae-panel.active{
    display:block;
}

.gae-card{
    display:grid;
    grid-template-columns:64px minmax(0,1fr);
    gap:11px;
    align-items:center;
    padding:11px 0;
    border-bottom:1px solid #edf0f3;
}

.gae-card:last-child{
    border-bottom:0;
}

.gae-avatar{
    width:64px;
    height:64px;
    border-radius:50%;
    overflow:hidden;
    background:#edf0f3;
}

.gae-avatar img{
    width:100% !important;
    height:100% !important;
    object-fit:cover;
    border-radius:50%;
}

.gae-info{
    min-width:0;
}

.gae-name{
    font-size:16px;
    font-weight:800;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    color:#111827;
}

.gae-meta{
    margin:3px 0 8px;
    color:#667085;
    font-size:13px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

.gae-actions{
    display:flex;
    gap:8px;
}

.gae-btn{
    min-height:36px;
    flex:1;
    border:0;
    border-radius:9px;
    font-size:13px;
    font-weight:800;
    padding:7px 10px;
    cursor:pointer;
}

.gae-primary{
    background:#0866ff;
    color:#fff;
}

.gae-light{
    background:#e8ecf1;
    color:#172033;
}

.gae-empty{
    padding:22px 6px;
    color:#667085;
    text-align:center;
    font-size:14px;
}

.gae-page-note{
    max-width:680px;
    margin:30px auto;
    padding:18px;
    border-radius:14px;
    background:#f5f8fb;
    color:#344054;
    font-family:Arial,Helvetica,sans-serif;
}

/* Secours si aucune barre de recherche n'est détectée. */
.gae-root.gae-fallback{
    position:fixed;
    top:88px;
    right:16px;
}

.gae-root.gae-fallback .gae-popover{
    position:fixed;
    top:145px;
    right:10px;
}

@media(max-width:600px){
    .gae-root.gae-inline{
        margin-left:6px;
    }

    .gae-trigger{
        width:42px;
        height:42px;
        border-radius:12px;
    }

    .gae-trigger-icon{
        font-size:23px;
    }

    .gae-popover{
        position:fixed;
        top:74px;
        left:8px;
        right:8px;
        width:auto;
        max-height:calc(100vh - 150px);
        border-radius:16px;
    }

    .gae-card{
        grid-template-columns:58px minmax(0,1fr);
    }

    .gae-avatar{
        width:58px;
        height:58px;
    }
}


.gae-title{
    display:flex;
    align-items:center;
    gap:8px;
}
.gae-title-image{
    width:31px;
    height:31px;
    object-fit:contain;
    display:block;
}
.gae-head-actions{
    display:flex;
    align-items:center;
    gap:12px;
}
.gae-close{
    width:32px;
    height:32px;
    border:0;
    border-radius:50%;
    background:#eef2f6;
    color:#111827;
    font-size:25px;
    line-height:30px;
    cursor:pointer;
    padding:0;
}
@media(max-width:600px){
    .gae-trigger-image{
        width:31px;
        height:31px;
    }
}


/* Profil public de chaque membre */
.gae-profile-link{
    display:block;
    text-decoration:none !important;
}
.gae-name-link{
    display:block;
    color:#111827 !important;
    text-decoration:none !important;
}
.gae-name-link:hover,
.gae-name-link:focus{
    color:#0866ff !important;
    text-decoration:underline !important;
}


/* Messagerie activée uniquement après acceptation */
.gae-message{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    background:#0866ff !important;
    color:#fff !important;
    text-decoration:none !important;
    box-sizing:border-box;
}
.gae-message:hover,
.gae-message:focus{
    color:#fff !important;
    text-decoration:none !important;
}
.gae-accepted{
    background:#f8fbff;
    border-radius:12px;
    padding-left:6px;
    padding-right:6px;
}


/* Recherche des abonnés */
.gae-search-wrap{
    display:flex;
    align-items:center;
    gap:8px;
    margin:12px 0 8px;
    padding:0 12px;
    height:46px;
    border:1px solid #d8dee8;
    border-radius:14px;
    background:#f7f9fc;
}
.gae-search-icon{
    font-size:18px;
    opacity:.75;
}
.gae-member-search{
    flex:1;
    min-width:0;
    height:100%;
    border:0 !important;
    outline:0 !important;
    box-shadow:none !important;
    background:transparent !important;
    font-size:15px;
    color:#111827;
    padding:0 !important;
}
.gae-member-search::placeholder{
    color:#7a8494;
}
.gae-search-clear{
    border:0;
    background:transparent;
    color:#5e6775;
    font-size:23px;
    cursor:pointer;
    padding:2px 5px;
    line-height:1;
}
.gae-search-status{
    min-height:18px;
    margin:0 3px 6px;
    font-size:12px;
    color:#667085;
}
@media(max-width:600px){
    .gae-search-wrap{
        height:43px;
        border-radius:12px;
        margin-top:10px;
    }
}


/* Confidentialité des profils : visibles uniquement entre amis */
.gae-profile-locked{
    position:relative;
    cursor:default;
}
.gae-lock{
    position:absolute;
    right:-2px;
    bottom:-2px;
    width:23px;
    height:23px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:#fff;
    box-shadow:0 1px 5px rgba(0,0,0,.18);
    font-size:12px;
}
.gae-name-locked{
    color:#111827;
    cursor:default;
}
.gae-inline-lock{
    font-size:12px;
    opacity:.7;
}
.gae-private-notice{
    position:fixed;
    left:50%;
    top:18px;
    transform:translateX(-50%);
    z-index:999999;
    width:min(92vw,520px);
    box-sizing:border-box;
    padding:13px 16px;
    border-radius:12px;
    background:#111827;
    color:#fff;
    text-align:center;
    font-size:14px;
    box-shadow:0 8px 25px rgba(0,0,0,.22);
}


/* v1.9.0 — bouton Ami(e)s flottant, revenu en haut et mobile verticalement */
#gae-root.gae-floating,
#gae-root{
    position:fixed !important;
    right:12px !important;
    top:150px !important;
    bottom:auto !important;
    left:auto !important;
    z-index:999998 !important;
    width:auto !important;
    height:auto !important;
    touch-action:none;
}
#gae-root #gae-trigger{
    cursor:grab;
    user-select:none;
    -webkit-user-select:none;
    touch-action:none;
}
#gae-root.gae-dragging #gae-trigger{
    cursor:grabbing;
}
#gae-root .gae-popover{
    position:absolute !important;
    right:0 !important;
    top:54px !important;
    bottom:auto !important;
}
@media(max-width:600px){
    #gae-root{
        right:10px !important;
        top:125px !important;
    }
    #gae-root .gae-popover{
        position:fixed !important;
        left:10px !important;
        right:10px !important;
        top:90px !important;
        bottom:auto !important;
        width:auto !important;
        max-height:calc(100vh - 110px);
        overflow:auto;
    }
}


/* v2.0.0 — profils privés sans cadenas visibles */
.gae-lock,
.gae-inline-lock{
    display:none !important;
}
.gae-profile-locked::before,
.gae-profile-locked::after,
.gae-name-locked::before,
.gae-name-locked::after{
    content:none !important;
    display:none !important;
}

/* Annulation d'une invitation envoyée */
.gae-cancel{
    background:#eef1f5 !important;
    color:#253047 !important;
    border:0 !important;
    font-weight:700;
}
.gae-cancel:hover,
.gae-cancel:focus{
    background:#e2e7ee !important;
    color:#111827 !important;
}


/* v2.0.1 — bouton d'annulation toujours visible après envoi */
.gae-cancel{
    display:flex !important;
    width:100% !important;
    align-items:center;
    justify-content:center;
    min-height:44px;
    background:#e9edf3 !important;
    color:#1f2937 !important;
    border:0 !important;
    border-radius:10px;
    font-weight:700;
    opacity:1 !important;
}


/* v2.0.2 — affichage compact sur ordinateur et tablette */

/* Le bouton flottant reste discret, quelle que soit la taille globale des images du thème. */
#gae-root #gae-trigger{
    width:50px !important;
    height:50px !important;
    min-width:50px !important;
    min-height:50px !important;
    max-width:50px !important;
    max-height:50px !important;
    padding:5px !important;
    overflow:visible !important;
    border-radius:14px !important;
    box-sizing:border-box !important;
}
#gae-root #gae-trigger .gae-trigger-image{
    width:38px !important;
    height:38px !important;
    min-width:38px !important;
    min-height:38px !important;
    max-width:38px !important;
    max-height:38px !important;
    object-fit:contain !important;
    display:block !important;
}

/* Ordinateur */
@media (min-width:1025px){
    #gae-root{
        right:18px !important;
        top:120px !important;
    }

    #gae-root #gae-trigger{
        width:46px !important;
        height:46px !important;
        min-width:46px !important;
        min-height:46px !important;
        max-width:46px !important;
        max-height:46px !important;
    }

    #gae-root #gae-trigger .gae-trigger-image{
        width:34px !important;
        height:34px !important;
        min-width:34px !important;
        min-height:34px !important;
        max-width:34px !important;
        max-height:34px !important;
    }

    #gae-root .gae-popover{
        width:390px !important;
        max-width:390px !important;
        max-height:72vh !important;
        overflow:auto !important;
        top:52px !important;
    }

    #gae-root .gae-card{
        padding:10px !important;
        gap:10px !important;
    }

    #gae-root .gae-avatar,
    #gae-root .gae-avatar img{
        width:54px !important;
        height:54px !important;
        min-width:54px !important;
        max-width:54px !important;
        min-height:54px !important;
        max-height:54px !important;
    }

    #gae-root .gae-name{
        font-size:15px !important;
    }

    #gae-root .gae-meta{
        font-size:12px !important;
    }

    #gae-root .gae-btn{
        min-height:36px !important;
        padding:7px 10px !important;
        font-size:13px !important;
    }

    #gae-root .gae-member-search{
        font-size:14px !important;
    }
}

/* Tablette */
@media (min-width:601px) and (max-width:1024px){
    #gae-root{
        right:14px !important;
        top:110px !important;
    }

    #gae-root #gae-trigger{
        width:48px !important;
        height:48px !important;
        min-width:48px !important;
        min-height:48px !important;
        max-width:48px !important;
        max-height:48px !important;
    }

    #gae-root #gae-trigger .gae-trigger-image{
        width:36px !important;
        height:36px !important;
        min-width:36px !important;
        min-height:36px !important;
        max-width:36px !important;
        max-height:36px !important;
    }

    #gae-root .gae-popover{
        width:360px !important;
        max-width:calc(100vw - 28px) !important;
        max-height:72vh !important;
        overflow:auto !important;
        top:54px !important;
    }

    #gae-root .gae-card{
        padding:9px !important;
    }

    #gae-root .gae-avatar,
    #gae-root .gae-avatar img{
        width:52px !important;
        height:52px !important;
        min-width:52px !important;
        max-width:52px !important;
        min-height:52px !important;
        max-height:52px !important;
    }

    #gae-root .gae-name{
        font-size:14px !important;
    }

    #gae-root .gae-btn{
        min-height:36px !important;
        padding:7px 9px !important;
        font-size:13px !important;
    }
}

/* Sur mobile on conserve l'affichage confortable déjà validé. */
@media (max-width:600px){
    #gae-root #gae-trigger{
        width:50px !important;
        height:50px !important;
        min-width:50px !important;
        min-height:50px !important;
        max-width:50px !important;
        max-height:50px !important;
    }

    #gae-root #gae-trigger .gae-trigger-image{
        width:38px !important;
        height:38px !important;
        min-width:38px !important;
        min-height:38px !important;
        max-width:38px !important;
        max-height:38px !important;
    }
}


/* v2.0.3 — visibilité forcée du bouton Ami(e)s */
#gae-root.gae-root,
#gae-root{
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
    pointer-events:auto !important;
    position:fixed !important;
    right:12px !important;
    top:120px !important;
    left:auto !important;
    bottom:auto !important;
    z-index:2147483000 !important;
    width:auto !important;
    height:auto !important;
    max-width:none !important;
    max-height:none !important;
    overflow:visible !important;
    transform:none !important;
}

#gae-root #gae-trigger{
    display:flex !important;
    visibility:visible !important;
    opacity:1 !important;
    pointer-events:auto !important;
    align-items:center !important;
    justify-content:center !important;
    position:relative !important;
    z-index:2147483001 !important;
    background:#fff !important;
    border:1px solid #d7dde7 !important;
    box-shadow:0 4px 14px rgba(0,0,0,.14) !important;
}

#gae-root #gae-trigger .gae-trigger-image{
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
    object-fit:contain !important;
}

/* Ne jamais laisser le thème cacher le bouton sur ordinateur/tablette. */
@media (min-width:601px){
    #gae-root,
    #gae-root #gae-trigger,
    #gae-root #gae-trigger .gae-trigger-image{
        display:flex !important;
        visibility:visible !important;
        opacity:1 !important;
    }
    #gae-root{
        display:block !important;
    }
}

/* La fenêtre ne s'affiche que lorsqu'elle n'a plus l'attribut hidden. */
#gae-root .gae-popover[hidden]{
    display:none !important;
}
#gae-root .gae-popover:not([hidden]){
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
    z-index:2147483002 !important;
}


/* v2.0.4 — bouton annulation stable */
.gae-cancel{
    pointer-events:auto !important;
    cursor:pointer !important;
    opacity:1 !important;
}


/* v2.0.5 — annulation fiable */
.gae-cancel{
    display:flex !important;
    pointer-events:auto !important;
    cursor:pointer !important;
    opacity:1 !important;
}


/* v2.1.0 — notification d'invitation reçue */
.gae-invite-toast{
    position:fixed;
    right:16px;
    top:82px;
    z-index:2147483640;
    width:min(360px, calc(100vw - 32px));
    box-sizing:border-box;
    display:flex;
    gap:12px;
    align-items:flex-start;
    padding:14px 42px 14px 14px;
    border-radius:16px;
    background:#fff;
    color:#111827;
    box-shadow:0 12px 35px rgba(0,0,0,.22);
    border:1px solid #e5e7eb;
}
.gae-toast-avatar{
    width:50px;
    height:50px;
    flex:0 0 50px;
    border-radius:50%;
    overflow:hidden;
    background:#eef2f6;
}
.gae-toast-avatar img{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    display:block !important;
}
.gae-toast-content{
    flex:1;
    min-width:0;
}
.gae-toast-title{
    font-size:15px;
    font-weight:800;
    margin-bottom:4px;
}
.gae-toast-text{
    font-size:13px;
    line-height:1.35;
    color:#4b5563;
    margin-bottom:9px;
}
.gae-toast-view{
    border:0;
    border-radius:9px;
    background:#0866ff;
    color:#fff;
    padding:8px 12px;
    font-size:13px;
    font-weight:700;
    cursor:pointer;
}
.gae-toast-close{
    position:absolute;
    top:8px;
    right:10px;
    border:0;
    background:transparent;
    font-size:22px;
    line-height:1;
    color:#6b7280;
    cursor:pointer;
}
@media(max-width:600px){
    .gae-invite-toast{
        left:12px;
        right:12px;
        top:78px;
        width:auto;
    }
}


/* v2.2.0 — page Voir tout + recherche des abonnés */
.gae-full-page{
    max-width:980px;
    margin:0 auto;
    padding:18px 14px 110px;
    box-sizing:border-box;
}
.gae-full-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-bottom:16px;
}
.gae-full-title{
    margin:0 0 4px;
    font-size:28px;
    line-height:1.2;
    color:#0f2f5f;
}
.gae-full-subtitle{
    margin:0;
    color:#667085;
    font-size:14px;
}
.gae-full-search{
    display:flex;
    align-items:center;
    gap:8px;
    margin:14px 0 24px;
    padding:8px;
    border:1px solid #d8dee8;
    border-radius:14px;
    background:#fff;
    box-shadow:0 3px 12px rgba(0,0,0,.05);
}
.gae-full-search-icon{
    margin-left:7px;
    font-size:18px;
}
.gae-full-search input{
    flex:1;
    min-width:0;
    height:42px;
    border:0 !important;
    outline:0 !important;
    box-shadow:none !important;
    background:transparent !important;
    font-size:15px;
}
.gae-full-search button{
    border:0;
    border-radius:10px;
    background:#0866ff;
    color:#fff;
    font-weight:700;
    padding:11px 16px;
    cursor:pointer;
}
.gae-full-section{
    margin:22px 0 30px;
}
.gae-full-section h3{
    margin:0 0 12px;
    color:#15233d;
    font-size:20px;
}
.gae-full-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
}
.gae-full-grid .gae-card{
    margin:0 !important;
    border:1px solid #e5e7eb;
    border-radius:14px;
    background:#fff;
    box-sizing:border-box;
}
@media(max-width:700px){
    .gae-full-page{
        padding:14px 10px 95px;
    }
    .gae-full-title{
        font-size:23px;
    }
    .gae-full-search{
        flex-wrap:wrap;
    }
    .gae-full-search input{
        min-width:180px;
    }
    .gae-full-search button{
        width:100%;
    }
    .gae-full-grid{
        grid-template-columns:1fr;
    }
}


/* v2.3.0 — Voir tout sans changer de page */
.gae-all-link.gae-all-open{
    border:0 !important;
    background:transparent !important;
    color:#0866ff !important;
    font-weight:700 !important;
    cursor:pointer !important;
    padding:4px 6px !important;
    text-decoration:none !important;
}
.gae-all-members-view[hidden]{
    display:none !important;
}
.gae-all-members-view{
    display:block;
}
.gae-all-members-head{
    display:flex;
    align-items:center;
    gap:12px;
    margin:8px 0 10px;
}
.gae-all-members-head strong{
    font-size:18px;
}
.gae-all-back{
    border:0;
    background:#eef2f6;
    border-radius:9px;
    padding:8px 10px;
    cursor:pointer;
    font-weight:700;
}
.gae-all-members-list{
    max-height:58vh;
    overflow:auto;
    padding-right:2px;
}
.gae-all-members-list .gae-card{
    margin-bottom:8px;
}
.gae-all-search-status{
    min-height:18px;
    margin:0 3px 7px;
    font-size:12px;
    color:#667085;
}


/* v2.3.1 — correction responsive de Tous les abonnés */
#gae-root.gae-all-mode .gae-popover{
    overflow:hidden !important;
}

#gae-root .gae-all-members-view{
    width:100% !important;
    min-width:0 !important;
    box-sizing:border-box !important;
}

#gae-root .gae-all-members-head{
    display:flex !important;
    align-items:center !important;
    gap:10px !important;
    flex-wrap:nowrap !important;
    margin:4px 0 12px !important;
}

#gae-root .gae-all-back{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    flex:0 0 auto !important;
    min-width:92px !important;
    min-height:40px !important;
    padding:8px 12px !important;
    border:0 !important;
    border-radius:10px !important;
    background:#0f4f93 !important;
    color:#fff !important;
    opacity:1 !important;
    font-weight:700 !important;
    cursor:pointer !important;
}

#gae-root .gae-all-members-head strong{
    min-width:0 !important;
    font-size:18px !important;
    line-height:1.2 !important;
    white-space:nowrap !important;
}

#gae-root .gae-all-search-wrap{
    display:flex !important;
    width:100% !important;
    min-width:0 !important;
    box-sizing:border-box !important;
    margin:0 0 8px !important;
}

#gae-root .gae-all-member-search{
    flex:1 1 auto !important;
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;
    box-sizing:border-box !important;
    border:0 !important;
    outline:0 !important;
    background:transparent !important;
    box-shadow:none !important;
}

#gae-root .gae-all-members-list{
    width:100% !important;
    max-height:54vh !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    -webkit-overflow-scrolling:touch;
    padding:4px 2px 12px 0 !important;
    box-sizing:border-box !important;
}

#gae-root .gae-all-members-list .gae-card{
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    box-sizing:border-box !important;
}

#gae-root .gae-all-members-list .gae-info{
    min-width:0 !important;
    width:100% !important;
}

#gae-root .gae-all-members-list .gae-name{
    max-width:100% !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
}

#gae-root .gae-all-members-list .gae-actions{
    width:100% !important;
}

#gae-root .gae-all-members-list .gae-btn{
    width:100% !important;
    box-sizing:border-box !important;
}

@media(max-width:600px){
    #gae-root .gae-popover{
        left:12px !important;
        right:12px !important;
        width:auto !important;
        max-width:none !important;
        top:96px !important;
        bottom:auto !important;
        max-height:calc(100vh - 115px) !important;
        box-sizing:border-box !important;
        padding:14px !important;
    }

    #gae-root.gae-all-mode .gae-popover{
        height:calc(100vh - 120px) !important;
        max-height:calc(100vh - 120px) !important;
    }

    #gae-root .gae-title{
        font-size:20px !important;
    }

    #gae-root .gae-all-members-head strong{
        font-size:17px !important;
    }

    #gae-root .gae-all-back{
        min-width:84px !important;
        min-height:38px !important;
        font-size:13px !important;
    }

    #gae-root .gae-all-members-list{
        max-height:calc(100vh - 330px) !important;
    }

    #gae-root .gae-all-members-list .gae-card{
        display:grid !important;
        grid-template-columns:76px minmax(0,1fr) !important;
        gap:12px !important;
        align-items:start !important;
        padding:12px 0 !important;
    }

    #gae-root .gae-all-members-list .gae-avatar,
    #gae-root .gae-all-members-list .gae-avatar img{
        width:72px !important;
        height:72px !important;
        min-width:72px !important;
        min-height:72px !important;
        max-width:72px !important;
        max-height:72px !important;
    }

    #gae-root .gae-all-members-list .gae-name{
        font-size:16px !important;
    }

    #gae-root .gae-all-members-list .gae-meta{
        margin-top:3px !important;
        font-size:13px !important;
    }

    #gae-root .gae-all-members-list .gae-actions{
        margin-top:9px !important;
    }

    #gae-root .gae-all-members-list .gae-btn{
        min-height:42px !important;
        font-size:14px !important;
    }
}


/* v2.3.2 — la recherche reste visible avec le clavier du téléphone */
#gae-root .gae-all-member-search,
#gae-root #gae-member-search{
    position:relative !important;
    z-index:2 !important;
    touch-action:manipulation !important;
}

@media(max-width:600px){
    #gae-root.gae-all-mode .gae-popover{
        /* dvh suit mieux la hauteur restante lorsque le clavier mobile s'ouvre */
        height:min(78dvh, calc(100vh - 100px)) !important;
        max-height:min(78dvh, calc(100vh - 100px)) !important;
    }

    #gae-root .gae-all-members-list{
        max-height:calc(78dvh - 215px) !important;
    }

    #gae-root .gae-all-search-wrap{
        position:sticky !important;
        top:0 !important;
        z-index:5 !important;
        background:#fff !important;
    }
}


/* v2.4.0 */
.gae-category{
    display:inline-flex;
    align-items:center;
    margin:3px 0 2px;
    padding:3px 8px;
    border-radius:999px;
    background:#eef5ff;
    color:#0b57b7;
    font-size:11px;
    font-weight:800;
}
.gae-tabs{
    grid-template-columns:repeat(4,minmax(95px,1fr))!important;
    overflow-x:auto!important;
    scrollbar-width:none;
}
.gae-tabs::-webkit-scrollbar{display:none}
.gae-tab{white-space:nowrap}
.gae-message{
    background:#1675e8!important;
    color:#fff!important;
    border-color:#1675e8!important;
}
@media(max-width:640px){
    .gae-tabs{display:flex!important;gap:8px!important;padding-bottom:4px!important}
    .gae-tab{flex:0 0 auto!important}
    .gae-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}
    .gae-actions .gae-btn{width:100%!important;box-sizing:border-box!important;text-align:center!important}
}


/* v2.4.1 - Suggestions d'amis dans la page complète */
.gae-suggestions-section{
    margin-top:18px;
    padding:16px;
    border:1px solid #dce7f2;
    border-radius:18px;
    background:linear-gradient(180deg,#f8fbff,#ffffff);
}
.gae-suggestions-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    margin-bottom:12px;
}
.gae-suggestions-head h3{
    margin:0!important;
    color:#102a4a;
}
.gae-suggestions-head p{
    margin:4px 0 0;
    color:#76869a;
    font-size:13px;
}
.gae-suggestions-grid .gae-card{
    border:1px solid #e1e9f2;
    border-radius:16px;
    background:#fff;
}
@media(max-width:640px){
    .gae-suggestions-section{
        padding:12px;
        border-radius:16px;
    }
}


/* v2.4.4 - Suggestions verticales type réseau social */
.gae-suggestions-section{
    overflow:visible!important;
}
.gae-suggestions-feed{
    display:flex;
    flex-direction:column;
    gap:12px;
    width:100%;
}
.gae-suggestions-feed .gae-card{
    display:grid!important;
    grid-template-columns:96px minmax(0,1fr)!important;
    gap:14px!important;
    align-items:center!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    margin:0!important;
    padding:14px!important;
    border:1px solid #e1e9f2!important;
    border-radius:18px!important;
    background:#fff!important;
    box-shadow:0 4px 14px rgba(15,47,95,.05)!important;
    box-sizing:border-box!important;
    transition:opacity .18s ease, transform .18s ease!important;
}
.gae-suggestions-feed .gae-avatar,
.gae-suggestions-feed .gae-avatar img{
    width:92px!important;
    height:92px!important;
    min-width:92px!important;
    min-height:92px!important;
    max-width:92px!important;
    max-height:92px!important;
}
.gae-suggestions-feed .gae-name{
    font-size:19px!important;
    line-height:1.2!important;
    white-space:normal!important;
}
.gae-suggestions-feed .gae-meta{
    margin:5px 0 10px!important;
    font-size:14px!important;
    white-space:normal!important;
}
.gae-suggestions-feed .gae-category{
    margin-top:5px!important;
}
.gae-suggestions-feed .gae-actions{
    display:grid!important;
    grid-template-columns:1.25fr .8fr!important;
    gap:8px!important;
}
.gae-suggestions-feed .gae-message{
    grid-column:1 / -1!important;
}
.gae-suggestions-feed .gae-btn{
    min-height:44px!important;
    font-size:14px!important;
    border-radius:10px!important;
}
.gae-ignore{
    background:#e9edf2!important;
    color:#172033!important;
}
.gae-ignore:hover,
.gae-ignore:focus{
    background:#dde3ea!important;
    color:#111827!important;
}
.gae-suggestions-hint{
    position:sticky;
    bottom:72px;
    z-index:3;
    width:max-content;
    max-width:calc(100% - 24px);
    margin:12px auto 0;
    padding:8px 12px;
    border-radius:999px;
    background:rgba(11,59,120,.92);
    color:#fff;
    font-size:12px;
    font-weight:800;
    text-align:center;
    pointer-events:none;
}
@media(max-width:640px){
    .gae-suggestions-section{
        padding:10px!important;
        border-left:0!important;
        border-right:0!important;
        border-radius:0!important;
        background:#fff!important;
    }
    .gae-suggestions-feed{
        gap:10px;
    }
    .gae-suggestions-feed .gae-card{
        grid-template-columns:82px minmax(0,1fr)!important;
        gap:12px!important;
        padding:12px 10px!important;
        border-radius:16px!important;
    }
    .gae-suggestions-feed .gae-avatar,
    .gae-suggestions-feed .gae-avatar img{
        width:80px!important;
        height:80px!important;
        min-width:80px!important;
        min-height:80px!important;
        max-width:80px!important;
        max-height:80px!important;
    }
    .gae-suggestions-feed .gae-name{
        font-size:17px!important;
    }
    .gae-suggestions-feed .gae-actions{
        grid-template-columns:1.2fr .8fr!important;
    }
    .gae-suggestions-feed .gae-btn{
        min-height:42px!important;
        padding:8px 7px!important;
        font-size:13px!important;
    }
}