/* ==========================================================================
   ABC DANSE - ZONE MEMBRE
   Page de connexion
   ========================================================================== */

.members-login-page{
    background:#f7f2f5;
}

.members-login-main{
    min-height:calc(100vh - 160px);
}

.members-login-section{
    padding:62px 0 74px;
}

.members-login-card{
    display:grid;
    grid-template-columns:1.08fr .92fr;
    max-width:1120px;
    margin:0 auto;
    overflow:hidden;
    border:1px solid rgba(25,20,33,.07);
    border-radius:28px;
    background:#fff;
    box-shadow:0 20px 55px rgba(31,18,39,.11);
}


/* Visuel -------------------------------------------------- */

.members-login-visual{
    position:relative;
    min-height:580px;
    overflow:hidden;
    background:#211126;
}

.members-login-visual img{
    position:absolute!important;
    inset:0;
    display:block;
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:24% center;
}

.members-login-visual:after{
    content:'';
    position:absolute;
    inset:0;
    background:
        linear-gradient(
            180deg,
            rgba(20,10,24,.08) 0%,
            rgba(30,13,32,.24) 42%,
            rgba(30,13,32,.86) 100%
        );
}

.members-login-visual-overlay{
    position:absolute;
    z-index:2;
    left:42px;
    right:42px;
    bottom:42px;
    color:#fff;
}

.members-login-visual-overlay .home-kicker{
    color:#ff85b8;
}

.members-login-visual-overlay h1{
    margin:8px 0 18px;
    color:#fff;
    font-size:clamp(2.5rem,4vw,4rem);
    line-height:.95;
    letter-spacing:-.045em;
    text-transform:uppercase;
}

.members-login-visual-overlay h1 span{
    display:block;
    margin-top:7px;
    color:#ff4c96;
    font-size:.64em;
    font-style:italic;
    text-transform:none;
    letter-spacing:-.025em;
}

.members-login-visual-overlay p{
    max-width:530px;
    margin:0;
    color:rgba(255,255,255,.84);
    font-size:1rem;
    line-height:1.65;
}


/* Formulaire ---------------------------------------------- */

.members-login-content{
    display:flex;
    flex-direction:column;
    justify-content:center;
    padding:48px;
}

.members-login-heading{
    display:flex;
    align-items:center;
    gap:16px;
    margin-bottom:30px;
}

.members-login-icon{
    display:flex;
    flex:0 0 60px;
    width:60px;
    height:60px;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:linear-gradient(135deg,var(--home-pink),var(--home-purple));
    color:#fff;
    font-size:1.35rem;
}

.members-login-heading .home-kicker{
    margin-bottom:4px;
}

.members-login-heading h2{
    margin:0;
    color:var(--home-ink);
    font-size:1.7rem;
    line-height:1.1;
    text-transform:none;
}

.members-login-message{
    margin-bottom:24px;
}

.members-login-form{
    display:grid;
    gap:20px;
}

.members-field{
    display:grid;
    gap:8px;
}

.members-field label{
    color:var(--home-ink);
    font-size:.88rem;
    font-weight:700;
}

.members-input-wrap{
    position:relative;
}

.members-input-wrap > i{
    position:absolute;
    z-index:2;
    top:50%;
    left:17px;
    transform:translateY(-50%);
    color:var(--home-purple);
    font-size:1rem;
    pointer-events:none;
}

.members-input-wrap input{
    width:100%;
    min-height:52px;
    padding:0 16px 0 46px!important;
    border:1px solid rgba(25,20,33,.14);
    border-radius:14px;
    background:#fff;
    color:var(--home-ink);
    font:inherit;
    box-shadow:none;
    outline:none;
    transition:border-color .2s ease,box-shadow .2s ease;
}

.members-input-wrap input:focus{
    border-color:var(--home-purple)!important;
    box-shadow:0 0 0 4px rgba(119,42,105,.10);
}

.members-login-submit{
    width:100%;
    margin-top:4px;
}

.members-login-links{
    display:grid;
    gap:10px;
    margin-top:24px;
    padding-top:22px;
    border-top:1px solid rgba(25,20,33,.08);
}

.members-login-links a{
    display:flex;
    align-items:center;
    gap:9px;
    color:var(--home-purple)!important;
    font-size:.92rem;
    text-decoration:none;
}

.members-login-links a:hover{
    text-decoration:underline;
}

.members-login-links i{
    width:17px;
    text-align:center;
}

.members-debug{
    margin-top:28px;
}


/* Responsive ---------------------------------------------- */

@media(max-width:900px){
    .members-login-card{
        grid-template-columns:1fr;
        max-width:680px;
    }

    .members-login-visual{
        min-height:360px;
    }

    .members-login-content{
        padding:38px;
    }
}

@media(max-width:600px){
    .members-login-section{
        padding:28px 0 48px;
    }

    .members-login-card{
        border-radius:20px;
    }

    .members-login-visual{
        min-height:300px;
    }

    .members-login-visual-overlay{
        left:24px;
        right:24px;
        bottom:26px;
    }

    .members-login-visual-overlay h1{
        font-size:2.25rem;
    }

    .members-login-visual-overlay p{
        font-size:.92rem;
    }

    .members-login-content{
        padding:28px 22px 30px;
    }

    .members-login-heading{
        gap:13px;
        margin-bottom:24px;
    }

    .members-login-icon{
        flex-basis:54px;
        width:54px;
        height:54px;
    }

    .members-login-heading h2{
        font-size:1.5rem;
    }
}

/* ==========================================================================
   ZONE MEMBRE - VERSION MOBILE / SENIOR FRIENDLY
   Gros boutons, texte lisible, zones tactiles confortables
   ========================================================================== */

.members-compact-page{
    margin:0!important;
    padding:0!important;
    background:#f5f3f4;
}

.members-memberbar{
    position:relative;
    z-index:50;
    width:100%;
    margin:0!important;
    background:#1f1f21;
    color:#fff;
    box-shadow:0 1px 6px rgba(0,0,0,.18);
}

.members-memberbar-inner{
    position:relative;
    display:flex;
    width:100%;
    max-width:560px;
    min-height:54px;
    margin:0 auto;
    padding:0 14px;
    align-items:center;
    gap:10px;
}

.members-memberbar-brand{
    color:#fff!important;
    font-size:.9rem;
    font-weight:800;
    letter-spacing:.01em;
    text-decoration:none!important;
    white-space:nowrap;
}

.members-memberbar-admin{
    display:inline-flex;
    align-items:center;
    gap:5px;
    color:#ff9a3d;
    font-size:.72rem;
    font-weight:800;
    white-space:nowrap;
}

.members-memberbar-menu{
    position:relative;
    margin-left:auto;
}

.members-memberbar-menu summary{
    display:flex;
    min-height:54px;
    padding:0 2px 0 10px;
    align-items:center;
    gap:7px;
    color:#fff;
    font-size:.88rem;
    font-weight:700;
    cursor:pointer;
    list-style:none;
    user-select:none;
}

.members-memberbar-menu summary::-webkit-details-marker{
    display:none;
}

.members-memberbar-menu summary i{
    color:#f2388a;
    font-size:1rem;
}


/* Menu déroulant : gros liens faciles à toucher --------------------------- */

.members-memberbar-panel{
    position:absolute;
    top:calc(100% + 4px);
    right:0;
    width:min(88vw,320px);
    padding:6px 14px;
    border:1px solid rgba(255,255,255,.08);
    border-radius:10px;
    background:#242427;
    box-shadow:0 16px 38px rgba(0,0,0,.28);
}

.members-memberbar-panel ul.links{
    margin:0;
    padding:0;
    list-style:none;
}

.members-memberbar-panel ul.links li{
    margin:0;
    border-top:1px solid rgba(255,255,255,.10);
}

.members-memberbar-panel ul.links li:first-child{
    border-top:0;
}

.members-memberbar-panel ul.links a{
    display:flex;
    min-height:50px;
    padding:0 3px;
    align-items:center;
    color:#fff!important;
    font-size:.95rem;
    line-height:1.25;
    text-decoration:none!important;
}

.members-memberbar-panel ul.links a:hover,
.members-memberbar-panel ul.links a:focus{
    color:#ff79b1!important;
}


/* Dashboard --------------------------------------------------------------- */

.members-compact-dashboard{
    min-height:calc(100vh - 54px);
    padding:14px 12px 30px;
}

.members-compact-shell{
    width:100%;
    max-width:560px;
    margin:0 auto;
}


/* Profil ------------------------------------------------------------------ */

.members-compact-profile{
    display:grid;
    grid-template-columns:56px minmax(0,1fr) 18px;
    gap:13px;
    align-items:center;
    min-height:82px;
    margin-bottom:11px;
    padding:11px 14px;
    border:1px solid rgba(25,20,33,.14);
    border-radius:11px;
    background:#fff;
    color:#241f27!important;
    text-decoration:none!important;
    box-shadow:0 3px 10px rgba(31,18,39,.05);
}

.members-compact-profile-icon{
    display:flex;
    width:52px;
    height:52px;
    align-items:center;
    justify-content:center;
    border-radius:10px;
    background:linear-gradient(135deg,var(--home-pink),var(--home-purple));
    color:#fff;
    font-size:1.4rem;
}

.members-compact-profile-text{
    display:flex;
    min-width:0;
    flex-direction:column;
    line-height:1.15;
}

.members-compact-profile-text strong{
    color:var(--home-purple);
    font-size:.94rem;
    letter-spacing:.025em;
}

.members-compact-profile-text span{
    margin-top:5px;
    color:#5a535d;
    font-size:.95rem;
}


/* Cartes principales : toute la ligne est cliquable ----------------------- */

.members-compact-list{
    display:grid;
    gap:9px;
}

.members-compact-item{
    display:grid;
    grid-template-columns:56px minmax(0,1fr) auto 16px;
    gap:13px;
    align-items:center;
    min-height:78px;
    padding:10px 13px;
    border:1px solid rgba(25,20,33,.14);
    border-radius:11px;
    background:#fff;
    color:#241f27!important;
    text-decoration:none!important;
    box-shadow:0 3px 10px rgba(31,18,39,.05);
    transition:transform .15s ease,box-shadow .15s ease;
}

.members-compact-item:active{
    transform:scale(.995);
}

.members-compact-icon{
    display:flex;
    width:52px;
    height:52px;
    align-items:center;
    justify-content:center;
    border-radius:10px;
    color:#fff;
    font-size:1.38rem;
}

.members-compact-icon-events{ background:#16b993; }
.members-compact-icon-private{ background:#f23868; }
.members-compact-icon-group{ background:#243d66; }
.members-compact-icon-library{ background:#7b4ba8; }

.members-compact-label{
    display:flex;
    min-width:0;
    flex-direction:column;
    line-height:1.1;
}

.members-compact-label small{
    margin-bottom:3px;
    color:#746d76;
    font-size:.78rem;
}

.members-compact-label strong{
    overflow:hidden;
    color:#29232c;
    font-size:1.02rem;
    font-weight:700;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.members-compact-count{
    min-width:42px;
    color:#4d4850;
    font-size:1.9rem;
    font-weight:800;
    line-height:1;
    text-align:right;
}

.members-compact-chevron{
    color:#9d969e;
    font-size:.9rem;
}


/* Desktop : même philosophie, juste centrée ------------------------------- */

@media(min-width:760px){
    .members-memberbar-inner,
    .members-compact-shell{
        max-width:620px;
    }

    .members-compact-dashboard{
        padding-top:20px;
    }
}


/* Très petits écrans ------------------------------------------------------ */

@media(max-width:380px){
    .members-memberbar-inner{
        padding-right:10px;
        padding-left:10px;
    }

    .members-memberbar-brand{
        font-size:.82rem;
    }

    .members-memberbar-menu summary{
        font-size:.82rem;
    }

    .members-compact-dashboard{
        padding-right:8px;
        padding-left:8px;
    }

    .members-compact-profile{
        grid-template-columns:52px minmax(0,1fr) 14px;
        gap:10px;
        padding-right:10px;
        padding-left:10px;
    }

    .members-compact-item{
        grid-template-columns:52px minmax(0,1fr) auto 14px;
        gap:10px;
        padding-right:10px;
        padding-left:10px;
    }

    .members-compact-count{
        min-width:36px;
        font-size:1.72rem;
    }
}

/* ==========================================================================
   ZONE MEMBRE - CONFORT ++
   Taille renforcée pour lecture et utilisation tactile
   ========================================================================== */

.members-memberbar-inner{
    min-height:62px;
    padding-right:16px;
    padding-left:16px;
}

.members-memberbar-brand{
    font-size:1rem;
}

.members-memberbar-admin{
    font-size:.8rem;
}

.members-memberbar-menu summary{
    min-height:62px;
    font-size:1rem;
    gap:8px;
}

.members-memberbar-menu summary i{
    font-size:1.12rem;
}

.members-memberbar-panel{
    width:min(92vw,350px);
    padding:7px 15px;
}

.members-memberbar-panel ul.links a{
    min-height:58px;
    font-size:1.06rem;
}


/* Carte espace membre */
.members-compact-profile{
    grid-template-columns:66px minmax(0,1fr) 20px;
    min-height:96px;
    gap:15px;
    padding:13px 15px;
    margin-bottom:12px;
}

.members-compact-profile-icon{
    width:60px;
    height:60px;
    font-size:1.65rem;
}

.members-compact-profile-text strong{
    font-size:1.08rem;
}

.members-compact-profile-text span{
    margin-top:6px;
    font-size:1.08rem;
}


/* Grandes cartes tactiles */
.members-compact-list{
    gap:10px;
}

.members-compact-item{
    grid-template-columns:66px minmax(0,1fr) auto 18px;
    min-height:92px;
    gap:15px;
    padding:12px 15px;
}

.members-compact-icon{
    width:60px;
    height:60px;
    font-size:1.62rem;
}

.members-compact-label small{
    margin-bottom:4px;
    font-size:.9rem;
}

.members-compact-label strong{
    font-size:1.16rem;
}

.members-compact-count{
    min-width:48px;
    font-size:2.15rem;
}

.members-compact-chevron{
    font-size:1rem;
}

@media(max-width:380px){
    .members-memberbar-inner{
        min-height:58px;
        padding-right:10px;
        padding-left:10px;
    }

    .members-memberbar-menu summary{
        min-height:58px;
        font-size:.94rem;
    }

    .members-compact-profile{
        grid-template-columns:60px minmax(0,1fr) 16px;
        min-height:90px;
        gap:11px;
        padding:11px;
    }

    .members-compact-profile-icon{
        width:56px;
        height:56px;
    }

    .members-compact-item{
        grid-template-columns:60px minmax(0,1fr) auto 15px;
        min-height:88px;
        gap:11px;
        padding:11px;
    }

    .members-compact-icon{
        width:56px;
        height:56px;
    }

    .members-compact-label strong{
        font-size:1.08rem;
    }

    .members-compact-count{
        min-width:40px;
        font-size:1.95rem;
    }
}

/* ==========================================================================
   ZONE MEMBRE - MON PROFIL
   Lisibilité renforcée / zones tactiles confortables
   ========================================================================== */

.member-profile-main{
    min-height:calc(100vh - 62px);
    padding:14px 12px 34px;
}

.member-profile-back{
    display:grid;
    grid-template-columns:62px minmax(0,1fr) 18px;
    gap:14px;
    align-items:center;
    min-height:92px;
    margin-bottom:12px;
    padding:12px 15px;
    border:1px solid rgba(25,20,33,.14);
    border-radius:11px;
    background:#fff;
    color:#28222b!important;
    text-decoration:none!important;
    box-shadow:0 3px 10px rgba(31,18,39,.05);
}

.member-profile-back-icon{
    display:flex;
    width:58px;
    height:58px;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:#3498db;
    color:#fff;
    font-size:1.5rem;
}

.member-profile-back > span:nth-child(2){
    display:flex;
    min-width:0;
    flex-direction:column;
}

.member-profile-back strong{
    color:#28222b;
    font-size:1.25rem;
}

.member-profile-back small{
    margin-top:4px;
    color:#6a636b;
    font-size:.95rem;
}

.member-profile-message{
    margin-bottom:12px;
}

.member-profile-view,
.member-profile-edit{
    display:grid;
    gap:12px;
}

.member-profile-card{
    padding:17px;
    border:1px solid rgba(25,20,33,.14);
    border-radius:12px;
    background:#fff;
    box-shadow:0 3px 10px rgba(31,18,39,.05);
}

.member-profile-card-heading{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    margin-bottom:15px;
}

.member-profile-card-heading small{
    display:block;
    margin-bottom:2px;
    color:var(--home-pink);
    font-size:.82rem;
    font-weight:700;
}

.member-profile-card-heading h1,
.member-profile-card-heading h2{
    margin:0;
    color:var(--home-purple);
    font-size:1.22rem;
    line-height:1.15;
    text-transform:none;
}

.member-edit-button{
    display:inline-flex;
    min-height:46px;
    padding:0 14px;
    align-items:center;
    gap:7px;
    border:0;
    border-radius:9px;
    background:#1673b1;
    color:#fff;
    font:inherit;
    font-size:.95rem;
    font-weight:700;
    cursor:pointer;
}

.member-profile-identity{
    display:grid;
    grid-template-columns:118px minmax(0,1fr);
    gap:16px;
    align-items:start;
}

.member-profile-photo{
    display:block;
    width:118px;
    height:118px;
    border:1px solid #bbb;
    border-radius:10px;
    object-fit:cover;
    cursor:pointer;
}

.member-profile-identity-text{
    min-width:0;
}

.member-profile-ref{
    display:block;
    margin-bottom:5px;
    color:#66606a;
    font-size:.92rem;
}

.member-profile-name{
    display:block;
    margin-bottom:12px;
    color:#29232c;
    font-size:1.13rem;
    line-height:1.25;
}

.member-profile-data{
    display:grid;
    gap:8px;
    margin:0;
}

.member-profile-data div{
    display:grid;
    grid-template-columns:92px minmax(0,1fr);
    gap:8px;
}

.member-profile-data dt{
    color:#6d6670;
    font-size:.9rem;
}

.member-profile-data dd{
    min-width:0;
    margin:0;
    overflow-wrap:anywhere;
    color:#29232c;
    font-size:.98rem;
    font-weight:700;
}


/* Couple ----------------------------------------------------------------- */

.member-partner{
    display:grid;
    grid-template-columns:92px minmax(0,1fr);
    gap:15px;
    align-items:center;
}

.member-partner-photo{
    width:92px;
    height:92px;
    border:1px solid #bbb;
    border-radius:10px;
    object-fit:cover;
}

.member-partner-info{
    display:flex;
    min-width:0;
    flex-direction:column;
    gap:6px;
}

.member-partner-info > strong{
    font-size:1.08rem;
}

.member-partner-info > span{
    color:#6a636b;
    font-size:.92rem;
}

.member-couple-action{
    display:inline-flex;
    min-height:46px;
    margin-top:4px;
    padding:0 13px;
    align-items:center;
    align-self:flex-start;
    gap:7px;
    border-radius:9px;
    font-size:.91rem;
    font-weight:700;
    text-decoration:none!important;
}

.member-couple-action-danger{
    background:#f44336;
    color:#fff!important;
}


/* Demandes couple -------------------------------------------------------- */

.member-request-card p,
.member-request-refused p{
    margin:0 0 14px;
    font-size:1rem;
    line-height:1.55;
}

.member-request-refused{
    border-color:#c94d4d;
    background:#fff6f6;
}

.member-request-actions{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:10px;
}

.member-partner-details summary{
    display:grid;
    grid-template-columns:58px minmax(0,1fr) 18px;
    gap:13px;
    min-height:74px;
    align-items:center;
    cursor:pointer;
    list-style:none;
}

.member-partner-details summary::-webkit-details-marker{
    display:none;
}

.member-partner-details-icon{
    display:flex;
    width:54px;
    height:54px;
    align-items:center;
    justify-content:center;
    gap:3px;
    border-radius:10px;
    background:#3498db;
    color:#fff;
    font-size:.88rem;
}

.member-partner-details summary > span:nth-child(2){
    display:flex;
    min-width:0;
    flex-direction:column;
}

.member-partner-details summary small{
    margin-bottom:3px;
    color:#6e6770;
    font-size:.84rem;
}

.member-partner-details summary strong{
    color:#29232c;
    font-size:1rem;
}

.member-partner-details-content{
    padding-top:16px;
    border-top:1px solid rgba(25,20,33,.08);
}

.member-partner-details-content p{
    font-size:.98rem;
    line-height:1.55;
}

.member-partner-form{
    display:grid;
    gap:10px;
}

.member-partner-form label{
    font-size:.95rem;
    font-weight:700;
}


/* Boutons ---------------------------------------------------------------- */

.member-btn{
    display:inline-flex;
    min-height:52px;
    padding:0 16px;
    align-items:center;
    justify-content:center;
    border:0;
    border-radius:10px;
    font:inherit;
    font-size:1rem;
    font-weight:700;
    text-decoration:none!important;
    cursor:pointer;
    gap: 8px;
}

.member-btn-primary{
    background:linear-gradient(135deg,var(--home-pink),var(--home-purple));
    color:#fff!important;
}

.member-btn-success{
    background:#159a72;
    color:#fff!important;
}

.member-btn-danger{
    background:#e24646;
    color:#fff!important;
}

.member-btn-neutral{
    background:#ece8eb;
    color:#3f3941!important;
}

.member-btn-full{
    width:100%;
}

.member-confirm-actions{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:10px;
    margin-top:16px;
}


/* Edition --------------------------------------------------------------- */

.member-photo-help{
    margin-top:0;
    font-size:.98rem;
    line-height:1.55;
}

.member-photo-editor{
    display:grid;
    grid-template-columns:120px minmax(0,1fr);
    gap:16px;
    margin:16px 0;
}

.member-photo-current{
    width:120px;
    height:120px;
    border:1px solid #bbb;
    border-radius:10px;
    object-fit:cover;
}

.member-photo-upload{
    display:grid;
    gap:10px;
}

.member-photo-upload input[type=file]{
    position:absolute;
    width:1px;
    height:1px;
    overflow:hidden;
    clip:rect(0 0 0 0);
}

.member-file-button{
    display:flex;
    min-height:52px;
    padding:0 14px;
    align-items:center;
    justify-content:center;
    gap:8px;
    border-radius:10px;
    background:#3498db;
    color:#fff;
    font-size:.96rem;
    font-weight:700;
    cursor:pointer;
    text-align:center;
}

.member-photo-preview{
    display:flex;
    min-height:52px;
    padding:8px;
    align-items:center;
    justify-content:center;
    border:1px dashed #bbb;
    border-radius:9px;
    color:#716a72;
    font-size:.88rem;
    text-align:center;
}

.member-photo-preview img{
    display:block;
    width:100%;
    max-width:110px;
    aspect-ratio:1;
    border-radius:8px;
    object-fit:cover;
}

.member-form-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:14px;
}

.member-form-grid label{
    display:grid;
    gap:7px;
}

.member-form-grid label > span{
    color:#332d35;
    font-size:.94rem;
    font-weight:700;
}

.member-form-grid input,
.member-form-grid select,
.member-partner-form input{
    width:100%;
    min-height:54px;
    padding:0 13px;
    border:1px solid #bdb8bd;
    border-radius:10px;
    background:#fff;
    color:#28222b;
    font:inherit;
    font-size:1rem;
}

.member-password-block{
    margin-top:24px;
    padding-top:20px;
    border-top:1px solid rgba(25,20,33,.10);
}

.member-password-block h3{
    margin:0 0 14px;
    font-size:1.08rem;
    text-transform:none;
}

.member-edit-actions{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:10px;
    margin-top:20px;
}


/* Smartphone étroit ------------------------------------------------------ */

@media(max-width:480px){

    .member-profile-main{
        padding-right:8px;
        padding-left:8px;
    }

    .member-profile-back{
        grid-template-columns:58px minmax(0,1fr) 16px;
        min-height:88px;
        padding:10px 12px;
    }

    .member-profile-back-icon{
        width:54px;
        height:54px;
    }

    .member-profile-card{
        padding:15px 13px;
    }

    .member-profile-card-heading{
        align-items:flex-start;
    }

    .member-edit-button{
        min-height:48px;
        padding:0 11px;
    }

    .member-profile-identity{
        grid-template-columns:105px minmax(0,1fr);
        gap:12px;
    }

    .member-profile-photo{
        width:105px;
        height:105px;
    }

    .member-profile-data div{
        grid-template-columns:1fr;
        gap:1px;
    }

    .member-profile-data dt{
        font-size:.82rem;
    }

    .member-partner{
        grid-template-columns:86px minmax(0,1fr);
        gap:12px;
    }

    .member-partner-photo{
        width:86px;
        height:86px;
    }

    .member-form-grid{
        grid-template-columns:1fr;
    }

    .member-photo-editor{
        grid-template-columns:100px minmax(0,1fr);
        gap:12px;
    }

    .member-photo-current{
        width:100px;
        height:100px;
    }

    .member-confirm-actions,
    .member-edit-actions{
        grid-template-columns:1fr;
    }
}

/* ==========================================================================
   MON PROFIL - CORRECTIFS V2
   ========================================================================== */

/* L'attribut hidden doit gagner sur le display:grid des blocs profil. */
.member-profile-edit[hidden],
.member-profile-view[hidden]{
    display:none!important;
}

.member-profile-card-heading-identity{
    align-items:center;
}

.member-profile-heading-identity{
    display:flex;
    min-width:0;
    flex-direction:column;
}

.member-profile-heading-identity .member-profile-ref{
    margin-bottom:4px;
}

.member-profile-heading-identity .member-profile-name{
    margin-bottom:0;
    font-size:1.18rem;
}

@media(max-width:480px){
    .member-profile-card-heading-identity{
        align-items:center;
    }

    .member-profile-heading-identity .member-profile-name{
        font-size:1.1rem;
    }
}

/* ==========================================================================
   ZONE MEMBRE - MESSAGES DU TABLEAU DE BORD
   ========================================================================== */

.members-alerts{
    display:grid;
    gap:10px;
    margin:0 0 12px;
}

.members-alert{
    display:grid;
    grid-template-columns:60px minmax(0,1fr) 18px;
    gap:14px;
    align-items:center;
    min-height:100px;
    padding:13px 15px;
    border:2px solid transparent;
    border-radius:12px;
    background:#fff;
    color:#29232c!important;
    text-decoration:none!important;
    box-shadow:0 3px 10px rgba(31,18,39,.06);
}

.members-alert-icon{
    display:flex;
    width:58px;
    height:58px;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    color:#fff;
    font-size:1.45rem;
}

.members-alert-content{
    display:flex;
    min-width:0;
    flex-direction:column;
    line-height:1.28;
}

.members-alert-content > strong{
    margin-bottom:5px;
    font-size:1.08rem;
}

.members-alert-content > span{
    color:#5d565f;
    font-size:.96rem;
    line-height:1.42;
}

.members-alert-content > small{
    margin-top:7px;
    color:var(--home-purple);
    font-size:.88rem;
    font-weight:800;
}

.members-alert-chevron{
    color:#999199;
    font-size:1rem;
}

.members-alert-warning{
    border-color:#f0b23e;
    background:#fffaf0;
}

.members-alert-warning .members-alert-icon{
    background:#e9a31f;
}

.members-alert-action{
    border-color:#18a989;
    background:#f2fcf9;
}

.members-alert-action .members-alert-icon{
    background:#18a989;
}

.members-alert-info{
    border-color:#5e7bb8;
    background:#f5f7fc;
}

.members-alert-info .members-alert-icon{
    background:#5e7bb8;
}

@media(max-width:380px){
    .members-alert{
        grid-template-columns:56px minmax(0,1fr) 15px;
        gap:11px;
        padding:12px 11px;
    }

    .members-alert-icon{
        width:54px;
        height:54px;
    }

    .members-alert-content > strong{
        font-size:1.02rem;
    }

    .members-alert-content > span{
        font-size:.92rem;
    }
}

/* Barre membre toujours visible */
.members-memberbar{
    position: sticky;
    top: 0;
    z-index: 1000;
}


/* ==========================================================================
   ZONE MEMBRE - PAGE ERREUR
   ========================================================================== */
.member-error-main{min-height:calc(100vh - 62px);padding:14px 12px 34px;}
.member-error-back-icon{display:flex;width:58px;height:58px;align-items:center;justify-content:center;border-radius:50%;background:#6b6670;color:#fff;font-size:1.35rem;}
.member-error-card{padding:18px;border:1px solid rgba(25,20,33,.14);border-radius:12px;background:#fff;box-shadow:0 3px 10px rgba(31,18,39,.05);}
.member-error-heading{display:grid;grid-template-columns:62px minmax(0,1fr);gap:15px;align-items:center;margin-bottom:17px;}
.member-error-icon{display:flex;width:58px;height:58px;align-items:center;justify-content:center;border-radius:50%;background:#e24646;color:#fff;font-size:1.45rem;}
.member-error-heading small{display:block;margin-bottom:4px;color:#c43c3c;font-size:.82rem;font-weight:800;}
.member-error-heading h1{margin:0;color:#29232c;font-size:1.2rem;line-height:1.25;text-transform:none;}
.member-error-message{padding:15px;border:1px solid #e5c3c3;border-radius:10px;background:#fff6f6;color:#3d3438;font-size:1rem;line-height:1.5;overflow-wrap:anywhere;}
.member-error-message>:first-child{margin-top:0}.member-error-message>:last-child{margin-bottom:0}.members-error-message-text{margin:0;}
.member-error-report{display:grid;gap:14px;margin-top:16px;padding-top:16px;border-top:1px solid rgba(25,20,33,.10);}
.member-error-report-text{display:flex;flex-direction:column;gap:5px;}
.member-error-report-text strong{color:#29232c;font-size:1.03rem;}
.member-error-report-text span{color:#625b64;font-size:.94rem;line-height:1.45;}
.member-error-report-status{min-height:0;font-size:.94rem;font-weight:700;line-height:1.4;}
.member-error-report-success{padding:11px 12px;border-radius:9px;background:#eef9f5;color:#16775e;}
.member-error-report-failed{padding:11px 12px;border-radius:9px;background:#fff1f1;color:#b73737;}
#send-error-report:disabled{opacity:.65;cursor:wait;}
@media(max-width:480px){
.member-error-main{padding-right:8px;padding-left:8px;}
.member-error-card{padding:15px 13px;}
.member-error-heading{grid-template-columns:56px minmax(0,1fr);gap:12px;}
.member-error-icon{width:54px;height:54px;}
.member-error-heading h1{font-size:1.1rem;}
}