/* Tableau de bord étudiant — charte du portail Loge l'Amitié (bleu nuit + or). */
.eso-tb{
    --navy:#13233f; --navy2:#1d3460; --gold:#c9a24b; --gold-deep:#9a7724; --gold-soft:#e6cd8a;
    --parch:#f5f1e8; --ivory:#fffdf8; --line:#e3dac6; --muted:#7c735f; --ink:#1b2740;
    font-family:"Outfit",system-ui,-apple-system,sans-serif;
    max-width:900px; margin:0 auto; color:var(--ink); line-height:1.55;
}
.eso-tb *,.eso-tb *::before,.eso-tb *::after{box-sizing:border-box;}

/* En-tête héro */
.eso-hero{
    display:flex; align-items:center; justify-content:space-between; gap:16px;
    padding:18px 22px; margin-bottom:22px; border-radius:14px; color:#fff;
    background:linear-gradient(135deg,var(--navy),var(--navy2));
    box-shadow:0 16px 34px -22px rgba(19,35,63,.7);
}
.eso-hero-id{display:flex; align-items:center; gap:14px;}
.eso-hero-ava{
    width:48px; height:48px; flex:0 0 auto; border-radius:50%; display:grid; place-items:center;
    font-family:"Fraunces",Georgia,serif; font-weight:700; font-size:20px; color:#fff;
    background:radial-gradient(circle at 35% 30%,#2a4576,#16294c);
    box-shadow:inset 0 0 0 1.5px rgba(201,162,75,.55);
}
.eso-hero-title{font-family:"Fraunces",Georgia,serif; font-size:22px; font-weight:600; line-height:1.1;}
.eso-hero-sub{font-size:13px; color:#d7deec; margin-top:2px;}
.eso-badge{
    flex:0 0 auto; font-size:13px; font-weight:600; white-space:nowrap;
    color:var(--navy); background:linear-gradient(135deg,var(--gold-soft),var(--gold));
    border-radius:11px; padding:6px 14px; box-shadow:0 2px 6px rgba(154,119,36,.25);
}
.eso-badge i{margin-right:4px;}

/* Avertissement */
.eso-avert{
    display:flex; align-items:center; gap:8px;
    background:#fbf3df; border:1px solid var(--line); border-left:4px solid var(--gold);
    color:#7a5a14; border-radius:10px; padding:10px 14px; margin-bottom:20px; font-size:14px;
}

/* Sections */
.eso-bloc{margin:0 0 30px;}
.eso-bloc h3{
    font-family:"Fraunces",Georgia,serif; color:var(--navy); font-size:18px; font-weight:600;
    margin:0 0 14px; border-bottom:2px solid var(--gold); display:inline-block; padding-bottom:4px;
}
.eso-bloc h3 i{color:var(--gold-deep); margin-right:6px;}

/* Cartes événement (réunions, exercices) */
.eso-cards{display:flex; flex-direction:column; gap:10px;}
.eso-ev{
    display:flex; gap:14px; align-items:flex-start;
    background:var(--ivory); border:1px solid var(--line); border-radius:12px; padding:12px 16px;
    transition:box-shadow .15s,border-color .15s,transform .15s;
}
.eso-ev:hover{border-color:var(--gold); box-shadow:0 12px 28px -18px rgba(201,162,75,.6); transform:translateX(2px);}
.eso-ev-cal{
    flex:0 0 auto; width:58px; text-align:center; border-radius:10px; padding:8px 4px; color:#fff;
    background:linear-gradient(135deg,var(--navy),var(--navy2));
}
.eso-ev-cal.gold{background:linear-gradient(135deg,var(--gold-deep),var(--gold)); color:var(--navy);}
.eso-ev-d{display:block; font-family:"Fraunces",Georgia,serif; font-size:24px; font-weight:700; line-height:1;}
.eso-ev-m{display:block; font-size:11px; font-weight:600; text-transform:uppercase; letter-spacing:.06em; margin-top:2px; opacity:.92;}
.eso-ev-body{flex:1; min-width:0;}
.eso-ev-title{font-weight:600; font-size:15.5px; color:var(--navy);}
.eso-ev-meta{display:flex; flex-wrap:wrap; gap:14px; font-size:13px; color:var(--muted); margin-top:3px;}
.eso-ev-meta i{color:var(--gold-deep); margin-right:3px;}
.eso-ex-consigne{margin-top:4px; font-size:14px;}

/* Documents */
.eso-docs{display:flex; flex-direction:column; gap:8px;}
.eso-doc{
    display:flex; align-items:center; gap:12px;
    background:var(--ivory); border:1px solid var(--line); border-radius:11px; padding:11px 14px;
    transition:box-shadow .15s,border-color .15s,transform .15s;
}
.eso-doc:hover{border-color:var(--gold); box-shadow:0 10px 26px -16px rgba(201,162,75,.6); transform:translateX(2px);}
.eso-ext{
    flex:0 0 auto; font-size:11px; font-weight:700; letter-spacing:.04em; color:#fff;
    background:var(--navy); border-radius:6px; padding:5px 8px; min-width:48px; text-align:center;
}
.eso-doc-body{flex:1; min-width:0;}
.eso-doc-title{font-weight:600; font-size:15px; color:var(--navy);}
.eso-doc-sub{margin-top:3px;}
.eso-vis{
    font-size:11px; font-weight:600; color:var(--gold-deep);
    background:#f6edd6; border-radius:10px; padding:1px 9px;
}

/* Boutons */
.eso-dl,.eso-dl-soft{
    flex:0 0 auto; display:inline-block; font-size:13px; font-weight:600; text-decoration:none;
    border-radius:9px; padding:8px 14px; transition:background .15s,color .15s;
}
.eso-dl{color:#fff; background:linear-gradient(135deg,var(--navy),var(--navy2));}
.eso-dl:hover{background:linear-gradient(135deg,var(--gold-deep),var(--gold)); color:var(--navy);}
.eso-dl-soft{margin-top:8px; color:var(--navy); background:#f6edd6;}
.eso-dl-soft:hover{background:linear-gradient(135deg,var(--gold-deep),var(--gold)); color:var(--navy);}
.eso-dl i,.eso-dl-soft i{margin-right:4px;}

/* Détails et vides */
.eso-detail{margin-top:6px; font-size:13.5px; color:#42485a;}
.eso-detail p{margin:.3em 0;}
.eso-vide{color:var(--muted); font-style:italic; margin:0; padding:4px 0;}

/* Responsive */
@media(max-width:520px){
    .eso-hero{flex-direction:column; align-items:flex-start;}
    .eso-doc{flex-wrap:wrap;}
    .eso-dl{margin-top:6px;}
}