.gca100-shell{
    width:100%;
    max-width:980px;
    margin:0 auto;
}
.gca100-header{
    display:flex;
    align-items:center;
    gap:14px;
    margin:0 0 16px;
    padding:20px;
    border-radius:20px;
    background:linear-gradient(135deg,#0b3b78,#1675e8);
    color:#fff;
}
.gca100-header-icon{
    width:56px;
    height:56px;
    flex:0 0 56px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:16px;
    background:rgba(255,255,255,.14);
    overflow:hidden;
}
.gca100-logo,
.gca100-tab-icon img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
}
.gca100-header h1{
    margin:0;
    color:#fff;
    font-size:28px;
    line-height:1.1;
}
.gca100-header p{
    margin:6px 0 0;
    color:rgba(255,255,255,.88);
    font-size:14px;
}
.gca100-tabs{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:10px;
    margin-bottom:16px;
    padding:7px;
    border:1px solid #dde7f1;
    border-radius:16px;
    background:#f4f7fa;
}
.gca100-tab{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    border:0;
    border-radius:12px;
    padding:13px 14px;
    background:transparent;
    color:#17304f;
    font-size:15px;
    font-weight:900;
    cursor:pointer;
}
.gca100-tab-icon{
    width:28px;
    height:28px;
    flex:0 0 28px;
    border-radius:10px;
    overflow:hidden;
    background:#dcecff;
}
.gca100-tab-label{
    line-height:1.1;
}
.gca100-tab.active{
    background:#1675e8;
    color:#fff;
    box-shadow:0 5px 14px rgba(22,117,232,.18);
}
.gca100-tab.active .gca100-tab-icon{
    background:rgba(255,255,255,.18);
}
.gca100-panel{
    display:none;
}
.gca100-panel.active{
    display:block;
}
.gca100-panel > .gy{
    margin:0;
}
.gca100-panel .gae-full-page{
    margin-top:0;
}
.gca100-loading,
.gca100-missing{
    padding:20px;
    border:1px solid #dde7f1;
    border-radius:16px;
    background:#fff;
    color:#17304f;
    font-weight:700;
}
.gca100-suggestions-clone .gae-full-head,
.gca100-suggestions-clone > .gae-full-title,
.gca100-suggestions-clone > .gae-full-subtitle,
.gca100-suggestions-clone .gae-full-search,
.gca100-suggestions-clone .gae-full-section:not(.gae-suggestions-section){
    display:none !important;
}
.gca100-suggestions-clone .gae-suggestions-section{
    display:block !important;
    margin:0;
}
.gca100-hide-in-friends{
    display:none !important;
}
@media(max-width:760px){
    .gca100-tabs{
        grid-template-columns:1fr;
    }
}
@media(max-width:600px){
    .gca100-header{
        padding:16px;
        border-radius:17px;
    }
    .gca100-header-icon{
        width:48px;
        height:48px;
        flex-basis:48px;
    }
    .gca100-header h1{
        font-size:23px;
    }
    .gca100-header p{
        font-size:12px;
    }
    .gca100-tab{
        font-size:14px;
        padding:12px 8px;
    }
    .gca100-tab-icon{
        width:24px;
        height:24px;
        flex-basis:24px;
    }
}

/* v1.0.3 - onglet Suggestion ami(e) vertical type Facebook */
.gca103-suggestions-head{
    padding:6px 4px 14px;
}
.gca103-suggestions-head h2{
    margin:0 0 5px;
    color:#102a4a;
    font-size:25px;
}
.gca103-suggestions-head p{
    margin:0;
    color:#6f7f93;
    font-size:14px;
    line-height:1.45;
}
[data-gca-panel="suggestions"] .gae-suggestions-section{
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
}
[data-gca-panel="suggestions"] .gae-suggestions-feed{
    display:flex!important;
    flex-direction:column!important;
    gap:11px!important;
    overflow:visible!important;
    max-height:none!important;
    touch-action:pan-y!important;
}
[data-gca-panel="suggestions"] .gae-suggestions-feed .gae-card{
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    box-sizing:border-box!important;
}
[data-gca-panel="suggestions"] .gae-suggestions-hint{
    position:static!important;
    margin:14px auto 6px!important;
}

/* Harmonisation avec le bouton Ami(e)s flottant du plugin Abonnés */
#gae-root .gae-trigger-image,
#gae-root .gae-title-image{
    border-radius:16px;
    box-shadow:0 2px 7px rgba(0,0,0,.08);
}
#gae-root .gae-title-image{
    width:28px;
    height:28px;
    object-fit:cover;
}
#gae-root .gae-trigger-image{
    width:100%;
    height:100%;
    object-fit:cover;
}