/* HEADER */

img.logoheader {
    height: 50px;
}

/* Calendrier du club */
.calendar-page {
    --calendar-accent: #1674d1;
    --calendar-card-bg: var(--bs-body-bg);
    --calendar-soft-bg: var(--bs-tertiary-bg);
    padding-bottom: 3rem;
}

.calendar-hero {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 2rem;
    margin: 0 0 1.5rem;
    padding: clamp(1.5rem, 3vw, 2.5rem);
    overflow: hidden;
    color: #fff;
    border: 1px solid rgba(255,255,255,.14);
    border-radius: 1.4rem;
    background:
        radial-gradient(circle at 88% 12%, rgba(255,205,0,.28), transparent 29%),
        linear-gradient(125deg, #073b78 0%, #0875ae 58%, #07989f 100%);
    box-shadow: 0 1.1rem 2.8rem rgba(7,59,120,.18);
}
.calendar-hero::after {
    content: "";
    position: absolute;
    width: 14rem;
    height: 14rem;
    right: -4rem;
    bottom: -9rem;
    border: 2rem solid rgba(255,255,255,.07);
    border-radius: 50%;
}
.calendar-hero--archive { background: radial-gradient(circle at 88% 12%, rgba(255,205,0,.2), transparent 29%), linear-gradient(125deg,#25334b,#425271 62%,#59647a); }
.calendar-hero > * { position: relative; z-index: 1; }
.calendar-kicker { display: block; margin-bottom: .35rem; color: #ffdc4a; font-size: .74rem; font-weight: 800; letter-spacing: .14em; }
.calendar-hero h1 { margin: 0; color: #fff; font-size: clamp(1.7rem,3vw,2.6rem); font-weight: 800; }
.calendar-hero p { margin: .45rem 0 0; color: rgba(255,255,255,.78); }
.calendar-hero-stats { display: flex; gap: .65rem; }
.calendar-hero-stats > div { display: grid; min-width: 6.5rem; padding: .8rem 1rem; text-align: center; border: 1px solid rgba(255,255,255,.2); border-radius: 1rem; background: rgba(255,255,255,.1); backdrop-filter: blur(8px); }
.calendar-hero-stats strong { color: #fff; font-size: 1.65rem; line-height: 1; }
.calendar-hero-stats span { margin-top: .35rem; color: rgba(255,255,255,.72); font-size: .78rem; }

.calendar-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-bottom: 1.4rem; }
.calendar-tabs { display: flex; gap: .3rem; padding: .3rem; overflow-x: auto; border: 1px solid var(--bs-border-color); border-radius: .9rem; background: var(--calendar-soft-bg); }
.calendar-tabs a { display: inline-flex; align-items: center; gap: .45rem; padding: .55rem .8rem; color: var(--bs-secondary-color); white-space: nowrap; border-radius: .65rem; font-size: .88rem; font-weight: 700; }
.calendar-tabs a:hover { color: var(--bs-body-color); background: rgba(22,116,209,.08); }
.calendar-tabs a.active { color: #fff; background: var(--calendar-accent); box-shadow: 0 .35rem 1rem rgba(22,116,209,.22); }
.calendar-toolbar-actions { display: flex; align-items: center; justify-content: flex-end; gap: .55rem; }
.calendar-search { display: flex; align-items: center; gap: .5rem; min-width: min(18rem,28vw); padding: .55rem .75rem; border: 1px solid var(--bs-border-color); border-radius: .75rem; color: var(--bs-secondary-color); background: var(--bs-body-bg); }
.calendar-search:focus-within { border-color: rgba(22,116,209,.65); box-shadow: 0 0 0 .2rem rgba(22,116,209,.12); }
.calendar-search input { width: 100%; min-width: 0; padding: 0; color: var(--bs-body-color); border: 0; outline: 0; background: transparent; font-size: .9rem; }

.calendar-list { display: grid; gap: .85rem; }
.calendar-event-card {
    --event-tone: 22,116,209;
    position: relative;
    display: grid;
    grid-template-columns: 6.3rem minmax(0,1fr) auto;
    min-height: 9rem;
    overflow: hidden;
    border: 1px solid var(--bs-border-color);
    border-radius: 1.15rem;
    background: var(--calendar-card-bg);
    box-shadow: 0 .35rem 1.4rem rgba(14,31,53,.06);
    transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}
.calendar-event-card:hover { transform: translateY(-2px); border-color: rgba(var(--event-tone),.42); box-shadow: 0 .75rem 1.8rem rgba(14,31,53,.11); }
.calendar-event-card::before { content: ""; position: absolute; inset: 0 auto 0 0; width: .3rem; background: rgb(var(--event-tone)); }
.calendar-event-card--diner { --event-tone: 197,145,0; }
.calendar-event-card--reunion { --event-tone: 22,116,209; }
.calendar-event-card--bureau { --event-tone: 112,78,170; }
.calendar-event-card--ext { --event-tone: 217,74,118; }
.calendar-event-card--manif { --event-tone: 16,145,95; }
.calendar-event-card--autre { --event-tone: 75,103,128; }
.calendar-event-date { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 1rem .7rem; color:inherit;text-decoration:none;border-right: 1px solid var(--bs-border-color); background: linear-gradient(145deg,rgba(var(--event-tone),.13),rgba(var(--event-tone),.025)); }
.calendar-event-date strong { color: rgb(var(--event-tone)); font-size: 2.35rem; line-height: 1; }
.calendar-event-date > span:not(.calendar-event-weekday) { color: rgb(var(--event-tone)); font-size: .78rem; font-weight: 800; letter-spacing: .08em; }
.calendar-event-date small { margin-top: .25rem; color: var(--bs-secondary-color); }
.calendar-event-weekday { margin-bottom: .35rem; color: var(--bs-secondary-color); font-size: .65rem; font-weight: 800; letter-spacing: .08em; }
.calendar-event-main { min-width: 0; padding: 1.1rem 1.25rem;color:inherit;text-decoration:none; }
.calendar-event-date:hover,.calendar-event-main:hover{color:inherit}.calendar-event-date:focus-visible,.calendar-event-main:focus-visible{position:relative;z-index:2;outline:3px solid rgba(var(--event-tone),.35);outline-offset:-3px}.calendar-event-main:hover h3{text-decoration:underline;text-decoration-color:rgba(var(--event-tone),.45);text-underline-offset:.18em}
.calendar-event-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; }
.calendar-event-heading h3 { margin: .35rem 0 0; color: var(--bs-body-color); font-size: 1.12rem; font-weight: 800; }
.calendar-type-pill { display: inline-flex; align-items: center; gap: .35rem; padding: .25rem .5rem; color: rgb(var(--event-tone)); border-radius: 999px; background: rgba(var(--event-tone),.12); font-size: .7rem; font-weight: 800; text-transform: uppercase; letter-spacing: .04em; }
.calendar-answer { display: inline-flex; align-items: center; gap: .35rem; padding: .35rem .55rem; white-space: nowrap; border-radius: 999px; font-size: .76rem; font-weight: 800; }
.calendar-answer--yes { color: #0b8255; background: rgba(16,145,95,.13); }
.calendar-answer--no { color: #c63d4d; background: rgba(220,53,69,.13); }
.calendar-answer--waiting { color: #a26b00; background: rgba(255,193,7,.16); }
.calendar-answer--na { color: var(--bs-secondary-color); background: var(--bs-tertiary-bg); }
.calendar-event-details { display: flex; flex-wrap: wrap; gap: .5rem 1.1rem; margin-top: .65rem; color: var(--bs-secondary-color); font-size: .88rem; }
.calendar-event-details span { display: inline-flex; align-items: flex-start; gap: .4rem; }
.calendar-event-details i { margin-top: .16rem; color: rgb(var(--event-tone)); }
.calendar-participation { max-width: 34rem; margin-top: .85rem; }
.calendar-participation-labels { display: flex; gap: .85rem; margin-bottom: .35rem; color: var(--bs-secondary-color); font-size: .72rem; }
.calendar-participation-labels b { color: var(--bs-body-color); }
.calendar-participation-bar { display: flex; height: .35rem; overflow: hidden; border-radius: 999px; background: var(--bs-tertiary-bg); }
.calendar-participation-bar .is-yes { background: #10915f; }.calendar-participation-bar .is-no { background: #dc3545; }.calendar-participation-bar .is-waiting { background: #ffc107; }
.calendar-event-actions { display: flex; flex-direction: column; align-items: stretch; justify-content: center; gap: .85rem; width: 13.5rem; padding: 1rem 1.1rem; border-left: 1px solid var(--bs-border-color); background: linear-gradient(135deg,rgba(var(--event-tone),.035),transparent); }
.calendar-event-actions form { display: none; }
.calendar-event-actions .btn { border-radius: .6rem; }
.calendar-user-answer { display: flex; align-items: flex-end; flex-direction: column; gap: .35rem; }
.calendar-user-answer > small { color: var(--bs-secondary-color); font-size: .62rem; font-weight: 800; letter-spacing: .1em; }
.calendar-action-buttons { display: flex; justify-content: flex-end; flex-wrap: wrap; gap: .35rem; }

.calendar-archive-section + .calendar-archive-section { margin-top: 2.25rem; }
.calendar-section-heading { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin: 0 0 .85rem; }
.calendar-section-heading > div { display: flex; align-items: center; gap: .75rem; }
.calendar-section-icon { display: grid; width: 2.65rem; height: 2.65rem; place-items: center; color: var(--calendar-accent); border-radius: .8rem; background: rgba(22,116,209,.12); }
.calendar-section-heading span:not(.calendar-section-icon) { display: block; color: var(--bs-secondary-color); font-size: .64rem; font-weight: 800; letter-spacing: .12em; }
.calendar-section-heading h2 { margin: .1rem 0 0; font-size: 1.25rem; font-weight: 800; }
.calendar-section-heading > strong { display: grid; min-width: 2.25rem; height: 2.25rem; padding: 0 .55rem; place-items: center; color: var(--bs-secondary-color); border: 1px solid var(--bs-border-color); border-radius: 999px; background: var(--bs-tertiary-bg); font-size: .82rem; }
.calendar-archive-section--older .calendar-event-card { opacity: .88; }
.calendar-empty,.calendar-no-result { padding: 3rem 1.5rem; text-align: center; color: var(--bs-secondary-color); border: 1px dashed var(--bs-border-color); border-radius: 1rem; background: var(--bs-tertiary-bg); }
.calendar-empty > i { margin-bottom: .8rem; color: var(--calendar-accent); font-size: 2rem; }
.calendar-empty h2 { color: var(--bs-body-color); font-size: 1.2rem; }
.calendar-empty--compact { padding: 1.25rem; }.calendar-empty--compact p { margin: 0; }

@media (max-width: 991.98px) {
    .calendar-toolbar { align-items: stretch; flex-direction: column; }
    .calendar-toolbar-actions { justify-content: flex-start; flex-wrap: wrap; }
    .calendar-search { flex: 1 1 16rem; min-width: 0; }
    .calendar-event-card { grid-template-columns: 5.4rem minmax(0,1fr); }
    .calendar-event-actions { grid-column: 2; align-items: center; flex-direction: row; justify-content: space-between; width: auto; max-width: none; padding: 0 1.1rem 1rem 1.25rem; border-left: 0; background: transparent; }
    .calendar-user-answer { align-items: flex-start; }
}
@media (max-width: 575.98px) {
    .calendar-page { margin-top: 1.5rem!important; }
    .calendar-hero { align-items: flex-start; flex-direction: column; border-radius: 1.1rem; }
    .calendar-hero-stats { width: 100%; }.calendar-hero-stats > div { flex: 1; min-width: 0; }
    .calendar-tabs { width: 100%; }.calendar-tabs a { flex: 1 0 auto; justify-content: center; }
    .calendar-toolbar-actions .btn { flex: 1 1 auto; }
    .calendar-event-card { grid-template-columns: 4.6rem minmax(0,1fr); border-radius: .95rem; }
    .calendar-event-date { padding: .85rem .4rem; }.calendar-event-date strong { font-size: 1.85rem; }
    .calendar-event-main { padding: .9rem; }.calendar-event-heading { flex-direction: column; gap: .55rem; }
    .calendar-event-actions { grid-column: 1 / -1; align-items: stretch; flex-direction: column; padding: .8rem .9rem .9rem; border-top: 1px solid var(--bs-border-color); }
    .calendar-user-answer { align-items: flex-start; }
    .calendar-action-buttons { justify-content: flex-start; }
    .calendar-action-buttons .btn:first-of-type { flex: 1; }
    .calendar-participation-labels { justify-content: space-between; gap: .25rem; }
}
@media (prefers-reduced-motion: reduce) {
    .calendar-event-card { transition: none; }
    .calendar-event-card:hover { transform: none; }
}

/* Annuaire et documents du club */
.club-directory-page,.club-documents-page { padding-bottom: 3rem; }
.club-page-hero { position:relative;display:flex;align-items:center;justify-content:space-between;gap:2rem;margin-bottom:1.4rem;padding:clamp(1.5rem,3vw,2.5rem);overflow:hidden;color:#fff;border:1px solid rgba(255,255,255,.14);border-radius:1.4rem;box-shadow:0 1.1rem 2.8rem rgba(7,59,120,.16) }
.club-page-hero--members { background:radial-gradient(circle at 88% 12%,rgba(255,205,0,.25),transparent 29%),linear-gradient(125deg,#075b47,#087f62 58%,#23a27b) }
.club-page-hero--documents { background:radial-gradient(circle at 88% 12%,rgba(255,205,0,.24),transparent 29%),linear-gradient(125deg,#263d79,#315da2 58%,#367fc1) }
.club-page-hero::after { content:"";position:absolute;width:15rem;height:15rem;right:-5rem;bottom:-10rem;border:2rem solid rgba(255,255,255,.07);border-radius:50% }
.club-page-hero>* { position:relative;z-index:1 }.club-page-kicker{display:block;margin-bottom:.35rem;color:#ffdc4a;font-size:.72rem;font-weight:800;letter-spacing:.14em}.club-page-hero h1{margin:0;color:#fff;font-size:clamp(1.7rem,3vw,2.55rem);font-weight:800}.club-page-hero p{max-width:42rem;margin:.45rem 0 0;color:rgba(255,255,255,.78)}
.club-page-hero-stats{display:flex;gap:.55rem}.club-page-hero-stats>div{display:grid;min-width:6.2rem;padding:.8rem .9rem;text-align:center;border:1px solid rgba(255,255,255,.2);border-radius:1rem;background:rgba(255,255,255,.1);backdrop-filter:blur(8px)}.club-page-hero-stats strong{color:#fff;font-size:1.55rem;line-height:1}.club-page-hero-stats span{margin-top:.35rem;color:rgba(255,255,255,.72);font-size:.75rem}
.club-page-toolbar{display:flex;align-items:center;gap:.75rem;margin-bottom:1.35rem}.club-page-search{display:flex;align-items:center;gap:.55rem;flex:1;min-width:14rem;padding:.62rem .8rem;color:var(--bs-secondary-color);border:1px solid var(--bs-border-color);border-radius:.8rem;background:var(--bs-body-bg)}.club-page-search:focus-within{border-color:rgba(13,110,253,.62);box-shadow:0 0 0 .2rem rgba(13,110,253,.11)}.club-page-search input{width:100%;min-width:0;padding:0;color:var(--bs-body-color);border:0;outline:0;background:transparent}
.club-filter-pills{display:flex;gap:.25rem;padding:.28rem;border:1px solid var(--bs-border-color);border-radius:.8rem;background:var(--bs-tertiary-bg)}.club-filter-pills button{padding:.47rem .68rem;color:var(--bs-secondary-color);white-space:nowrap;border:0;border-radius:.58rem;background:transparent;font-size:.8rem;font-weight:700}.club-filter-pills button:hover{color:var(--bs-body-color)}.club-filter-pills button.active{color:#fff;background:#1674d1;box-shadow:0 .25rem .7rem rgba(22,116,209,.2)}
.club-member-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.club-member-card{display:flex;min-width:0;min-height:21rem;flex-direction:column;padding:1.15rem;overflow:hidden;border:1px solid var(--bs-border-color);border-radius:1.1rem;background:var(--bs-body-bg);box-shadow:0 .35rem 1.4rem rgba(14,31,53,.055);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.club-member-card:hover{transform:translateY(-2px);border-color:rgba(8,127,98,.38);box-shadow:0 .75rem 1.8rem rgba(14,31,53,.1)}.club-member-card header{display:flex;align-items:center;gap:.85rem}.club-member-avatar{display:grid;width:3.15rem;height:3.15rem;flex:0 0 3.15rem;place-items:center;overflow:hidden;color:#fff;border-radius:.95rem;background:linear-gradient(135deg,#075b47,#14a078);font-size:.9rem;font-weight:800;box-shadow:0 .45rem 1rem rgba(7,91,71,.18)}.club-member-avatar img{display:block;grid-area:1/1;width:100%;height:100%;object-fit:cover;border:2px solid rgba(255,255,255,.72);border-radius:inherit}.club-member-initials{display:grid;grid-area:1/1;width:100%;height:100%;place-items:center;letter-spacing:.04em}.club-member-card h2{margin:0 0 .25rem;color:var(--bs-body-color);font-size:1rem;font-weight:800}.club-member-status{display:inline-flex;align-items:center;gap:.35rem;color:var(--bs-secondary-color);font-size:.73rem;font-weight:700}.club-member-status i{width:.45rem;height:.45rem;border-radius:50%;background:#7b8794}.club-member-status.is-actif i{background:#10a36d}.club-member-status.is-honneur i{background:#d49b00}.club-member-status.is-temporaire i{background:#288bd4}.club-member-status.is-inactif i{background:#dc3545}.club-member-functions{display:flex;flex-wrap:wrap;gap:.35rem;margin:.9rem 0}.club-member-functions span{padding:.28rem .48rem;color:#08785e;border:1px solid rgba(8,127,98,.15);border-radius:999px;background:rgba(8,127,98,.09);font-size:.68rem;font-weight:700}.club-member-info{display:grid;gap:.6rem;margin-top:.15rem;color:var(--bs-secondary-color);font-size:.82rem}.club-member-info>div{display:flex;align-items:flex-start;gap:.55rem;min-width:0}.club-member-info i{width:1rem;margin-top:.18rem;color:#15906f;text-align:center}.club-member-info span,.club-member-info a{min-width:0;overflow-wrap:anywhere}.club-member-email{color:#08785e}.club-member-card footer{display:flex;justify-content:flex-end;gap:.4rem;margin-top:auto;padding-top:1rem;border-top:1px solid var(--bs-border-color)}.club-member-card footer .btn{border-radius:.6rem}
.club-document-add{margin-bottom:1.25rem}.club-document-add .card{border-radius:1rem!important;background:var(--bs-tertiary-bg)}.club-document-add-icon{display:grid;width:2.8rem;height:2.8rem;place-items:center;color:#2764aa;border-radius:.8rem;background:rgba(39,100,170,.12)}
.club-document-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.club-document-card{display:grid;grid-template-columns:4rem minmax(0,1fr);gap:1rem;min-height:12rem;padding:1.15rem;border:1px solid var(--bs-border-color);border-radius:1.1rem;background:var(--bs-body-bg);box-shadow:0 .35rem 1.4rem rgba(14,31,53,.055);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.club-document-card:hover{transform:translateY(-2px);border-color:rgba(49,93,162,.4);box-shadow:0 .75rem 1.8rem rgba(14,31,53,.1)}.club-document-file-icon{display:flex;width:4rem;height:4.7rem;align-items:center;justify-content:center;flex-direction:column;gap:.25rem;color:#326bad;border-radius:.85rem;background:rgba(50,107,173,.11)}.club-document-file-icon i{font-size:1.55rem}.club-document-file-icon small{font-size:.59rem;font-weight:800;letter-spacing:.06em}.club-document-file-icon.is-pdf{color:#d33e4f;background:rgba(211,62,79,.11)}.club-document-file-icon.is-jpg,.club-document-file-icon.is-jpeg,.club-document-file-icon.is-png,.club-document-file-icon.is-svg,.club-document-file-icon.is-ai{color:#0b8b65;background:rgba(11,139,101,.11)}.club-document-content{min-width:0}.club-document-meta{display:flex;align-items:center;gap:.4rem;margin-bottom:.35rem}.club-document-type,.club-document-new{font-size:.64rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.club-document-type{color:#326bad}.club-document-new{padding:.16rem .35rem;color:#0b8255;border-radius:999px;background:rgba(16,145,95,.12)}.club-document-card h2{margin:0;color:var(--bs-body-color);font-size:1rem;font-weight:800;overflow-wrap:anywhere}.club-document-card p{display:-webkit-box;margin:.5rem 0;color:var(--bs-secondary-color);overflow:hidden;font-size:.82rem;-webkit-box-orient:vertical;-webkit-line-clamp:2}.club-document-byline{display:flex;flex-wrap:wrap;gap:.35rem .8rem;color:var(--bs-secondary-color);font-size:.7rem}.club-document-byline span{display:inline-flex;align-items:center;gap:.3rem}.club-document-actions{display:flex;align-items:center;justify-content:flex-end;gap:.35rem;grid-column:1/-1;margin-top:auto;padding-top:.75rem;border-top:1px solid var(--bs-border-color)}.club-document-actions .btn:first-child{margin-right:auto}.club-document-actions .btn{border-radius:.6rem}
.club-page-empty{padding:3rem 1.5rem;text-align:center;color:var(--bs-secondary-color);border:1px dashed var(--bs-border-color);border-radius:1rem;background:var(--bs-tertiary-bg)}.club-page-empty i{margin-bottom:.75rem;color:#1674d1;font-size:2rem}.club-page-empty h2{color:var(--bs-body-color);font-size:1.15rem}
@media(max-width:991.98px){.club-page-toolbar{align-items:stretch;flex-wrap:wrap}.club-page-search{flex-basis:100%}.club-member-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.club-document-grid{grid-template-columns:1fr}}
@media(max-width:767.98px){.club-page-hero{align-items:flex-start;flex-direction:column}.club-page-hero-stats{width:100%}.club-page-hero-stats>div{flex:1;min-width:0}.club-filter-pills{max-width:100%;overflow-x:auto}.club-member-grid{grid-template-columns:1fr}.club-member-card{min-height:0}}
@media(max-width:575.98px){.club-directory-page,.club-documents-page{margin-top:1.5rem!important}.club-page-hero{border-radius:1.1rem}.club-page-toolbar>.btn{width:100%}.club-document-card{grid-template-columns:3.35rem minmax(0,1fr);padding:.9rem}.club-document-file-icon{width:3.35rem;height:4rem}}
@media(prefers-reduced-motion:reduce){.club-member-card,.club-document-card{transition:none}.club-member-card:hover,.club-document-card:hover{transform:none}}

/* Tableau d'honneur PHF et trombinoscope */
.club-phf-page,.club-trombi-page{padding-bottom:3rem}.club-page-hero--phf{background:radial-gradient(circle at 88% 12%,rgba(255,255,255,.18),transparent 29%),linear-gradient(125deg,#7a4c00,#b87900 55%,#d8a91b)}.club-page-hero--trombi{background:radial-gradient(circle at 88% 12%,rgba(255,205,0,.23),transparent 29%),linear-gradient(125deg,#443065,#71529a 58%,#9572b9)}.modal .club-page-kicker{color:#1674d1}
.phf-intro{display:flex;align-items:center;gap:1rem;margin-bottom:1.25rem;padding:1rem 1.15rem;border:1px solid rgba(197,145,0,.24);border-radius:1rem;background:linear-gradient(135deg,rgba(197,145,0,.1),rgba(197,145,0,.025))}.phf-intro>span{display:grid;width:3rem;height:3rem;flex:0 0 3rem;place-items:center;color:#bd8600;border-radius:.85rem;background:rgba(197,145,0,.13);font-size:1.25rem}.phf-intro h2{margin:0 0 .2rem;font-size:1rem;font-weight:800}.phf-intro p{margin:0;color:var(--bs-secondary-color);font-size:.84rem}
.phf-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.phf-card{--phf-tone:197,145,0;position:relative;display:flex;min-height:15rem;align-items:center;flex-direction:column;padding:1.2rem;overflow:hidden;text-align:center;border:1px solid rgba(var(--phf-tone),.25);border-radius:1.1rem;background:linear-gradient(145deg,rgba(var(--phf-tone),.1),var(--bs-body-bg) 52%);box-shadow:0 .4rem 1.4rem rgba(63,45,0,.07);transition:transform .18s ease,box-shadow .18s ease}.phf-card:hover{transform:translateY(-3px);box-shadow:0 .85rem 1.9rem rgba(63,45,0,.13)}.phf-card.is-sapphire{--phf-tone:26,105,190}.phf-card.is-ruby{--phf-tone:190,38,62}.phf-rank{position:absolute;top:.8rem;left:.85rem;color:rgba(var(--phf-tone),.72);font-size:.68rem;font-weight:800}.phf-card-medal{display:grid;width:max-content;min-width:4.3rem;max-width:100%;height:4.3rem;margin:.25rem 0 .9rem;padding:.6rem .8rem;place-items:center;border:1px solid rgba(var(--phf-tone),.18);border-radius:1.15rem;background:rgba(var(--phf-tone),.09)}.phf-medal{display:inline-flex;align-items:center;justify-content:center;gap:.28rem;color:#c59100}.phf-card-medal .phf-medal{max-width:none;flex-wrap:nowrap}.phf-card-medal .phf-medal .fa-award,.phf-card-medal .phf-medal .fa-gem{font-size:1.4rem}.phf-medal .fa-gem{font-size:.72rem}.phf-medal .is-sapphire{color:#1976cf}.phf-medal .is-ruby{color:#c32847}.phf-card-person{display:flex;align-items:center;gap:.6rem;text-align:left}.phf-initials{display:grid;width:2.25rem;height:2.25rem;flex:0 0 2.25rem;overflow:hidden;place-items:center;color:#fff;border-radius:.65rem;background:rgb(var(--phf-tone));font-size:.69rem;font-weight:800}.phf-initials img,.phf-initials>span{grid-area:1/1}.phf-initials img{display:block;width:100%;height:100%;object-fit:cover;border:1px solid rgba(255,255,255,.7);border-radius:inherit}.phf-card-person h2{margin:0;color:var(--bs-body-color);font-size:.95rem;font-weight:800}.phf-card-person div>span{color:var(--bs-secondary-color);font-size:.7rem}.phf-card footer{display:grid;width:100%;margin-top:auto;padding-top:.9rem;border-top:1px solid var(--bs-border-color)}.phf-card footer strong{color:rgb(var(--phf-tone));font-size:.83rem}.phf-card footer small{color:var(--bs-secondary-color);font-size:.66rem}.phf-legend{margin-top:1.5rem;padding:1.2rem;border:1px solid var(--bs-border-color);border-radius:1rem;background:var(--bs-tertiary-bg)}.phf-legend-heading{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.phf-legend-heading>span{display:grid;width:2.6rem;height:2.6rem;place-items:center;color:#c59100;border-radius:.75rem;background:rgba(197,145,0,.13)}.phf-legend-heading .club-page-kicker{margin:0;color:#9d7100}.phf-legend-heading h2{margin:.1rem 0 0;font-size:1rem}.phf-legend-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem}.phf-legend-grid>div{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:.1rem .7rem;padding:.8rem;border:1px solid var(--bs-border-color);border-radius:.75rem;background:var(--bs-body-bg)}.phf-legend-grid .phf-medal{grid-row:1/3;width:2.8rem}.phf-legend-grid strong{font-size:.82rem}.phf-legend-grid small{color:var(--bs-secondary-color);font-size:.68rem}
.trombi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.trombi-card{min-width:0;overflow:hidden;border:1px solid var(--bs-border-color);border-radius:1.1rem;background:var(--bs-body-bg);box-shadow:0 .35rem 1.4rem rgba(14,31,53,.06);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.trombi-card:hover{transform:translateY(-3px);border-color:rgba(113,82,154,.4);box-shadow:0 .8rem 1.9rem rgba(35,20,58,.12)}.trombi-portraits{position:relative;display:grid;height:12.5rem;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 30%,rgba(149,114,185,.23),transparent 48%),linear-gradient(145deg,rgba(113,82,154,.12),rgba(113,82,154,.025))}.trombi-portraits::after{content:"";position:absolute;width:11rem;height:11rem;border:1px solid rgba(113,82,154,.14);border-radius:50%}.trombi-portrait{position:relative;z-index:1;padding:0;border:0;border-radius:50%;background:transparent}.trombi-portrait img{display:block;width:8.4rem;height:8.4rem;object-fit:cover;border:4px solid var(--bs-body-bg);border-radius:50%;box-shadow:0 .7rem 1.6rem rgba(31,20,49,.2)}.trombi-portrait:hover img{outline:3px solid rgba(113,82,154,.32)}.trombi-portrait--partner{position:absolute;right:1.2rem;bottom:.75rem;z-index:2}.trombi-portrait--partner img{width:5.1rem;height:5.1rem;border-width:3px}.trombi-portrait--partner span{position:absolute;right:0;bottom:-.15rem;padding:.12rem .35rem;color:#fff;border-radius:999px;background:#71529a;font-size:.55rem;font-weight:800}.trombi-card-content{padding:1rem;text-align:center}.trombi-card-content>.club-member-status{justify-content:center}.trombi-card h2{margin:.35rem 0 0;color:var(--bs-body-color);font-size:1rem;font-weight:800}.trombi-card p{margin:.25rem 0 0;color:var(--bs-secondary-color);font-size:.78rem}.trombi-functions{display:flex;justify-content:center;flex-wrap:wrap;gap:.32rem;margin-top:.7rem}.trombi-functions span{--function-rgb:113,82,154;padding:.27rem .48rem;color:rgb(var(--function-rgb));border:1px solid rgba(var(--function-rgb),.2);border-radius:999px;background:rgba(var(--function-rgb),.11);font-size:.64rem;font-weight:800;box-shadow:inset 0 -1px rgba(var(--function-rgb),.08)}.trombi-functions .tone-1{--function-rgb:24,112,190}.trombi-functions .tone-2{--function-rgb:8,139,101}.trombi-functions .tone-3{--function-rgb:190,120,0}.trombi-functions .tone-4{--function-rgb:179,58,94}.trombi-functions .tone-5{--function-rgb:112,82,154}.trombi-functions .tone-6{--function-rgb:14,137,155}.trombi-functions .tone-7{--function-rgb:202,82,34}.trombi-functions .tone-8{--function-rgb:74,103,144}.trombi-functions .tone-member{--function-rgb:105,114,124}.trombi-photo-modal .modal-body{padding:0;overflow:hidden;border-radius:0 0 var(--bs-modal-border-radius) var(--bs-modal-border-radius);background:#111}.trombi-photo-modal .modal-body img{display:block;width:100%;max-height:72vh;object-fit:contain}
.trombi-functions .tone-9{--function-rgb:156,82,26}.trombi-functions .tone-10{--function-rgb:42,139,54}.trombi-functions .tone-11{--function-rgb:187,55,170}.trombi-functions .tone-12{--function-rgb:45,91,187}.trombi-functions .tone-13{--function-rgb:151,111,13}
@media(max-width:1199.98px){.trombi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:991.98px){.phf-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.trombi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:575.98px){.club-phf-page,.club-trombi-page{margin-top:1.5rem!important}.phf-grid,.trombi-grid{grid-template-columns:1fr}.phf-legend-grid{grid-template-columns:1fr}.trombi-portraits{height:14rem}.trombi-portrait img{width:9.5rem;height:9.5rem}}
@media(prefers-reduced-motion:reduce){.phf-card,.trombi-card{transition:none}.phf-card:hover,.trombi-card:hover{transform:none}}

/* Mon profil */
.profile-page{padding-bottom:3rem}.profile-hero{position:relative;display:flex;align-items:center;justify-content:space-between;gap:2rem;margin-bottom:1.4rem;padding:clamp(1.4rem,3vw,2.2rem);overflow:hidden;color:#fff;border-radius:1.4rem;background:radial-gradient(circle at 88% 12%,rgba(255,205,0,.25),transparent 29%),linear-gradient(125deg,#17458f,#1478ad 60%,#20999b);box-shadow:0 1.1rem 2.8rem rgba(7,59,120,.17)}.profile-hero::after{content:"";position:absolute;right:-4rem;bottom:-9rem;width:14rem;height:14rem;border:2rem solid rgba(255,255,255,.07);border-radius:50%}.profile-hero>*{position:relative;z-index:1}.profile-hero-person{display:flex;align-items:center;gap:1rem}.profile-hero-avatar{display:grid;width:5rem;height:5rem;flex:0 0 5rem;overflow:hidden;place-items:center;color:#fff;border:2px solid rgba(255,255,255,.68);border-radius:1.35rem;background:rgba(255,255,255,.14);font-size:1.25rem;font-weight:800;box-shadow:0 .7rem 1.5rem rgba(0,0,0,.15)}.profile-hero-avatar img,.profile-hero-avatar>span{grid-area:1/1}.profile-hero-avatar img{width:100%;height:100%;object-fit:cover}.profile-hero h1{margin:0;color:#fff;font-size:clamp(1.55rem,3vw,2.25rem);font-weight:800}.profile-hero-person p{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem 1rem;margin:.4rem 0 0;color:rgba(255,255,255,.78);font-size:.8rem}.profile-hero-person p>span{display:inline-flex;align-items:center;gap:.35rem}.profile-status i{width:.45rem;height:.45rem;border-radius:50%;background:#72e3b7}.profile-completion{display:flex;align-items:center;gap:.7rem;padding:.8rem 1rem;border:1px solid rgba(255,255,255,.2);border-radius:1rem;background:rgba(255,255,255,.1);backdrop-filter:blur(8px)}.profile-completion>i{font-size:1.35rem}.profile-completion div{display:grid}.profile-completion strong{font-size:.83rem}.profile-completion span{color:rgba(255,255,255,.7);font-size:.68rem}
.profile-form{display:grid;grid-template-columns:minmax(17rem,.72fr) minmax(0,1.7fr);align-items:start;gap:1rem}.profile-side-column{position:sticky;top:1rem}.profile-main-column{display:grid;gap:1rem}.profile-section-card{padding:1.2rem;border:1px solid var(--bs-border-color);border-radius:1.1rem;background:var(--bs-body-bg);box-shadow:0 .35rem 1.35rem rgba(14,31,53,.055)}.profile-section-card>header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;padding-bottom:.9rem;border-bottom:1px solid var(--bs-border-color)}.profile-section-card>header>span{display:grid;width:2.65rem;height:2.65rem;flex:0 0 2.65rem;place-items:center;color:#1674d1;border-radius:.78rem;background:rgba(22,116,209,.11)}.profile-section-card>header small{display:block;color:var(--bs-secondary-color);font-size:.61rem;font-weight:800;letter-spacing:.11em}.profile-section-card>header h2{margin:.08rem 0 0;font-size:1rem;font-weight:800}.profile-header-control{margin-left:auto}.profile-header-control .form-select{min-width:9rem}.profile-photo-editor{text-align:center}.profile-photo-editor label{display:flex;align-items:center;flex-direction:column;gap:.65rem;cursor:pointer}.profile-photo-preview{display:grid;width:8rem;height:8rem;overflow:hidden;place-items:center;color:#fff;border:3px solid var(--bs-body-bg);outline:1px solid var(--bs-border-color);border-radius:1.4rem;background:linear-gradient(135deg,#17458f,#1b9b9a);font-size:1.7rem;font-weight:800;box-shadow:0 .7rem 1.6rem rgba(23,69,143,.18)}.profile-photo-preview img{width:100%;height:100%;object-fit:cover}.profile-photo-editor>small{display:block;margin-top:.6rem;color:var(--bs-secondary-color);font-size:.66rem}.profile-readonly-list{display:grid;gap:.65rem;margin-top:1.15rem}.profile-readonly-list>div{display:grid;padding:.65rem .75rem;border-radius:.7rem;background:var(--bs-tertiary-bg)}.profile-readonly-list small{color:var(--bs-secondary-color);font-size:.65rem}.profile-readonly-list strong{font-size:.8rem;overflow-wrap:anywhere}.profile-help{display:flex;gap:.45rem;margin:1rem 0 0;color:var(--bs-secondary-color);font-size:.7rem}.profile-help i{margin-top:.12rem;color:#1674d1}.profile-partner-details{display:flex;align-items:center;gap:1rem}.profile-partner-photo label{display:flex;align-items:center;flex-direction:column;gap:.35rem;cursor:pointer}.profile-partner-photo label>span{display:grid;width:5rem;height:5rem;overflow:hidden;place-items:center;color:#71529a;border-radius:1rem;background:rgba(113,82,154,.12);font-size:1.4rem}.profile-partner-photo img{width:100%;height:100%;object-fit:cover}.profile-partner-photo label>small{color:#71529a;font-size:.68rem;font-weight:700}.profile-submit{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.9rem 1rem;border:1px solid var(--bs-border-color);border-radius:1rem;background:var(--bs-tertiary-bg)}.profile-submit>span{color:var(--bs-secondary-color);font-size:.72rem}.profile-submit .btn{border-radius:.7rem}
@media(max-width:991.98px){.profile-form{grid-template-columns:1fr}.profile-side-column{position:static}.profile-identity-card{display:grid;grid-template-columns:minmax(10rem,.55fr) 1fr;gap:0 1rem}.profile-identity-card>header{grid-column:1/-1}.profile-readonly-list{margin-top:0}}
@media(max-width:575.98px){.profile-page{margin-top:1.5rem!important}.profile-hero{align-items:flex-start;flex-direction:column;border-radius:1.1rem}.profile-completion{width:100%}.profile-hero-avatar{width:4.2rem;height:4.2rem;flex-basis:4.2rem}.profile-identity-card{display:block}.profile-readonly-list{margin-top:1rem}.profile-partner-details{align-items:flex-start;flex-direction:column}.profile-partner-photo{width:100%}.profile-partner-photo label{align-items:flex-start}.profile-submit{align-items:stretch;flex-direction:column}.profile-submit .btn{width:100%}}

/* Mes paramètres */
.options-page{padding-bottom:3rem}.options-hero{position:relative;display:flex;align-items:center;justify-content:space-between;gap:2rem;margin-bottom:1.4rem;padding:clamp(1.5rem,3vw,2.3rem);overflow:hidden;color:#fff;border-radius:1.4rem;background:radial-gradient(circle at 88% 12%,rgba(255,205,0,.25),transparent 29%),linear-gradient(125deg,#3e326c,#6853a1 58%,#397db0);box-shadow:0 1.1rem 2.8rem rgba(47,37,88,.18)}.options-hero::after{content:"";position:absolute;right:-4rem;bottom:-9rem;width:14rem;height:14rem;border:2rem solid rgba(255,255,255,.07);border-radius:50%}.options-hero>*{position:relative;z-index:1}.options-hero h1{margin:0;color:#fff;font-size:clamp(1.7rem,3vw,2.5rem);font-weight:800}.options-hero p{margin:.4rem 0 0;color:rgba(255,255,255,.76)}.options-hero-summary{display:flex;align-items:center;gap:.7rem;min-width:11rem;padding:.8rem 1rem;border:1px solid rgba(255,255,255,.2);border-radius:1rem;background:rgba(255,255,255,.1);backdrop-filter:blur(8px)}.options-hero-summary>span{display:grid;width:2.5rem;height:2.5rem;place-items:center;border-radius:.7rem;background:rgba(255,255,255,.13)}.options-hero-summary div{display:grid}.options-hero-summary small{color:rgba(255,255,255,.65);font-size:.58rem;font-weight:800;letter-spacing:.1em}.options-hero-summary strong{font-size:.9rem}.options-form{display:grid;gap:1rem}.options-section-card{padding:1.25rem;border:1px solid var(--bs-border-color);border-radius:1.1rem;background:var(--bs-body-bg);box-shadow:0 .35rem 1.4rem rgba(14,31,53,.055)}.options-section-card>header{display:flex;align-items:center;gap:.8rem;margin-bottom:1.15rem;padding-bottom:1rem;border-bottom:1px solid var(--bs-border-color)}.options-section-card>header>span{display:grid;width:2.8rem;height:2.8rem;flex:0 0 2.8rem;place-items:center;color:#6853a1;border-radius:.82rem;background:rgba(104,83,161,.11)}.options-section-card>header>div:not(.options-switch){min-width:0}.options-section-card>header small{display:block;color:var(--bs-secondary-color);font-size:.6rem;font-weight:800;letter-spacing:.1em}.options-section-card>header h2{margin:.08rem 0 0;font-size:1.05rem;font-weight:800}.options-section-card>header p{margin:.2rem 0 0;color:var(--bs-secondary-color);font-size:.75rem}.theme-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.theme-choice{display:block;overflow:hidden;cursor:pointer;border:2px solid var(--bs-border-color);border-radius:1rem;background:var(--bs-tertiary-bg);transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease}.theme-choice:hover{transform:translateY(-2px)}.theme-choice.is-selected{border-color:#6853a1;box-shadow:0 0 0 .2rem rgba(104,83,161,.12)}.theme-choice>input{position:absolute;opacity:0;pointer-events:none}.theme-preview{position:relative;display:block;height:9rem;overflow:hidden;border-bottom:1px solid var(--bs-border-color)}.theme-preview--light{background:#f4f6f9}.theme-preview--dark{background:#1f2429}.theme-preview i{position:absolute;display:block}.theme-preview-sidebar{inset:0 auto 0 0;width:18%;background:#17458f}.theme-preview-header{top:12%;right:7%;width:68%;height:14%;border-radius:.4rem;background:#287db8}.theme-preview-card{top:38%;width:30%;height:43%;border-radius:.45rem;box-shadow:0 .25rem .6rem rgba(0,0,0,.12)}.theme-preview-card.one{left:25%}.theme-preview-card.two{right:7%}.theme-preview--light .theme-preview-card{background:#fff}.theme-preview--dark .theme-preview-card{background:#30373e}.theme-preview--dark .theme-preview-header{background:#286895}.theme-choice-label{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.65rem;padding:.8rem}.theme-choice-label>span:first-child{display:grid;width:2.1rem;height:2.1rem;place-items:center;color:#6853a1;border-radius:.6rem;background:rgba(104,83,161,.1)}.theme-choice-label>span:nth-child(2){display:grid}.theme-choice-label strong{font-size:.82rem}.theme-choice-label small{color:var(--bs-secondary-color);font-size:.66rem}.theme-choice-label>i{color:#6853a1;opacity:0}.theme-choice.is-selected .theme-choice-label>i{opacity:1}.options-switch{display:flex;align-items:center;gap:.6rem;margin-left:auto;padding:.55rem .7rem;border-radius:.75rem;background:var(--bs-tertiary-bg)}.options-switch .form-check-input{width:2.35rem;height:1.2rem;margin:0;cursor:pointer}.options-switch label{display:grid;cursor:pointer}.options-switch label strong{font-size:.72rem}.options-switch label small{color:var(--bs-secondary-color);font-size:.61rem}.receipt-settings{transition:opacity .18s ease}.receipt-settings.is-disabled{opacity:.58}.receipt-info{display:flex;gap:.5rem;margin-bottom:1rem;padding:.65rem .75rem;color:var(--bs-secondary-color);border-radius:.75rem;background:var(--bs-tertiary-bg);font-size:.73rem}.receipt-info i{margin-top:.12rem;color:#6853a1}.receipt-settings fieldset{max-width:52rem}.options-submit{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.9rem 1rem;border:1px solid var(--bs-border-color);border-radius:1rem;background:var(--bs-tertiary-bg)}.options-submit>span{color:var(--bs-secondary-color);font-size:.72rem}.options-submit .btn{border-radius:.7rem}
@media(max-width:767.98px){.options-hero{align-items:flex-start;flex-direction:column}.options-hero-summary{width:100%}.options-section-card>header{align-items:flex-start;flex-wrap:wrap}.options-switch{width:100%;margin-left:0}.theme-choice-grid{grid-template-columns:1fr}.options-submit{align-items:stretch;flex-direction:column}.options-submit .btn{width:100%}}
@media(max-width:575.98px){.options-page{margin-top:1.5rem!important}.options-hero{border-radius:1.1rem}.theme-preview{height:7rem}}
@media(prefers-reduced-motion:reduce){.theme-choice,.receipt-settings{transition:none}.theme-choice:hover{transform:none}}
/* Fiche d'un évènement */
.event-view-page{--event-tone:22,116,209;padding-bottom:3rem}.event-view-page--diner{--event-tone:190,128,0}.event-view-page--reunion{--event-tone:22,116,209}.event-view-page--bureau{--event-tone:112,82,154}.event-view-page--ext{--event-tone:190,64,110}.event-view-page--manif{--event-tone:8,139,101}.event-view-hero{position:relative;display:grid;grid-template-columns:6.2rem minmax(0,1fr) auto;align-items:center;gap:1.4rem;margin-bottom:1.25rem;padding:1.45rem;overflow:hidden;color:#fff;border-radius:1.4rem;background:radial-gradient(circle at 88% 10%,rgba(255,205,0,.22),transparent 28%),linear-gradient(125deg,rgb(var(--event-tone)),rgba(var(--event-tone),.76));box-shadow:0 1.1rem 2.8rem rgba(var(--event-tone),.2)}.event-view-hero::after{content:"";position:absolute;right:-4rem;bottom:-9rem;width:14rem;height:14rem;border:2rem solid rgba(255,255,255,.07);border-radius:50%}.event-view-hero>*{position:relative;z-index:1}.event-view-date{display:grid;width:6.2rem;height:7.1rem;place-items:center;padding:.6rem;color:#fff;border:1px solid rgba(255,255,255,.28);border-radius:1.15rem;background:rgba(255,255,255,.12);backdrop-filter:blur(8px)}.event-view-date span,.event-view-date small{font-size:.61rem;font-weight:800;letter-spacing:.11em}.event-view-date strong{font-size:2.45rem;line-height:1}.event-view-heading{min-width:0}.event-view-type{display:inline-flex;align-items:center;gap:.4rem;margin-bottom:.45rem;padding:.27rem .5rem;color:#fff;border-radius:999px;background:rgba(255,255,255,.14);font-size:.65rem;font-weight:800;letter-spacing:.04em}.event-view-heading h1{margin:0;color:#fff;font-size:clamp(1.55rem,3vw,2.4rem);font-weight:800}.event-view-hero-meta{display:flex;flex-wrap:wrap;gap:.5rem 1.2rem;margin-top:.55rem;color:rgba(255,255,255,.8);font-size:.78rem}.event-view-hero-meta span{display:inline-flex;align-items:center;gap:.4rem}.event-view-hero-actions{display:flex;align-items:center;gap:.45rem}.event-view-hero-actions .btn{border-radius:.65rem}
.event-view-layout{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(18rem,.72fr);align-items:start;gap:1rem}.event-view-main{display:grid;gap:1rem}.event-view-sidebar{position:sticky;top:1rem;display:grid;gap:1rem}.event-view-card,.event-view-sidecard{border:1px solid var(--bs-border-color);border-radius:1.1rem;background:var(--bs-body-bg);box-shadow:0 .35rem 1.4rem rgba(14,31,53,.055)}.event-view-card{padding:1.25rem}.event-view-sidecard{padding:1rem}.event-view-card-header,.event-view-sidecard>header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;padding-bottom:.9rem;border-bottom:1px solid var(--bs-border-color)}.event-view-card-header>span:first-child,.event-view-sidecard>header>span{display:grid;width:2.65rem;height:2.65rem;flex:0 0 2.65rem;place-items:center;color:rgb(var(--event-tone));border-radius:.78rem;background:rgba(var(--event-tone),.11)}.event-view-card-header>div,.event-view-sidecard>header>div{min-width:0}.event-view-card-header small,.event-view-sidecard>header small{display:block;color:var(--bs-secondary-color);font-size:.58rem;font-weight:800;letter-spacing:.11em}.event-view-card-header h2,.event-view-sidecard>header h2{margin:.08rem 0 0;font-size:1rem;font-weight:800}.event-response-rate{display:grid;margin-left:auto;color:rgb(var(--event-tone));font-size:1.25rem;text-align:right}.event-response-rate small{font-size:.59rem;font-weight:700;letter-spacing:0}
.event-user-response{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.75rem;margin-bottom:1rem;padding:.85rem;border:1px solid var(--bs-border-color);border-radius:.85rem;background:var(--bs-tertiary-bg)}.event-user-response-icon{display:grid;width:2.5rem;height:2.5rem;place-items:center;border-radius:.72rem}.event-user-response.is-present .event-user-response-icon{color:#07875f;background:rgba(7,135,95,.12)}.event-user-response.is-absent .event-user-response-icon{color:#dc4050;background:rgba(220,64,80,.11)}.event-user-response.is-waiting .event-user-response-icon,.event-user-response.is-closed .event-user-response-icon{color:#b47c00;background:rgba(180,124,0,.12)}.event-user-response>div{display:grid}.event-user-response>div small{color:var(--bs-secondary-color);font-size:.57rem;font-weight:800;letter-spacing:.09em}.event-user-response>div strong{font-size:.86rem}.event-user-response>div span{color:var(--bs-secondary-color);font-size:.66rem}.event-response-badge{padding:.35rem .55rem;color:#08785e;border-radius:999px;background:rgba(8,120,94,.11);font-size:.68rem;font-weight:800}.event-rsvp-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.55rem}.event-rsvp-summary>div{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:0 .5rem;padding:.68rem;border:1px solid var(--bs-border-color);border-radius:.75rem;background:var(--bs-tertiary-bg)}.event-rsvp-summary>div>span{display:grid;grid-row:1/3;width:2rem;height:2rem;place-items:center;border-radius:.55rem}.event-rsvp-summary strong{font-size:1rem}.event-rsvp-summary small{color:var(--bs-secondary-color);font-size:.61rem}.event-rsvp-summary .is-present>span{color:#07875f;background:rgba(7,135,95,.12)}.event-rsvp-summary .is-absent>span{color:#dc4050;background:rgba(220,64,80,.11)}.event-rsvp-summary .is-waiting>span{color:#b47c00;background:rgba(180,124,0,.12)}.event-rsvp-summary .is-guests>span{color:#1674d1;background:rgba(22,116,209,.11)}.event-response-progress{height:.3rem;margin:.75rem 0 1.1rem;overflow:hidden;border-radius:999px;background:var(--bs-tertiary-bg)}.event-response-progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,rgb(var(--event-tone)),rgba(var(--event-tone),.65))}
.event-people-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem}.event-people-column{min-width:0;overflow:hidden;border:1px solid var(--bs-border-color);border-radius:.85rem}.event-people-column>header{display:flex;align-items:center;justify-content:space-between;padding:.65rem .7rem;border-bottom:1px solid var(--bs-border-color);background:var(--bs-tertiary-bg);font-size:.71rem;font-weight:800}.event-people-column>header span{display:flex;align-items:center;gap:.35rem}.event-people-column>header strong{display:grid;min-width:1.5rem;height:1.5rem;place-items:center;border-radius:999px;background:var(--bs-body-bg)}.event-people-column.is-present>header i{color:#07875f}.event-people-column.is-absent>header i{color:#dc4050}.event-people-column.is-waiting>header i{color:#b47c00}.event-people-list{display:grid;max-height:18rem;overflow:auto}.event-person{display:flex;align-items:center;gap:.55rem;min-width:0;padding:.55rem .65rem;border-bottom:1px solid var(--bs-border-color)}.event-person:last-child{border-bottom:0}.event-person-avatar{display:grid;width:2.2rem;height:2.2rem;flex:0 0 2.2rem;overflow:hidden;place-items:center;color:#fff;border-radius:.65rem;background:linear-gradient(135deg,rgb(var(--event-tone)),rgba(var(--event-tone),.67));font-size:.62rem;font-weight:800}.event-person-avatar img,.event-person-avatar>span{grid-area:1/1}.event-person-avatar img{width:100%;height:100%;object-fit:cover;border:1px solid rgba(255,255,255,.7);border-radius:inherit}.event-person-avatar.is-small{width:2rem;height:2rem;flex-basis:2rem}.event-person>span:last-child{display:grid;min-width:0}.event-person strong{overflow:hidden;font-size:.68rem;text-overflow:ellipsis;white-space:nowrap}.event-person small{color:var(--bs-secondary-color);font-size:.57rem}.event-people-empty{margin:0;padding:1rem;text-align:center;color:var(--bs-secondary-color);font-size:.68rem}.event-custom-stats{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--bs-border-color)}
.event-invitation-note{display:flex;align-items:center;gap:.55rem;margin-bottom:1rem;padding:.65rem .75rem;color:rgb(var(--event-tone));border-radius:.75rem;background:rgba(var(--event-tone),.08);font-size:.75rem;font-weight:700}.event-description-content{color:var(--bs-body-color);font-size:.88rem;line-height:1.7}.event-description-content>:last-child{margin-bottom:0}.event-thread{display:grid;gap:.55rem}.event-thread-count{margin-left:auto;padding:.3rem .45rem;color:var(--bs-secondary-color);border-radius:999px;background:var(--bs-tertiary-bg);font-size:.62rem}.event-thread-item{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.6rem;padding:.7rem;border:1px solid var(--bs-border-color);border-radius:.78rem;background:var(--bs-tertiary-bg)}.event-thread-item.is-mine{border-color:rgba(var(--event-tone),.38);box-shadow:inset .18rem 0 rgb(var(--event-tone))}.event-thread-item>div>header{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.event-thread-item strong{font-size:.73rem}.event-thread-item time{color:var(--bs-secondary-color);font-size:.57rem}.event-thread-item p{margin:.18rem 0 0;font-size:.72rem}.event-thread-item.is-present p i{color:#07875f}.event-thread-item.is-absent p i{color:#dc4050}.event-thread-empty{padding:1.5rem;text-align:center;color:var(--bs-secondary-color)}.event-thread-empty i{font-size:1.35rem}.event-message-form{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--bs-border-color)}.event-message-form>label{margin-bottom:.4rem;font-size:.72rem;font-weight:800}.event-message-form>div{display:flex;align-items:stretch;gap:.45rem}.event-message-form textarea{min-height:3.8rem;resize:vertical}.event-message-form .btn{min-width:6.5rem;border-radius:.65rem}
.event-practical-list{display:grid;gap:.75rem}.event-practical-list>div{display:flex;align-items:flex-start;gap:.65rem}.event-practical-list>div>i{width:1.9rem;height:1.9rem;padding-top:.47rem;color:rgb(var(--event-tone));text-align:center;border-radius:.55rem;background:rgba(var(--event-tone),.09)}.event-practical-list>div>span{display:grid;min-width:0}.event-practical-list small{color:var(--bs-secondary-color);font-size:.59rem}.event-practical-list strong{font-size:.75rem}.event-practical-list em{color:var(--bs-secondary-color);font-size:.65rem;font-style:normal}.event-map-actions{display:grid;grid-template-columns:1fr 1fr;gap:.4rem;margin-top:.9rem}.event-map-actions .btn{border-radius:.6rem}.event-detail-pills{display:grid;grid-template-columns:1fr 1fr;gap:.45rem}.event-detail-pills>span{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:0 .45rem;padding:.6rem;border-radius:.68rem;background:var(--bs-tertiary-bg)}.event-detail-pills i{grid-row:1/3;color:rgb(var(--event-tone))}.event-detail-pills small{color:var(--bs-secondary-color);font-size:.56rem}.event-detail-pills strong{font-size:.67rem}.event-tool-list{display:grid;gap:.4rem}.event-tool-list .btn{display:grid;grid-template-columns:1.3rem 1fr;align-items:center;text-align:left;border-radius:.65rem;font-size:.72rem}.event-tool-list .btn i{text-align:center}.event-report-card>p{color:var(--bs-secondary-color);font-size:.72rem}.event-report-card>.btn{border-radius:.65rem}.event-report-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:.35rem;margin-top:.45rem}.event-report-actions .btn{padding:.38rem .25rem;border-radius:.55rem;font-size:.62rem}
.event-rsvp-summary{grid-template-columns:repeat(auto-fit,minmax(7.2rem,1fr))}.event-rsvp-summary .is-invited>span{color:#71529a;background:rgba(113,82,154,.11)}.event-person small i{margin-right:.15rem}.event-companion{display:inline-flex;align-items:center;gap:.25rem;width:max-content;max-width:100%;margin-top:.22rem;padding:.16rem .32rem;color:#1674d1;border-radius:999px;background:rgba(22,116,209,.09);font-size:.55rem;font-style:normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.event-extra-guests{margin-top:.8rem;overflow:hidden;border:1px solid var(--bs-border-color);border-radius:.8rem}.event-extra-guests>header{display:flex;align-items:center;justify-content:space-between;padding:.6rem .7rem;border-bottom:1px solid var(--bs-border-color);background:var(--bs-tertiary-bg);font-size:.7rem;font-weight:800}.event-extra-guests>header span{display:flex;align-items:center;gap:.35rem;color:#71529a}.event-extra-guests>header strong{display:grid;min-width:1.5rem;height:1.5rem;place-items:center;border-radius:999px;background:var(--bs-body-bg)}.event-extra-guests>div{display:flex;flex-wrap:wrap;gap:.4rem;padding:.65rem}.event-extra-guests>div>span{display:inline-flex;align-items:center;gap:.3rem;padding:.28rem .45rem;color:#71529a;border:1px solid rgba(113,82,154,.16);border-radius:999px;background:rgba(113,82,154,.09);font-size:.62rem;font-weight:700}
.event-rsvp-overview{display:grid;gap:.6rem}.event-rsvp-presence-chain{display:flex;align-items:stretch;gap:.38rem}.event-rsvp-stat{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:0 .5rem;min-width:0;padding:.68rem;border:1px solid var(--bs-border-color);border-radius:.75rem;background:var(--bs-tertiary-bg)}.event-rsvp-presence-chain .event-rsvp-stat{flex:1 1 0}.event-rsvp-stat>span{display:grid;grid-row:1/3;width:2rem;height:2rem;place-items:center;border-radius:.55rem}.event-rsvp-stat strong{font-size:1rem}.event-rsvp-stat small{color:var(--bs-secondary-color);font-size:.61rem;line-height:1.25}.event-rsvp-stat.is-total{border-color:rgba(var(--event-tone),.3);background:rgba(var(--event-tone),.07)}.event-rsvp-stat.is-total>span{color:rgb(var(--event-tone));background:rgba(var(--event-tone),.13)}.event-rsvp-stat.is-present>span{color:#07875f;background:rgba(7,135,95,.12)}.event-rsvp-stat.is-absent>span{color:#dc4050;background:rgba(220,64,80,.11)}.event-rsvp-stat.is-waiting>span{color:#b47c00;background:rgba(180,124,0,.12)}.event-rsvp-stat.is-guests>span{color:#1674d1;background:rgba(22,116,209,.11)}.event-rsvp-stat.is-invited>span{color:#71529a;background:rgba(113,82,154,.11)}.event-rsvp-connector{display:grid;flex:0 0 1rem;place-items:center;color:var(--bs-secondary-color);font-size:.58rem}.event-rsvp-other-statuses{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}.event-rsvp-other-statuses .event-rsvp-stat{padding:.55rem .68rem}
.event-map{position:relative;height:15rem;margin:-.15rem 0 .9rem;overflow:hidden;border:1px solid var(--bs-border-color);border-radius:.75rem;background:var(--bs-tertiary-bg)}.event-map iframe{display:block;width:100%;height:100%;border:0;transition:filter .2s ease}.event-map-theme-label{position:absolute;right:.45rem;bottom:.45rem;padding:.22rem .38rem;color:#fff;border-radius:.4rem;background:rgba(15,25,35,.72);font-size:.55rem;font-weight:800;backdrop-filter:blur(6px)}[data-bs-theme="dark"] .event-map iframe{filter:invert(.88) hue-rotate(178deg) saturate(.72) brightness(.82) contrast(1.08)}
.event-tool-groups{display:grid;gap:.8rem}.event-tool-groups>section+section{padding-top:.75rem;border-top:1px solid var(--bs-border-color)}.event-tool-groups h3{display:flex;align-items:center;gap:.35rem;margin:0 0 .4rem;color:var(--bs-secondary-color);font-size:.61rem;font-weight:800;text-transform:uppercase;letter-spacing:.07em}.event-tool-groups h3 i{color:rgb(var(--event-tone))}
.event-custom-stats{padding:1rem;border:1px solid var(--bs-border-color);border-radius:.9rem;background:var(--bs-tertiary-bg)}.event-custom-heading{display:flex;align-items:center;gap:.65rem;margin-bottom:.8rem}.event-custom-heading>span{display:grid;width:2.4rem;height:2.4rem;place-items:center;color:rgb(var(--event-tone));border-radius:.7rem;background:rgba(var(--event-tone),.11)}.event-custom-heading small{display:block;color:var(--bs-secondary-color);font-size:.55rem;font-weight:800;letter-spacing:.1em}.event-custom-heading h3{margin:.05rem 0 0;font-size:.85rem;font-weight:800}.event-custom-stats--blood{--blood-rgb:190,45,65;border-color:rgba(var(--blood-rgb),.2);background:linear-gradient(145deg,rgba(var(--blood-rgb),.07),var(--bs-tertiary-bg) 45%)}.event-custom-stats--blood .event-custom-heading>span{color:rgb(var(--blood-rgb));background:rgba(var(--blood-rgb),.12)}.blood-slot-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}.blood-slot-card{padding:.7rem;border:1px solid var(--bs-border-color);border-radius:.75rem;background:var(--bs-body-bg)}.blood-slot-card>header{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.blood-slot-card>header span{font-size:.67rem;font-weight:800}.blood-slot-card>header span i{margin-right:.25rem;color:rgb(var(--blood-rgb))}.blood-slot-card>header strong{color:#08785e;font-size:.56rem}.blood-slot-card.is-full>header strong{color:#c52e45}.blood-slot-progress{height:.24rem;margin:.5rem 0;overflow:hidden;border-radius:999px;background:var(--bs-tertiary-bg)}.blood-slot-progress span{display:block;height:100%;border-radius:inherit;background:rgb(var(--blood-rgb))}.blood-slot-people{display:flex;flex-wrap:wrap;gap:.3rem}.blood-slot-people>span{display:inline-flex;align-items:center;gap:.25rem;padding:.22rem .36rem;border-radius:.45rem;font-size:.56rem;font-weight:700}.blood-slot-people .is-filled{color:#08785e;background:rgba(8,135,95,.1)}.blood-slot-people .is-free{color:var(--bs-secondary-color);border:1px dashed var(--bs-border-color);background:var(--bs-tertiary-bg)}.event-blood-modal .alert-info{color:#9d2638;border-color:rgba(190,45,65,.2);background:rgba(190,45,65,.08)}.event-blood-modal .alert-info i{color:#be2d41}.event-blood-modal .btn-outline-primary{--bs-btn-color:#be2d41;--bs-btn-border-color:rgba(190,45,65,.5);--bs-btn-hover-bg:#be2d41;--bs-btn-hover-border-color:#be2d41}
@media(max-width:1199.98px){.event-view-layout{grid-template-columns:minmax(0,1.55fr) minmax(17rem,.75fr)}.event-rsvp-summary{grid-template-columns:repeat(2,1fr)}.event-rsvp-presence-chain{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.event-rsvp-connector{display:none}.event-people-columns{grid-template-columns:1fr}.event-people-list{grid-template-columns:repeat(2,minmax(0,1fr));max-height:14rem}.event-person:nth-child(odd):not(:last-child){border-right:1px solid var(--bs-border-color)}}
@media(max-width:991.98px){.event-view-layout{grid-template-columns:1fr}.event-view-sidebar{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}.event-view-sidecard:last-child:nth-child(odd){grid-column:1/-1}}
@media(max-width:767.98px){.event-view-hero{grid-template-columns:5rem minmax(0,1fr)}.event-view-date{width:5rem;height:6rem}.event-view-date strong{font-size:2rem}.event-view-hero-actions{grid-column:1/-1}.event-user-response{grid-template-columns:auto minmax(0,1fr)}.event-user-response>.btn,.event-response-badge{grid-column:1/-1}.event-user-response>.btn{width:100%}.event-view-sidebar{grid-template-columns:1fr}.event-view-sidecard:last-child:nth-child(odd){grid-column:auto}}
@media(max-width:575.98px){.event-view-page{margin-top:1.5rem!important}.event-view-hero{grid-template-columns:1fr;padding:1.1rem;border-radius:1.1rem}.event-view-date{width:100%;height:auto;grid-template-columns:auto auto auto;justify-content:start;gap:.45rem;padding:.55rem .7rem}.event-view-date strong{font-size:1rem}.event-view-heading h1{font-size:1.45rem}.event-view-card{padding:.9rem}.event-rsvp-summary{grid-template-columns:1fr 1fr}.event-rsvp-presence-chain,.event-rsvp-other-statuses{grid-template-columns:1fr 1fr}.event-rsvp-stat{padding:.58rem}.event-people-list{grid-template-columns:1fr}.event-person:nth-child(odd):not(:last-child){border-right:0}.event-thread-item>div>header{align-items:flex-start;flex-direction:column}.event-message-form>div{flex-direction:column}.event-message-form .btn{width:100%}.event-report-actions{grid-template-columns:1fr}.blood-slot-grid{grid-template-columns:1fr}.event-map{height:16rem}}

div#navbarNav {
    margin-left: 20px;
    font-size: 1.2rem;
}

span.nomclub {
    margin: 0px 10px;
}

header.navbar {
    background-color: var(--rotary-royal-blue) !important;
    /* Le menu doit surplomber les cartes, tableaux sticky et widgets du contenu,
       tout en restant sous les modals Bootstrap (backdrop 1050, modal 1055). */
    position: relative;
    z-index: 1030;
    overflow: visible;
}

header.navbar .navbar-collapse,
header.navbar .navbar-nav,
header.navbar .nav-item.dropdown {
    overflow: visible;
}

header.navbar .dropdown-menu {
    z-index: 1031;
}

header .rotary-gold, header .nomclub {
    color: var(--rotary-gold);
}

header.navbar-light .nav-link {
    color: white !important;
}

header.navbar-light .navbar-nav a.dropdown-item {
    color: var(--rotary-royal-blue) !important;
}

header.navbar-light .navbar-nav a.dropdown-item:hover {
    background-color: var(--rotary-royal-blue) !important;
    color: white !important;
}












/* Menu de navigation */

li.nav-item.dropdown {
    margin: 0px 10px;
}


/* Sous-menus visibles au survol */
        @media (min-width: 992px) {
            .navbar-nav .dropdown:hover > .dropdown-menu {
                display: block;
            }
            .navbar-nav .dropdown-menu {
                margin-top: 0;
            }
        }

/* centrage du block logout en mobile */

@media (max-width: 992px) {
.logoutblock { display: flex; /* Active Flexbox */
    flex-direction: column; /* Empile les enfants verticalement */
    align-items: center; /* Centre les enfants horizontalement */
    justify-content: center; /* Optionnel : centre verticalement aussi */
    } }



/* breadcrumb */
.breadcrumb {
    border-radius: 0.25rem; /* Coins arrondis */
    padding: 0.75rem 1rem; /* Espacement interne */
}













/* Reset de base */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

















/* Global style */
body {
    font-family: 'CeraRoundPro', "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}

span.agrement {
    font-weight: 500;
    font-family: monospace;
}
table.stats {
    text-align: left !important;
}

span.datas {
    font-weight: 500;
    color: var(--azure);
}
span.desctext {
    font-style: italic;
}
a, a:hover {
    text-decoration: none;
}
.nom {
    font-weight: 700;
}

.nowrap {
    white-space: nowrap;
}

button.btn {
    white-space: nowrap;
}








/* INDEX */
.index .card-body {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
}



/* Page event */
a.mapslink, a.wazelink {
    border: solid 2px;
    padding: 2px 5px;
    border-radius: 5px;
    text-decoration: none;
}

a.mapslink:hover, a.wazelink:hover {

    padding: 2px 5px;
    border-radius: 5px;
    text-decoration: none;
}

.progress {
    margin: 10px 0px;
}


/* PHF colors*/
i.phf {
    color: #FBC02D;
}
i.phf-rubis {
    color: #e0115f;
}
i.phf-saphir {
    color: #0F52BA;
}



/* Modal */
.modal-dialog {
    max-width: 50%; /* Largeur par défaut */
}

@media (max-width: 576px) {
    .modal-dialog {
        max-width: 100%; /* Largeur de la modal à 100% sur les petits écrans */
    }

    /* Les modales de présence restent dans la fenêtre visible, même lorsque
       la page de l'évènement était fortement descendue avant leur ouverture. */
    #presenceModal,
    #adminPresenceModal {
        position: fixed !important;
        inset: 0 !important;
        width: 100%;
        height: 100vh;
        height: 100dvh;
        padding: 0 !important;
        overflow: hidden !important;
        overscroll-behavior: contain;
        touch-action: pan-y;
    }

    #presenceModal .modal-dialog,
    #adminPresenceModal .modal-dialog {
        width: calc(100% - 1rem);
        height: calc(100vh - 1rem);
        height: calc(100dvh - 1rem);
        max-width: none;
        min-height: 0;
        margin: .5rem auto;
    }

    #presenceModal .modal-content,
    #adminPresenceModal .modal-content,
    #presenceModal .modal-content > form,
    #adminPresenceModal .modal-content > form {
        width: 100%;
        max-height: calc(100vh - 1rem);
        max-height: calc(100dvh - 1rem);
    }

    #presenceModal .modal-content > form,
    #adminPresenceModal .modal-content > form {
        display: flex;
        min-height: 0;
        flex-direction: column;
    }

    #presenceModal .modal-body,
    #adminPresenceModal .modal-body {
        min-height: 0;
        overflow-x: hidden;
        overflow-y: auto;
        overscroll-behavior: contain;
        touch-action: pan-y;
        -webkit-overflow-scrolling: touch;
    }
}

.custom-modal-wide {
    max-width: 90% !important; /* Ajuster à 90% de l'écran */
    width: 90% !important;
}

@media (max-width: 1200px) {
    .custom-modal-wide {
        max-width: 95% !important; /* Réduire la modal sur petits écrans */
        width: 95% !important;
    }
}

.custom-modal-wide-two {
    max-width: 80% !important; /* Ajuster à 90% de l'écran */
    width: 80% !important;
}

@media (max-width: 1200px) {
    .custom-modal-wide-two {
        max-width: 80% !important; /* Réduire la modal sur petits écrans */
        width: 80% !important;
    }
}

.modal-body {
    overflow-x: auto; /* Scroll horizontal si nécessaire */
}


/* Page Cotisations */
.cotisations .members-list {
    display: flex;
    flex-wrap: wrap;
    gap: 10px; /* Espacement entre les cases */
    align-items: center;
}
.cotisations .form-check {
    display: flex;
    align-items: center;
}



/* Pré Compta */
td.celright {
    text-align: right;
}

td.celcenter {
    text-align: center;
}


tr.ecriture:hover {
    background-color: #eaecf3;
}











































/* LIGHT THEME */

h1, h2 {
    margin: unset;
    font-size: 2rem;
}



a.btn.btn-primary.versionsite.inactive {
    background-color: transparent;
    color: #90caf9;
}
a.btn.btn-primary.versionsite {
    margin-right: 5px;
}
a.btn.btn-primary.versionsite.changelog {
    background-color: transparent;
    color: #FF5722;
    border-color: #FF5722;
}
.proportion-bar {
    display: flex;
    height: 30px;
    width: 100%;
    background-color: #e0e0e0;
    position: relative;
    }
    .bar-section {
    height: 100%;
    position: relative;
    }
.bar-section.vl { background-color: #3498db; }
.bar-section.cl { background-color: #2ecc71; }
.bar-section.pl { background-color: #e67e22; }
.bar-section.valide-cl { background-color: #43A047; }
.bar-section.extension-cl { background-color: #03A9F4; }
.bar-section.reseau { background-color: #9b59b6; }
    .bar-section:hover::after {
    content: attr(data-tooltip);
    position: absolute;
    top: -25px;
    left: 50%;
    transform: translateX(-50%);
    background-color: #333;
    color: #fff;
    padding: 5px;
    border-radius: 3px;
    white-space: nowrap;
    font-size: 12px;
    }
.color-vl { color: #3498db; }
.color-cl { color: #2ecc71; }
.color-pl { color: #e67e22; }
.color-valide-cl { color: #43A047; }
.color-extension-cl { color: #03A9F4; }
    /* Exemple de couleurs pour les réseaux */
.bar-section.reseau-Z { background-color: #9e9e9e; } /* Indépendant */
.bar-section.reseau-T { background-color: #2ecc71; } /* Sécuritest */
.bar-section.reseau-C { background-color: #ffc42c; } /* Autosécurité */
.bar-section.reseau-V { background-color: #ffd236; } /* Dekra Norisko */
.bar-section.reseau-K { background-color: #027d41; } /* Auto Bilan France (Dekra) */
.bar-section.reseau-S { background-color: #0d529c; } /* Secta Autosur */
.bar-section.reseau-F { background-color: #ee272d; } /* Vivauto (Autovision) */
.bar-section.reseau-D { background-color: #027d41; } /* Dekra Automotive */
.bar-section.reseau-J { background-color: #ee272d; } /* Vivauto PL */
.legende-graph {text-align: center; margin: 5px;}
.legende-graph .reseau-Z { color: #9e9e9e; } /* Indépendant */
.legende-graph .reseau-T { color: #2ecc71; } /* Sécuritest */
.legende-graph .reseau-C { color: #ffc42c; } /* Autosécurité */
.legende-graph .reseau-V { color: #ffd236; } /* Dekra Norisko */
.legende-graph .reseau-K { color: #027d41; } /* Auto Bilan France (Dekra) */
.legende-graph .reseau-S { color: #0d529c; } /* Secta Autosur */
.legende-graph .reseau-F { color: #ee272d; } /* Vivauto (Autovision) */
.legende-graph .reseau-D { color: #027d41; } /* Dekra Automotive */
.legende-graph .reseau-J { color: #ee272d; } /* Vivauto PL */
    p.legende-graph span {
    margin-left: 10px;
}
button {
    margin: 0px 2px;
}
span.badge {
    margin: 0px 2px;
}
footer span.version {
    color: white;
    background-color: #9C27B0;
    padding: 3px 5px;
    border-radius: 5px;
}
td.action, .nowrap {
    text-wrap: nowrap;
}
.issustable .description {
    margin: 0px 5px;
}
.listesmembres .contact a {
    text-decoration: none;
}
.listesmembres td.statut {
    font-weight: 500;
}
.nom {
    font-weight: 700;
}
.listesmembres span.statut.actif {
    color: #4CAF50;
}
.listesmembres span.statut.honneur {
    color: #ffa000;
}
.listesmembres span.statut.temporaire {
    color: #007bff;
}
.listesmembres span.statut.inactif {
    color: #E91E63;
}
.listesmembres span.fonction.yes {
    color: #2196F3;
}
.listesmembres span.statut {
    text-transform: capitalize;
}
/* TROMBI page */
    .trombipage .avatar {
    width: 150px;
    height: 150px;
    margin: 0 auto;
    }
    .trombipage .card-title {
    font-size: 1.2rem;
    font-weight: bold;
    }
    .trombipage .badge {
    font-size: 0.9rem;
    }
    .trombipage .card {
    border-radius: 10px;
    transition: transform 0.3s, box-shadow 0.3s;
    }
    .trombipage .card:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
    }
    .trombipage img.rounded-circle.img-fluid.membre {
    border: solid 4px #007bff;
    padding: 1px;
}
.trombipage img.rounded-circle.img-fluid.conjoint {
    border: solid 4px #E6A012;
    padding: 1px;
}
.trombipage span.statut.actif {
    color: #4CAF50;
}
.trombipage span.statut.honneur {
    color: #ffa000;
}
.trombipage span.statut.inactif {
    color: #E91E63;
}
.trombipage span.fonction {
    color: #2196F3;
}
.trombipage span.statut {
    text-transform: capitalize;
}

/* Page event view */
.infos {
    display: flex;
    flex-wrap: nowrap;
    align-items: stretch;
    align-items: center;
    margin-top: 10px;
    margin-bottom: 10px;
}
.date {
    width: 33%;
    padding: 15px;
    background-color: #1565c0;
    color: white;
    text-align: center;
}
.place {
    padding-left: 20px;
    color: #1565c0;
}
.place h2 {
    margin: 0px 0px 10px 0px;
    font-size: 30px;
}
.description, .logs {
    border: solid 2px;
    border-color: #1565c0;
    margin-top: 20px;
    padding: 15px;
    border-radius: 5px;
}
.eventunit h3 {
    margin-top: -15px;
    margin-left: -15px;
    margin-right: -15px;
    padding: 5px;
    background-color: #1565c0;
    color: white !important;
}
.description h3, h4 {
    color: #1565c0;
}

p.itinerairelink {
    font-size: 14px;
}
p.dateecrite {
    font-size: 23px;
}
.presence {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    margin-top: 20px;
    padding: 14px;
    text-align: center;
}
.iconpres {
    width: 10%;
}
.presence form#acf-form {
    display: flex;
    align-items: center;
}
p.introdesc {
    font-style: italic;
}
.acf-fields.acf-form-fields.-top {
    display: flex;
    align-items: center;
}
.conversation-item {
    position: relative;
    padding: 15px;
    margin-bottom: 10px;
    border-radius: 5px;
    border-left: solid 3px #1565c0;
    background-color: #f9f9f9;
    color: #333;
}
.conversation-item.alert-primary {
    background-color: #e8f0fe;
    border-left-color: #0d6efd; /* Bleu pour l'utilisateur courant */
}
.conversation-item.alert-secondary {
    background-color: #f8f9fa;
    border-left-color: #6c757d; /* Gris pour les autres utilisateurs */
}
.conversation-item.presence-oui {
    border-left-color: #28a745; /* Vert pour présent */
    background-color: #e6f4ea;
}
.conversation-item.presence-non {
    border-left-color: #dc3545; /* Rouge pour absent */
    background-color: #fdecea;
}
.conversation-item.message {
    border-left-color: #007bff; /* Bleu pour les messages */
    background-color: #e9f2ff;
}
.datemess {
    position: absolute;
    top: 10px;
    right: 15px;
    font-size: 0.9em;
    color: #666;
    font-style: italic;
}
.add-message-form textarea {
    width: 100%;
    height: 80px;
    margin-top: 10px;
}
.add-message-form button {
    float: right;
}
.datemess {
    display: block;
    font-size: 0.9em;
    color: #666;
    margin-top: 5px;
}
span.reponse {
    padding: 5px 8px;
    border-radius: 5px;
    font-weight: 500;
    position: relative;
    cursor: pointer;
}
span.reponse.reponse-oui {
    background-color: #DFF2BF;
    color: #270;
}
span.reponse.accompagnants {
    background-color: #cff4fc;
    color: #055160;
}
span.reponse.reponse-non {
    background-color: #FFBABA;
    color: #D8000C;
}
span.reponse.reponse-acc {
    background-color: #BEF;
    color: #059;
}
span.reponse.reponse-pas {
    background-color: #FEEFB3;
    color: #9F6000;
}
.etiquette .tooltip {
    visibility: hidden;
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 5px;
    padding: 5px;
    position: absolute;
    z-index: 1;
    bottom: 125%; /* Position au-dessus de la span */
    left: 50%;
    transform: translateX(-50%);
    opacity: 0;
    transition: opacity 0.3s;
    width: max-content;
    white-space: nowrap;
}
.etiquette .tooltip::after {
    content: '';
    position: absolute;
    top: 100%; /* Position en bas du tooltip */
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}
.etiquette:hover .tooltip {
    visibility: visible;
    opacity: 1;
}
form.presence {
    display: inline-flex;
    flex-wrap: nowrap;
    align-items: center;
    margin: unset !important;
}
div#accompany-section {
    margin: unset !important;
    align-items: center;
}   
div#accompagnants-section, input.form-control.mt-2, form.presence button, div#accompagnants-list {
    margin: unset !important;
}
.alert.alert-success p {
    margin: unset;
}
input.form-control.accompagnant-sup {
    border-radius: .25rem 0rem 0rem .25rem;
}
button.accompagnant-sup {
    border-radius: 0rem 0.2rem 0.2rem 0rem;
}
div#first-accompagnant {
    margin-right: 10px;
}

/* Cartes du tableau de bord */
.helia-home-intro{max-width:68rem;margin:0 auto 1.25rem;color:var(--bs-secondary-color);text-align:center;line-height:1.65}.helia-profile-reminder{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:1rem;margin:0 0 1.5rem;padding:1rem 1.1rem;border:1px solid rgba(13,110,253,.24);border-radius:1rem;background:linear-gradient(135deg,rgba(13,110,253,.1),rgba(13,202,240,.045));box-shadow:0 .55rem 1.5rem rgba(13,65,120,.07)}.helia-profile-reminder-icon{display:grid;place-items:center;width:3.2rem;height:3.2rem;border-radius:.85rem;color:#fff;font-size:1.15rem;background:linear-gradient(135deg,#0d6efd,#0b8fa3)}.helia-profile-reminder strong{display:block;margin-bottom:.22rem}.helia-profile-reminder p{margin:0;color:var(--bs-secondary-color);font-size:.82rem;line-height:1.55}.helia-profile-reminder p b{color:#0d6efd}.helia-profile-reminder p a{font-weight:700}.helia-profile-reminder>.btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;margin:0;border-radius:.65rem;white-space:nowrap}@media(max-width:767.98px){.helia-profile-reminder{grid-template-columns:auto minmax(0,1fr)}.helia-profile-reminder>.btn{grid-column:1/-1;width:100%}}
.helia-dashboard-card {
    --helia-card-accent: 13, 110, 253;
    --helia-card-accent-deep: #0754ad;
    overflow: hidden;
    border: 1px solid rgba(var(--helia-card-accent), .2);
    border-radius: 1rem;
    background: var(--bs-body-bg);
    box-shadow: 0 14px 38px rgba(18, 65, 112, .1);
    transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.helia-dashboard-card:hover {
    transform: translateY(-2px);
    border-color: rgba(var(--helia-card-accent), .38);
    box-shadow: 0 18px 42px rgba(18, 65, 112, .15);
}
.helia-dashboard-card--balance { --helia-card-accent: 12, 126, 140; --helia-card-accent-deep: #075f6a; }
.helia-dashboard-card--documents { --helia-card-accent: 86, 61, 171; --helia-card-accent-deep: #3d298b; }
.helia-dashboard-card--members { --helia-card-accent: 25, 135, 84; --helia-card-accent-deep: #0b633a; }
.helia-dashboard-card--calendar { --helia-card-accent: 0, 103, 185; --helia-card-accent-deep: #064d82; }
.helia-dashboard-card--birthdays { --helia-card-accent: 196, 90, 32; --helia-card-accent-deep: #91400f; }
.helia-dashboard-card--admin { --helia-card-accent: 177, 117, 0; --helia-card-accent-deep: #745000; }
.helia-dashboard-card.bg-dark { background: var(--bs-dark); }
.helia-dashboard-card-header {
    display: flex;
    align-items: center;
    gap: .85rem;
    min-height: 5.3rem;
    padding: 1.05rem 1.2rem;
    border: 0;
    color: #fff;
    background:
        radial-gradient(circle at 88% 0, rgba(255, 255, 255, .18), transparent 38%),
        linear-gradient(135deg, var(--helia-card-accent-deep), rgba(var(--helia-card-accent), .96));
}
.helia-dashboard-card-icon {
    width: 3rem;
    height: 3rem;
    flex: 0 0 3rem;
    display: grid;
    place-items: center;
    border: 1px solid rgba(255, 255, 255, .3);
    border-radius: .9rem;
    background: rgba(255, 255, 255, .14);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2);
    font-size: 1.2rem;
}
.helia-dashboard-card-eyebrow {
    display: block;
    margin-bottom: .14rem;
    color: rgba(255, 255, 255, .72);
    font-size: .68rem;
    font-weight: 700;
    letter-spacing: .1em;
    text-transform: uppercase;
}
.helia-dashboard-card-header h4 {
    margin: 0;
    color: #fff;
    font-size: 1.12rem;
    line-height: 1.25;
}
.helia-dashboard-card > .card-body {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 1.2rem 1.25rem 1.25rem;
}
.helia-dashboard-card > .card-body > p:first-child { flex-grow: 1; }
.helia-dashboard-card .datas {
    display: inline-block;
    margin: .08rem 0;
    padding: .08rem .42rem;
    border-radius: .45rem;
    color: rgb(var(--helia-card-accent));
    background: rgba(var(--helia-card-accent), .1);
    font-weight: 700;
}
.helia-dashboard-card.bg-dark .datas { color: rgb(var(--helia-card-accent)); }
.helia-dashboard-feature {
    display: flex;
    align-items: center;
    gap: .85rem;
    padding: .85rem;
    border: 1px solid rgba(var(--helia-card-accent), .16);
    border-radius: .85rem;
    background: rgba(var(--helia-card-accent), .07);
}
.helia-dashboard-feature-icon {
    width: 2.75rem;
    height: 2.75rem;
    flex: 0 0 2.75rem;
    display: grid;
    place-items: center;
    border-radius: .75rem;
    color: rgb(var(--helia-card-accent));
    background: rgba(var(--helia-card-accent), .13);
}
.helia-dashboard-feature small,
.helia-dashboard-feature strong { display: block; }
.helia-dashboard-feature small {
    margin-bottom: .15rem;
    color: var(--bs-secondary-color);
    font-size: .72rem;
}
.helia-dashboard-feature strong { font-size: 1rem; }
.helia-dashboard-description {
    margin: 0;
    color: var(--bs-secondary-color);
    font-size: .84rem;
    line-height: 1.55;
}
.helia-dashboard-metrics {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .7rem;
}
.helia-dashboard-metric {
    display: flex;
    align-items: center;
    gap: .65rem;
    padding: .78rem .85rem;
    border: 1px solid var(--bs-border-color);
    border-radius: .8rem;
    background: var(--bs-tertiary-bg);
}
.helia-dashboard-metric strong {
    color: rgb(var(--helia-card-accent));
    font-size: 1.65rem;
    line-height: 1;
}
.helia-dashboard-metric span {
    color: var(--bs-secondary-color);
    font-size: .68rem;
    line-height: 1.2;
}
.helia-dashboard-metric.is-highlight {
    border-color: rgba(var(--helia-card-accent), .22);
    background: rgba(var(--helia-card-accent), .08);
}
.helia-dashboard-member-stats {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .6rem;
}
.helia-dashboard-member-stats > div {
    min-width: 0;
    padding: .72rem .3rem;
    border: 1px solid var(--bs-border-color);
    border-radius: .8rem;
    background: var(--bs-tertiary-bg);
    text-align: center;
}
.helia-dashboard-member-stats strong,
.helia-dashboard-member-stats span { display: block; }
.helia-dashboard-member-stats strong {
    margin-bottom: .25rem;
    color: rgb(var(--helia-card-accent));
    font-size: 1.45rem;
    line-height: 1;
}
.helia-dashboard-member-stats span {
    color: var(--bs-secondary-color);
    overflow: hidden;
    font-size: .64rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.helia-dashboard-inline-summary {
    display: grid;
    align-items: stretch;
    gap: .75rem;
    width: 100%;
}
.helia-dashboard-inline-summary--personal { grid-template-columns: minmax(0, 1.65fr) minmax(0, 1fr); }
.helia-dashboard-inline-summary--members { grid-template-columns: minmax(0, 1.05fr) minmax(0, 1.75fr); }
.helia-dashboard-inline-summary > * { min-width: 0; height: 100%; }
.helia-dashboard-inline-summary--personal .helia-dashboard-feature { padding: .72rem; }
.helia-dashboard-inline-summary--personal .helia-dashboard-feature-icon { width: 2.35rem; height: 2.35rem; flex-basis: 2.35rem; }
.helia-dashboard-inline-summary--personal .helia-dashboard-feature strong { overflow-wrap: anywhere; }
.helia-dashboard-inline-summary--members .helia-dashboard-member-stats { gap: .38rem; }
.helia-dashboard-inline-summary--members .helia-dashboard-member-stats > div { display: flex; flex-direction: column; justify-content: center; }
.helia-personal-attendance {
    padding: .9rem;
    border: 1px solid rgba(var(--helia-card-accent), .2);
    border-radius: .9rem;
    background: linear-gradient(145deg, rgba(var(--helia-card-accent), .11), rgba(var(--helia-card-accent), .035));
}
.helia-personal-attendance small,
.helia-personal-attendance strong { display: block; }
.helia-personal-attendance small { color: var(--bs-secondary-color); font-size: .7rem; }
.helia-personal-attendance > div:first-child strong { margin-top: .1rem; color: rgb(var(--helia-card-accent)); font-size: 1.55rem; line-height: 1; }
.helia-attendance-segments {
    display: flex;
    width: 100%;
    height: .55rem;
    overflow: hidden;
    border-radius: 99rem;
    background: var(--bs-secondary-bg);
}
.helia-attendance-segments > span { min-width: 0; height: 100%; }
.helia-attendance-legend {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .4rem;
    margin-top: .65rem;
}
.helia-attendance-legend span { min-width: 0; overflow: hidden; color: var(--bs-secondary-color); font-size: .64rem; line-height: 1.25; text-overflow: ellipsis; white-space: nowrap; }
.helia-attendance-legend i { display: inline-block; width: .48rem; height: .48rem; margin-right: .25rem; border-radius: 50%; }
.helia-attendance-legend strong { display: inline; color: var(--bs-body-color); }
.helia-club-attendance-summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .8rem;
    padding: .75rem .85rem;
    border: 1px solid rgba(var(--helia-card-accent), .18);
    border-radius: .85rem;
    background: rgba(var(--helia-card-accent), .07);
}
.helia-club-attendance-summary > div { display: flex; align-items: center; gap: .7rem; }
.helia-club-attendance-summary small,
.helia-club-attendance-summary strong { display: block; }
.helia-club-attendance-summary small { color: var(--bs-secondary-color); font-size: .68rem; }
.helia-club-attendance-summary strong { color: rgb(var(--helia-card-accent)); font-size: 1.25rem; }
.helia-club-attendance-summary > span { color: var(--bs-secondary-color); font-size: .68rem; text-align: right; }
.helia-dashboard-actions {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: .55rem;
    margin-top: auto;
}

/* Modals de statistiques et d'assiduité de l'accueil */
.helia-stats-modal { overflow: hidden; border: 0; border-radius: 1.15rem; box-shadow: 0 1.5rem 4rem rgba(13, 45, 79, .24); }
.helia-stats-modal-header {
    padding: 1rem 1.2rem;
    border: 0;
    color: #fff;
    background: radial-gradient(circle at 90% 0, rgba(255,255,255,.2), transparent 38%), linear-gradient(135deg, #0b633a, #198754);
}
.helia-personal-modal-header { background: radial-gradient(circle at 90% 0, rgba(255,255,255,.2), transparent 38%), linear-gradient(135deg, #075f6a, #0c7e8c); }
.helia-stats-modal-header small { display: block; color: rgba(255,255,255,.72); font-size: .68rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.helia-stats-modal-header h5 { color: #fff; }
.helia-stats-modal-icon { width: 2.8rem; height: 2.8rem; flex: 0 0 2.8rem; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.3); border-radius: .8rem; background: rgba(255,255,255,.14); }
.helia-stats-section { padding: 1rem; border: 1px solid var(--bs-border-color); border-radius: 1rem; background: var(--bs-tertiary-bg); }
.helia-stats-section-title { display: flex; align-items: end; justify-content: space-between; gap: 1rem; margin-bottom: 1rem; }
.helia-stats-section-title span { display: block; color: #198754; font-size: .68rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.helia-stats-section-title h4 { margin: .1rem 0 0; font-size: 1.05rem; }
.helia-stats-section-title > small { color: var(--bs-secondary-color); text-align: right; }
.helia-attendance-compare-card { height: 100%; padding: 1rem; border: 1px solid var(--bs-border-color); border-radius: .9rem; background: var(--bs-body-bg); }
.helia-attendance-compare-card.is-primary { border-color: rgba(25,135,84,.35); box-shadow: 0 .5rem 1.25rem rgba(25,135,84,.08); }
.helia-attendance-compare-card small { color: var(--bs-secondary-color); }
.helia-attendance-compare-card h5 { margin: .1rem 0 0; font-size: 1rem; }
.helia-attendance-compare-card > div:first-child > strong { color: #198754; font-size: 1.75rem; line-height: 1; }
.helia-attendance-compare-card .helia-attendance-segments { margin-top: .9rem; }
.helia-attendance-compare-counts { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: .35rem; margin-top: .75rem; }
.helia-attendance-compare-counts span { color: var(--bs-secondary-color); font-size: .64rem; text-align: center; }
.helia-attendance-compare-counts strong { display: block; color: var(--bs-body-color); font-size: .9rem; }
.helia-attendance-comparison-table { --bs-table-bg: transparent; }
.helia-attendance-comparison-table thead th { border-bottom-width: 1px; color: var(--bs-secondary-color); font-size: .7rem; text-transform: uppercase; }
.helia-attendance-comparison-table td strong,
.helia-attendance-comparison-table td small { display: block; }
.helia-attendance-comparison-table td small { color: var(--bs-secondary-color); font-size: .68rem; }
.helia-stats-modal .modal-body > .row .border.rounded { border-color: var(--bs-border-color)!important; border-radius: .9rem!important; background: var(--bs-tertiary-bg); }
.helia-stats-modal .progress { height: .55rem; border-radius: 99rem; }
.helia-personal-kpi { --personal-tone: 13,110,253; height: 100%; padding: 1rem; overflow: hidden; border: 1px solid rgba(var(--personal-tone),.22); border-radius: .9rem; background: linear-gradient(145deg,rgba(var(--personal-tone),.1),rgba(var(--personal-tone),.025)); }
.helia-personal-kpi.is-present { --personal-tone: 25,135,84; }.helia-personal-kpi.is-excused { --personal-tone: 255,193,7; }.helia-personal-kpi.is-unanswered { --personal-tone: 220,53,69; }
.helia-personal-kpi small,.helia-personal-kpi strong,.helia-personal-kpi span { display: block; }
.helia-personal-kpi small { color: var(--bs-secondary-color); font-size: .7rem; text-transform: uppercase; }
.helia-personal-kpi strong { margin: .25rem 0; color: rgb(var(--personal-tone)); font-size: 1.65rem; line-height: 1; }
.helia-personal-kpi span { color: var(--bs-secondary-color); font-size: .68rem; }
.helia-personal-category { padding: .8rem .9rem; border: 1px solid var(--bs-border-color); border-radius: .8rem; background: var(--bs-tertiary-bg); }
.helia-personal-category > div { display: flex; justify-content: space-between; gap: .8rem; }
.helia-personal-category > div strong { color: #0d6efd; }.helia-personal-category small { color: var(--bs-secondary-color); }
@media (max-width: 767.98px) {
    .helia-attendance-legend { grid-template-columns: repeat(3,minmax(0,1fr)); }
    .helia-attendance-legend span { font-size: .58rem; }
    .helia-stats-section-title { align-items: flex-start; flex-direction: column; }
    .helia-stats-section-title > small { text-align: left; }
    .helia-attendance-compare-counts { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
.index .helia-dashboard-actions .btn,
.index .helia-mail-open,
.index .helia-dashboard-card form .btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .6rem;
    min-height: 2.25rem;
    padding: .4rem .75rem;
    border-radius: .6rem;
    font-size: .82rem;
    font-weight: 600;
    line-height: 1.2;
}
.helia-dashboard-birthday-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .6rem;
    margin: 0;
    padding: 0;
    list-style: none;
}
.helia-dashboard-birthday-list li {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: .7rem;
    padding: .7rem .75rem;
    border: 1px solid var(--bs-border-color);
    border-radius: .8rem;
    background: var(--bs-tertiary-bg);
}
.helia-dashboard-birthday-icon {
    width: 2.35rem;
    height: 2.35rem;
    flex: 0 0 2.35rem;
    display: grid;
    place-items: center;
    border-radius: .68rem;
    color: rgb(var(--helia-card-accent));
    background: rgba(var(--helia-card-accent), .12);
}
.helia-dashboard-birthday-list strong,
.helia-dashboard-birthday-list small { display: block; }
.helia-dashboard-birthday-list strong { font-size: .82rem; }
.helia-dashboard-birthday-list small {
    margin-top: .1rem;
    color: var(--bs-secondary-color);
    font-size: .68rem;
}
@media (max-width: 991.98px) {
    .helia-dashboard-inline-summary--personal,
    .helia-dashboard-inline-summary--members {
        grid-template-columns: minmax(0, 1fr);
    }
}
@media (max-width: 575.98px) {
    .helia-dashboard-inline-summary { gap: .5rem; }
    .helia-dashboard-inline-summary--personal,
    .helia-dashboard-inline-summary--members { grid-template-columns: minmax(0, 1fr); }
    .helia-personal-attendance { padding: .7rem; }
    .helia-personal-attendance > div:first-child strong { font-size: 1.3rem; }
    .helia-dashboard-inline-summary--personal .helia-dashboard-feature { gap: .5rem; padding: .6rem; }
    .helia-dashboard-inline-summary--personal .helia-dashboard-feature-icon { width: 2rem; height: 2rem; flex-basis: 2rem; }
    .helia-dashboard-inline-summary--personal .helia-dashboard-feature small { font-size: .62rem; }
    .helia-dashboard-inline-summary--personal .helia-dashboard-feature strong { font-size: .82rem; }
    .helia-club-attendance-summary { gap: .45rem; padding: .62rem; }
    .helia-club-attendance-summary .helia-dashboard-feature-icon { width: 2.1rem; height: 2.1rem; flex-basis: 2.1rem; }
    .helia-club-attendance-summary small { font-size: .59rem; }
    .helia-club-attendance-summary strong { font-size: 1rem; }
    .helia-club-attendance-summary > span { max-width: 5rem; font-size: .58rem; }
    .helia-dashboard-metrics,
    .helia-dashboard-birthday-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .helia-dashboard-metric { padding: .68rem .55rem; }
    .helia-dashboard-metric strong { font-size: 1.4rem; }
    .helia-dashboard-birthday-list li { align-items: flex-start; padding: .62rem; }
    .helia-dashboard-birthday-icon { width: 2rem; height: 2rem; flex-basis: 2rem; }
    .helia-dashboard-actions { align-items: stretch; flex-direction: column; }
    .helia-dashboard-actions .btn { width: 100%; }
}

/* Carte de messagerie Sodium sur l'accueil */
.helia-mail-card {
    overflow: hidden;
    border: 1px solid rgba(21, 94, 171, .2);
    border-radius: 1rem;
    background: var(--bs-body-bg);
    box-shadow: 0 14px 38px rgba(18, 65, 112, .12);
}
.helia-mail-card-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.15rem 1.25rem;
    color: #fff;
    background:
        radial-gradient(circle at 85% 0, rgba(255, 205, 0, .28), transparent 38%),
        linear-gradient(135deg, #073b74 0%, #0067b9 58%, #1188d1 100%);
}
.helia-mail-card-title {
    display: flex;
    align-items: center;
    min-width: 0;
    gap: .85rem;
}
.helia-mail-card-icon {
    width: 3rem;
    height: 3rem;
    flex: 0 0 3rem;
    display: grid;
    place-items: center;
    border: 1px solid rgba(255, 255, 255, .32);
    border-radius: .9rem;
    background: rgba(255, 255, 255, .15);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2);
    font-size: 1.25rem;
}
.helia-mail-card-eyebrow {
    display: block;
    margin-bottom: .15rem;
    color: rgba(255, 255, 255, .72);
    font-size: .7rem;
    font-weight: 700;
    letter-spacing: .1em;
    text-transform: uppercase;
}
.helia-mail-card-title h4 {
    margin: 0;
    color: #fff;
    font-size: 1.15rem;
    line-height: 1.2;
}
.helia-mail-card-summary {
    min-width: 6.7rem;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: .55rem;
    padding-left: 1rem;
    border-left: 1px solid rgba(255, 255, 255, .24);
}
.helia-mail-card-summary strong {
    font-size: 2rem;
    line-height: 1;
}
.helia-mail-card-summary span {
    color: rgba(255, 255, 255, .78);
    font-size: .72rem;
    line-height: 1.2;
}
.helia-mail-card-body {
    display: flex;
    flex-direction: column;
    gap: .9rem;
    padding: 1.15rem 1.25rem 1.25rem;
}
.helia-mail-card-meta {
    display: flex;
    align-items: center;
    gap: .45rem;
    color: var(--bs-secondary-color);
    font-size: .78rem;
}
.helia-mail-card-meta i { color: #198754; }
.helia-mail-account-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .6rem;
    margin: 0;
    padding: 0;
    list-style: none;
}
.helia-mail-account-item {
    min-width: 0;
    display: grid;
    grid-template-columns: 2.45rem minmax(0, 1fr) auto;
    align-items: center;
    gap: .75rem;
    padding: .72rem .8rem;
    border: 1px solid var(--bs-border-color);
    border-radius: .8rem;
    background: var(--bs-tertiary-bg);
    transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}
.helia-mail-account-item:hover {
    transform: translateY(-1px);
    border-color: rgba(13, 110, 253, .42);
    box-shadow: 0 7px 18px rgba(13, 110, 253, .09);
}
.helia-mail-account-avatar {
    width: 2.45rem;
    height: 2.45rem;
    display: grid;
    place-items: center;
    border-radius: .72rem;
    color: #0d6efd;
    background: rgba(13, 110, 253, .12);
}
.helia-mail-account-avatar.is-shared {
    color: #198754;
    background: rgba(25, 135, 84, .13);
}
.helia-mail-account-copy { min-width: 0; }
.helia-mail-account-copy strong,
.helia-mail-account-copy small {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.helia-mail-account-copy strong { font-size: .88rem; }
.helia-mail-account-copy small {
    margin-top: .1rem;
    color: var(--bs-secondary-color);
    font-size: .72rem;
    line-height: 1.3;
    overflow: visible;
    overflow-wrap: anywhere;
    text-overflow: clip;
    white-space: normal;
}
.helia-mail-account-count {
    min-width: 3.7rem;
    padding: .38rem .55rem;
    border-radius: .65rem;
    color: var(--bs-secondary-color);
    background: var(--bs-secondary-bg);
    text-align: center;
}
.helia-mail-account-count.has-unread {
    color: #fff;
    background: #0d6efd;
    box-shadow: 0 5px 13px rgba(13, 110, 253, .22);
}
.helia-mail-account-count strong,
.helia-mail-account-count small { display: block; }
.helia-mail-account-count strong { font-size: .95rem; line-height: 1; }
.helia-mail-account-count small { margin-top: .16rem; font-size: .62rem; line-height: 1; }
.helia-mail-card-footer {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    margin-top: auto;
    padding-top: .15rem;
}
.helia-mail-card-footer > span {
    color: var(--bs-secondary-color);
    font-size: .7rem;
}
.helia-mail-card-footer > span i { margin-right: .28rem; color: #198754; }
.helia-mail-open {
    display: inline-flex;
    align-items: center;
    gap: .65rem;
    flex: 0 0 auto;
    padding: .4rem .75rem;
    border-radius: .6rem;
    font-size: .82rem;
    font-weight: 600;
}
.helia-mail-empty {
    display: flex;
    align-items: center;
    gap: .75rem;
    padding: 1rem;
    border-radius: .8rem;
    background: var(--bs-tertiary-bg);
}
.helia-mail-empty i { color: #0d6efd; font-size: 1.2rem; }
@media (max-width: 575.98px) {
    .helia-mail-card-header { align-items: flex-start; }
    .helia-mail-card-summary { min-width: auto; }
    .helia-mail-card-summary span { display: none; }
    .helia-mail-account-list { grid-template-columns: minmax(0, 1fr); }
    .helia-mail-card-footer { align-items: stretch; flex-direction: column; }
    .helia-mail-open { justify-content: space-between; width: 100%; }
}
@media (prefers-reduced-motion: reduce) {
    .helia-dashboard-card { transition: none; }
    .helia-dashboard-card:hover { transform: none; }
    .helia-mail-account-item { transition: none; }
    .helia-mail-account-item:hover { transform: none; }
}

/* Cadre global Hélia : header et footer */
header.navbar.helia-site-header{position:sticky;top:0;z-index:1030;min-height:4.6rem;padding:.48rem 0;overflow:visible;border-bottom:1px solid rgba(255,255,255,.12);background:linear-gradient(105deg,#123b75 0%,#174f8e 58%,#126c83 100%)!important;box-shadow:0 .5rem 1.7rem rgba(11,38,74,.16)}.helia-site-header::after{position:absolute;right:8%;bottom:0;width:13rem;height:1px;content:"";background:linear-gradient(90deg,transparent,#f7c843,transparent)}.helia-header-inner{max-width:1700px;padding-right:clamp(.8rem,2vw,1.8rem);padding-left:clamp(.8rem,2vw,1.8rem)}.helia-brand{display:flex;align-items:center;gap:.65rem;margin-right:1.2rem;padding:0!important}.helia-brand-mark{display:grid;width:3.1rem;height:3.1rem;flex:0 0 3.1rem;place-items:center;border:1px solid rgba(255,255,255,.2);border-radius:.9rem;background:rgba(255,255,255,.1);box-shadow:inset 0 1px rgba(255,255,255,.15)}.helia-brand-mark img.logoheader{display:block;width:2.45rem;height:2.45rem;object-fit:contain}.helia-brand-copy{display:grid;line-height:1.05}.helia-brand-copy strong{color:#fff;font-size:1.3rem;font-weight:800;letter-spacing:-.02em}.helia-brand-copy small{max-width:13rem;margin-top:.27rem;color:rgba(255,255,255,.62);overflow:hidden;font-size:.58rem;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.helia-site-header #navbarNav{margin-left:0;font-size:inherit}.helia-main-nav{align-items:center;gap:.2rem}.helia-site-header .helia-main-nav>.nav-item{margin:0}.helia-main-nav .nav-link{display:flex;align-items:center;gap:.42rem;padding:.58rem .68rem!important;color:rgba(255,255,255,.76)!important;border-radius:.62rem;font-size:.72rem;font-weight:750;white-space:nowrap;transition:color .16s ease,background-color .16s ease}.helia-main-nav .nav-link:hover,.helia-main-nav .nav-link.show{color:#fff!important;background:rgba(255,255,255,.1)}.helia-main-nav .nav-link.active{color:#fff!important;background:rgba(255,255,255,.14);box-shadow:inset 0 -2px #f7c843}.helia-main-nav .nav-link>i{color:#f7c843}.helia-nav-dropdown,.helia-user-dropdown{min-width:15rem;margin-top:.48rem!important;padding:.42rem;border:1px solid var(--bs-border-color);border-radius:.85rem;background:var(--bs-body-bg);box-shadow:0 1rem 2.5rem rgba(15,31,52,.2)}.helia-nav-dropdown .dropdown-item,.helia-user-dropdown .dropdown-item{display:flex;align-items:center;gap:.58rem;margin:.08rem 0;padding:.55rem .65rem;color:var(--bs-body-color)!important;border-radius:.55rem;font-size:.72rem;font-weight:650}.helia-nav-dropdown .dropdown-item i,.helia-user-dropdown .dropdown-item i{width:1rem;color:#2878b6;text-align:center}.helia-nav-dropdown .dropdown-item:hover,.helia-user-dropdown .dropdown-item:hover{color:var(--bs-body-color)!important;background:var(--bs-tertiary-bg)!important}.helia-nav-dropdown .dropdown-item.active{color:#fff!important;background:#1e6fa9!important}.helia-nav-dropdown .dropdown-item.active i{color:#fff}.helia-user-menu{margin-left:.75rem}.helia-user-trigger{display:flex;align-items:center;gap:.58rem;min-width:0;padding:.32rem .48rem .32rem .34rem;color:#fff;border:1px solid rgba(255,255,255,.16);border-radius:.8rem;background:rgba(255,255,255,.08)}.helia-user-trigger:hover,.helia-user-trigger.show{background:rgba(255,255,255,.14)}.helia-header-avatar{display:grid;width:2.35rem;height:2.35rem;flex:0 0 2.35rem;overflow:hidden;place-items:center;color:#17458f;border:2px solid rgba(255,255,255,.7);border-radius:.68rem;background:#fff;font-size:.67rem;font-weight:800}.helia-header-avatar img,.helia-header-avatar>span{grid-area:1/1}.helia-header-avatar img{width:100%;height:100%;object-fit:cover}.helia-user-copy{display:grid;min-width:0;max-width:9rem;text-align:left}.helia-user-copy strong,.helia-user-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.helia-user-copy strong{font-size:.69rem}.helia-user-copy small{color:rgba(255,255,255,.6);font-size:.55rem}.helia-user-dropdown-head{display:grid;padding:.55rem .65rem .65rem}.helia-user-dropdown-head span{font-size:.75rem;font-weight:800}.helia-user-dropdown-head small{margin-top:.1rem;color:var(--bs-secondary-color);font-size:.59rem}.helia-navbar-toggler{display:grid;width:2.75rem;height:2.55rem;margin:0;padding:.55rem .62rem!important;place-content:center;gap:.25rem;border:1px solid rgba(255,255,255,.2)!important;border-radius:.7rem}.helia-navbar-toggler span{display:block;width:1.25rem;height:2px;border-radius:999px;background:#fff}
.helia-site-footer{position:relative;margin-top:3rem;color:rgba(255,255,255,.7);background:linear-gradient(115deg,#102d57,#143e70 60%,#105f70);box-shadow:inset 0 1px rgba(255,255,255,.08)}.helia-site-footer::before{display:block;width:100%;height:.22rem;content:"";background:linear-gradient(90deg,#17458f,#f7c843,#149477)}.helia-footer-main{display:grid;grid-template-columns:minmax(16rem,1.55fr) minmax(13rem,.9fr) minmax(9rem,.55fr);gap:clamp(2rem,5vw,5rem);padding-top:2rem;padding-bottom:1.7rem}.helia-footer-brand{display:flex;align-items:flex-start;gap:.85rem}.helia-footer-logo{display:grid;width:3.2rem;height:3.2rem;flex:0 0 3.2rem;place-items:center;border:1px solid rgba(255,255,255,.16);border-radius:.9rem;background:rgba(255,255,255,.08)}.helia-footer-logo img{width:2.45rem;height:2.45rem}.helia-footer-brand>div{display:grid}.helia-footer-brand strong{color:#fff;font-size:1.2rem}.helia-footer-brand span{margin-top:.12rem;color:#f7c843;font-size:.65rem;font-weight:750}.helia-footer-brand p{max-width:26rem;margin:.55rem 0 0;color:rgba(255,255,255,.56);font-size:.7rem;line-height:1.5}.helia-footer-links>strong,.helia-footer-account>strong{display:block;margin-bottom:.65rem;color:#fff;font-size:.67rem;text-transform:uppercase;letter-spacing:.1em}.helia-footer-links>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.35rem .7rem}.helia-footer-account>div{display:grid;gap:.35rem}.helia-footer-links a,.helia-footer-account a{display:flex;align-items:center;gap:.35rem;width:max-content;max-width:100%;color:rgba(255,255,255,.67);font-size:.68rem;text-decoration:none}.helia-footer-links a:hover,.helia-footer-account a:hover{color:#fff}.helia-footer-links a i{width:.9rem;color:#f7c843;text-align:center}.helia-footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-top:.85rem;padding-bottom:.9rem;border-top:1px solid rgba(255,255,255,.1);font-size:.6rem}.helia-footer-bottom a{color:#f7c843;text-decoration:none}
@media(max-width:1199.98px){.helia-brand-copy small{display:none}.helia-main-nav .nav-link{padding:.55rem!important}.helia-user-copy{display:none}.helia-user-trigger{padding:.3rem}.helia-user-trigger::after{display:none}}
@media(max-width:991.98px){header.navbar.helia-site-header{position:relative}.helia-site-header #navbarNav{margin-top:.65rem;padding:.7rem;border:1px solid rgba(255,255,255,.12);border-radius:.9rem;background:rgba(6,31,63,.3)}.helia-main-nav{align-items:stretch;gap:.18rem}.helia-main-nav .nav-link{padding:.65rem .7rem!important}.helia-nav-dropdown{margin:.2rem 0 .35rem!important;border-color:rgba(255,255,255,.12);background:rgba(7,32,62,.72);box-shadow:none}.helia-nav-dropdown .dropdown-item{color:rgba(255,255,255,.75)!important}.helia-nav-dropdown .dropdown-item i{color:#f7c843}.helia-nav-dropdown .dropdown-item:hover{color:#fff!important;background:rgba(255,255,255,.1)!important}.helia-user-menu{margin:.65rem 0 0;padding-top:.65rem;border-top:1px solid rgba(255,255,255,.12)}.helia-user-trigger{width:100%;padding:.4rem}.helia-user-copy{display:grid;max-width:none;flex:1}.helia-user-trigger::after{display:block}.helia-user-dropdown{width:100%}.helia-footer-main{grid-template-columns:1.35fr 1fr}.helia-footer-account{display:none}}
@media(max-width:575.98px){.helia-brand-mark{width:2.7rem;height:2.7rem;flex-basis:2.7rem}.helia-brand-mark img.logoheader{width:2.05rem;height:2.05rem}.helia-brand-copy strong{font-size:1.12rem}.helia-brand-copy small{display:block;max-width:9.5rem}.helia-footer-main{grid-template-columns:1fr;gap:1.4rem;padding-top:1.5rem}.helia-footer-links>div{grid-template-columns:1fr 1fr}.helia-footer-bottom{align-items:flex-start;flex-direction:column;gap:.3rem}}
@media(prefers-reduced-motion:reduce){.helia-main-nav .nav-link{transition:none}}

/* Page évènement : outils en demi-largeur et listes dédiées aux invités */
.event-tool-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}
.event-tool-list .btn{display:flex;min-height:4.15rem;align-items:center;justify-content:center;flex-direction:column;gap:.42rem;padding:.65rem .4rem;text-align:center;border-radius:.75rem;font-size:.68rem;line-height:1.15}
.event-tool-list .btn i{font-size:1.05rem;text-align:center}
.event-guests-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;margin-top:.8rem}
.event-guests-grid .event-extra-guests{min-width:0;margin-top:0}
.event-extra-guests>div>span{border-radius:.65rem}
.event-extra-guests>div>span>span{display:grid;line-height:1.2}
.event-extra-guests>div small{color:var(--bs-secondary-color);font-size:.52rem;font-weight:600}
.event-extra-guests--companions>header span,.event-extra-guests--companions>div>span{color:#1674d1}
.event-extra-guests--companions>div>span{border-color:rgba(22,116,209,.16);background:rgba(22,116,209,.09)}
@media(max-width:575.98px){.event-guests-grid{grid-template-columns:1fr}}

/* Header plus lisible et plus facile à utiliser */
header.navbar.helia-site-header{min-height:5.35rem;padding:.62rem 0}
.helia-brand{gap:.8rem;margin-right:1.5rem}
.helia-brand-mark{width:3.65rem;height:3.65rem;flex-basis:3.65rem;border-radius:1rem}
.helia-brand-mark img.logoheader{width:2.95rem;height:2.95rem}
.helia-brand-copy strong{font-size:1.52rem}
.helia-brand-copy small{max-width:15rem;font-size:.68rem;line-height:1.2}
.helia-main-nav{gap:.3rem}
.helia-main-nav .nav-link{gap:.5rem;min-height:2.85rem;padding:.68rem .8rem!important;font-size:.82rem}
.helia-main-nav .nav-link>i{font-size:.9rem}
.helia-nav-dropdown,.helia-user-dropdown{min-width:17rem}
.helia-nav-dropdown .dropdown-item,.helia-user-dropdown .dropdown-item{gap:.68rem;min-height:2.7rem;padding:.65rem .75rem;font-size:.8rem}
.helia-nav-dropdown .dropdown-item i,.helia-user-dropdown .dropdown-item i{width:1.15rem;font-size:.9rem}
.helia-user-trigger{gap:.68rem;padding:.4rem .58rem .4rem .4rem;border-radius:.9rem}
.helia-header-avatar{width:2.8rem;height:2.8rem;flex-basis:2.8rem;font-size:.76rem}
.helia-user-copy{max-width:10.5rem}
.helia-user-copy strong{font-size:.78rem}
.helia-user-copy small{font-size:.63rem}
.helia-user-dropdown-head span{font-size:.84rem}
.helia-user-dropdown-head small{font-size:.67rem}
@media(max-width:1399.98px){
    .helia-brand{margin-right:.8rem}
    .helia-brand-copy small{display:none}
    .helia-main-nav .nav-link{padding:.64rem .58rem!important;font-size:.76rem}
    .helia-user-copy{display:none}
}
@media(max-width:991.98px){
    header.navbar.helia-site-header{min-height:4.9rem}
    .helia-brand-copy small{display:block;font-size:.64rem}
    .helia-main-nav .nav-link{min-height:3rem;padding:.72rem .78rem!important;font-size:.84rem}
    .helia-user-copy{display:grid}
    .helia-user-copy strong{font-size:.82rem}
    .helia-user-copy small{font-size:.68rem}
}
@media(max-width:575.98px){
    .helia-brand-mark{width:3.1rem;height:3.1rem;flex-basis:3.1rem}
    .helia-brand-mark img.logoheader{width:2.5rem;height:2.5rem}
    .helia-brand-copy strong{font-size:1.3rem}
    .helia-brand-copy small{max-width:10.5rem;font-size:.61rem}
    .helia-navbar-toggler{width:3rem;height:2.9rem}
}

/* Pont de survol entre un menu principal et son sous-menu */
@media(min-width:992px){
    .helia-main-nav>.dropdown>.helia-nav-dropdown::before{
        position:absolute;
        right:0;
        bottom:100%;
        left:0;
        height:.6rem;
        content:"";
    }
}

/* Outils d’évènement compacts : icône et libellé côte à côte */
.event-tool-list .btn{
    min-height:3.15rem;
    flex-direction:row;
    gap:.55rem;
    padding:.58rem .65rem;
    font-size:.7rem;
    text-align:left;
}
.event-tool-list .btn i{flex:0 0 1.1rem;font-size:.95rem}
.event-tools-card{padding:.82rem}
.event-tools-card>header{gap:.6rem;margin-bottom:.65rem;padding-bottom:.6rem}
.event-tools-card>header>span{width:2.25rem;height:2.25rem;flex-basis:2.25rem;border-radius:.65rem}
.event-tool-groups{gap:.55rem}
.event-tool-groups>section+section{padding-top:.55rem}
.event-tool-groups h3{margin-bottom:.32rem;font-size:.57rem}
.event-tools-card .event-tool-list{gap:.38rem}
.event-tools-card .event-tool-list .btn{min-height:2.8rem;padding:.45rem .5rem;font-size:.65rem}

/* Connexion et récupération du compte */
body.loginpage{min-height:100vh;margin:0;color:#17243a;background:#0c3261}
.auth-page{position:relative;display:grid;min-height:100vh;padding:clamp(1rem,4vw,3.5rem);place-items:center;overflow:hidden;isolation:isolate;background:linear-gradient(135deg,rgba(7,34,72,.98),rgba(14,83,119,.94) 56%,rgba(16,126,116,.9))}
.auth-page::before,.auth-page::after{position:absolute;z-index:-1;border-radius:999px;content:"";filter:blur(2px)}
.auth-page::before{top:-18rem;right:-12rem;width:42rem;height:42rem;background:radial-gradient(circle,rgba(247,200,67,.23),rgba(247,200,67,0) 67%)}
.auth-page::after{bottom:-21rem;left:-14rem;width:46rem;height:46rem;background:radial-gradient(circle,rgba(31,181,160,.28),rgba(31,181,160,0) 68%)}
.auth-shell{display:grid;width:min(69rem,100%);min-height:min(43rem,calc(100vh - 2rem));grid-template-columns:minmax(0,.94fr) minmax(25rem,1.06fr);overflow:hidden;border:1px solid rgba(255,255,255,.23);border-radius:1.65rem;background:rgba(255,255,255,.97);box-shadow:0 2rem 5rem rgba(3,22,48,.34),inset 0 1px rgba(255,255,255,.5)}
.auth-visual{position:relative;display:flex;min-height:100%;padding:clamp(2.2rem,5vw,4.4rem);align-items:flex-end;overflow:hidden;color:#fff;background:linear-gradient(150deg,#123f7c 0%,#116784 65%,#138477 100%)}
.auth-visual::before{position:absolute;inset:0;content:"";opacity:.34;background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:3rem 3rem;mask-image:linear-gradient(to bottom,black,transparent 90%)}
.auth-visual::after{position:absolute;right:-3.5rem;bottom:-5rem;width:19rem;height:19rem;border:3.5rem solid rgba(247,200,67,.15);border-radius:50%;content:""}
.auth-orbit{position:absolute;border:1px solid rgba(255,255,255,.13);border-radius:50%}
.auth-orbit-one{top:-7rem;left:-8rem;width:25rem;height:25rem}
.auth-orbit-two{top:4rem;left:6rem;width:12rem;height:12rem}
.auth-visual-content{position:relative;z-index:1;max-width:27rem}
.auth-eyebrow,.auth-kicker{display:block;margin-bottom:1rem;font-size:.7rem;font-weight:800;letter-spacing:.15em}
.auth-eyebrow{color:#f7c843}
.auth-visual h1{margin:0;color:#fff;font-size:clamp(2.7rem,5vw,4.8rem);font-weight:350;line-height:.94;letter-spacing:-.055em}
.auth-visual h1 strong{font-weight:850}
.auth-visual p{max-width:22rem;margin:1.35rem 0 2rem;color:rgba(255,255,255,.75);font-size:1rem;line-height:1.6}
.auth-club-mark{width:min(18rem,80%);padding:.75rem 1rem;border:1px solid rgba(255,255,255,.16);border-radius:1rem;background:rgba(255,255,255,.92);box-shadow:0 .8rem 2rem rgba(3,30,57,.14)}
.auth-club-mark img{display:block;width:100%;height:auto}
.auth-panel{display:grid;padding:clamp(2rem,5vw,4.5rem);align-items:center;background:linear-gradient(145deg,#fff,#f5f8fb)}
.auth-panel-inner{width:min(27rem,100%);margin:auto}
.auth-mobile-brand{display:none;align-items:center;justify-content:center;width:100%;margin-bottom:2rem;padding:.75rem 1rem;border:1px solid #e0e7f0;border-radius:1rem;background:#fff;text-decoration:none;box-shadow:0 .45rem 1.2rem rgba(20,53,88,.08)}
.auth-mobile-brand img{display:block;width:min(15rem,88%);height:auto}
.auth-heading{margin-bottom:2rem}
.auth-kicker{margin-bottom:.65rem;color:#157e78}
.auth-heading h2{margin:0;color:#13243b;font-size:clamp(1.75rem,3vw,2.35rem);font-weight:820;line-height:1.1;letter-spacing:-.035em}
.auth-heading p{margin:.75rem 0 0;color:#657084;font-size:.9rem;line-height:1.55}
.auth-form{display:grid;gap:1.1rem}
.auth-field label{margin-bottom:.48rem;color:#29384d;font-size:.74rem;font-weight:750}
.auth-field .form-control{min-height:3.25rem;padding:.72rem .9rem;color:#17243a;border:1px solid #d6deea;border-radius:.78rem;background:#fff;font-size:.9rem;box-shadow:0 .15rem .6rem rgba(30,56,86,.04);transition:border-color .16s ease,box-shadow .16s ease}
.auth-field .form-control:focus{border-color:#237db5;box-shadow:0 0 0 .22rem rgba(35,125,181,.14)}
.auth-captcha{display:flex;min-height:4.4rem;align-items:center;justify-content:center;overflow-x:auto}
.auth-remember{margin:.05rem 0 .1rem;color:#516075;font-size:.78rem}
.auth-remember .form-check-input{width:1.1rem;height:1.1rem;margin-top:.12rem}
.auth-submit{display:flex;min-height:3.25rem;align-items:center;justify-content:center;gap:.75rem;border:0;border-radius:.8rem;font-size:.86rem;font-weight:800;box-shadow:0 .65rem 1.3rem rgba(13,110,253,.2)}
.auth-submit span{font-size:1.15rem;line-height:1}
.auth-help{margin-top:1.35rem;text-align:center}
.auth-help a{color:#176ca4;font-size:.78rem;font-weight:700;text-decoration:none}
.auth-help a:hover{text-decoration:underline}
.auth-footer{margin-top:2.4rem;color:#8993a3;font-size:.66rem;text-align:center}
.auth-panel .alert{border:0;border-radius:.8rem;font-size:.78rem}
@media(max-width:850px){
    .auth-page{min-height:100dvh;padding:1rem;place-items:start center;overflow-x:hidden;overflow-y:auto}
    .auth-shell{width:min(32rem,100%);min-height:0;grid-template-columns:1fr;border-radius:1.3rem}
    .auth-visual{display:none}
    .auth-panel{min-height:calc(100dvh - 2rem);padding:clamp(1.6rem,7vw,3.2rem);align-items:start}
    .auth-mobile-brand{display:flex}
    .auth-panel-inner{margin:auto}
}
@media(max-width:380px){
    .auth-page{padding:0}
    .auth-shell{min-height:100vh;border:0;border-radius:0}
    .auth-panel{min-height:100dvh;padding:1.15rem}
    .auth-mobile-brand{margin-bottom:1.45rem;padding:.65rem}
    .auth-mobile-brand img{width:min(13.5rem,90%)}
    .auth-heading{margin-bottom:1.4rem}
    .auth-captcha{width:110%;justify-content:flex-start;transform:scale(.88);transform-origin:left center}
}
@media(prefers-reduced-motion:reduce){.auth-field .form-control{transition:none}}

/* Double authentification et sessions */
.auth-shell--security .auth-panel{padding-top:2.2rem;padding-bottom:2.2rem}
.auth-shell--security{min-height:min(46rem,calc(100vh - 2rem))}
.auth-shell--security .auth-heading{position:relative;padding-left:1rem}
.auth-shell--security .auth-heading::before{position:absolute;top:.15rem;bottom:.15rem;left:0;width:.23rem;border-radius:999px;content:"";background:linear-gradient(#1674d1,#15937d)}
.auth-shell--security .auth-form{padding:1rem;border:1px solid #dce4ee;border-radius:1rem;background:rgba(255,255,255,.78);box-shadow:0 .4rem 1.25rem rgba(21,53,86,.06)}
.twofa-qr{display:grid;margin:0 0 1.35rem;padding:1rem;place-items:center;border:1px solid #dce4ee;border-radius:1rem;background:#fff}
.twofa-qr svg{display:block;width:min(18rem,92%);height:auto;image-rendering:pixelated}
.twofa-qr small{margin-top:.7rem;color:#718096;font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}
.twofa-qr code{max-width:100%;margin-top:.25rem;padding:.35rem .5rem;color:#17458f;border-radius:.4rem;background:#edf4fb;font-size:.68rem;overflow-wrap:anywhere}
.twofa-code-input{text-align:center;font-size:1.3rem!important;font-weight:800;letter-spacing:.22em}
.twofa-code-switch{display:block;margin:.55rem auto 0;padding:0;color:#176ca4;border:0;background:none;font-size:.7rem;font-weight:700;text-decoration:underline;text-underline-offset:.18rem}
.twofa-code-switch:hover{color:#0d4f83}
.twofa-recovery-codes{display:grid;grid-template-columns:1fr 1fr;gap:.48rem;padding:.85rem;border:1px solid #dce4ee;border-radius:1rem;background:#f7f9fc;box-shadow:inset 0 1px #fff}
.twofa-recovery-codes code{padding:.55rem;color:#173e70;border-radius:.48rem;background:#fff;font-size:.78rem;font-weight:800;text-align:center;box-shadow:0 .15rem .5rem rgba(22,48,78,.06)}
.webauthn-login-choice{display:grid;gap:.65rem;margin-bottom:1rem;padding:1rem;border:1px solid rgba(18,126,110,.22);border-radius:1rem;background:linear-gradient(135deg,rgba(18,126,110,.09),rgba(23,108,164,.06))}
.webauthn-login-choice .btn{width:100%;margin:0;background:linear-gradient(135deg,#087d6d,#176ca4);box-shadow:0 .65rem 1.3rem rgba(10,112,105,.2)}
.webauthn-login-choice>small{color:#657084;font-size:.68rem;line-height:1.45;text-align:center}
.webauthn-login-choice .alert{margin:0}
.webauthn-key-symbol{display:grid;width:1.5rem;height:1.5rem;place-items:center;border-radius:.45rem;background:rgba(255,255,255,.16);font-size:.72rem!important}
.auth-method-divider{display:flex;align-items:center;gap:.75rem;margin:.2rem 0 1rem;color:#7a8596;font-size:.64rem;font-weight:750;text-transform:uppercase;letter-spacing:.06em}
.auth-method-divider::before,.auth-method-divider::after{height:1px;content:"";background:#dce4ee;flex:1}
.effectif-security-switch{display:flex;gap:.65rem;padding:1rem;border:1px solid rgba(13,110,253,.18);border-radius:.8rem;background:rgba(13,110,253,.06)}
.effectif-security-switch .form-check-input{flex:0 0 auto;margin-left:0}
.effectif-security-switch label{display:grid;gap:.2rem}
.effectif-security-switch label small{color:var(--bs-secondary-color);font-size:.72rem;font-weight:400;line-height:1.45}
.profile-security-card>p,.profile-sessions-card>p,.profile-security-keys>p{color:var(--bs-secondary-color);font-size:.76rem}
.profile-security-status{display:inline-flex;align-items:center;gap:.35rem;margin-left:auto;padding:.35rem .55rem;border-radius:999px;font-size:.62rem}
.profile-security-status i{width:.45rem;height:.45rem;border-radius:50%;background:currentColor}
.profile-security-status.is-enabled{color:#168958;background:rgba(22,137,88,.1)}
.profile-security-status.is-disabled{color:#a46616;background:rgba(211,143,31,.11)}
.profile-security-notice{display:flex;align-items:center;gap:.7rem;margin:.8rem 0;padding:.75rem;border-radius:.75rem;color:#176b63;background:rgba(21,126,120,.09)}
.profile-security-notice>i{font-size:1.15rem}.profile-security-notice>span{display:grid}.profile-security-notice small{color:var(--bs-secondary-color);font-size:.65rem}
.profile-security-actions{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:1rem}
.profile-security-actions .btn{font-size:.7rem;font-weight:700}
.profile-password-summary>header{margin-bottom:.65rem;padding-bottom:0;border-bottom:0}.profile-password-summary>header .btn{margin-left:auto}.profile-password-summary>p{margin:0;color:var(--bs-secondary-color);font-size:.72rem}
.security-method-list{display:grid;gap:.6rem;margin-top:.85rem}
.security-method-item{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:.75rem;padding:.78rem;border:1px solid var(--bs-border-color);border-radius:.85rem;background:var(--bs-tertiary-bg)}
.security-method-item>span{display:grid;width:2.55rem;height:2.55rem;place-items:center;color:#667085;border-radius:.72rem;background:rgba(102,112,133,.1)}
.security-method-item>div{display:grid;min-width:0}.security-method-item>div strong{font-size:.75rem}.security-method-item>div small{color:var(--bs-secondary-color);font-size:.61rem;line-height:1.4}
.security-method-item>em{display:inline-flex;align-items:center;gap:.32rem;padding:.3rem .48rem;color:#7d8796;border-radius:999px;background:rgba(125,135,150,.1);font-size:.58rem;font-style:normal;font-weight:800;white-space:nowrap}
.security-method-item.is-active>span{color:#168958;background:rgba(22,137,88,.11)}.security-method-item.is-active>em{color:#168958;background:rgba(22,137,88,.1)}.security-method-item .btn{width:2rem;height:2rem;padding:0;border-radius:.58rem;font-size:.65rem}
.profile-security-modal .modal-content{overflow:hidden;border:1px solid var(--bs-border-color);border-radius:1.15rem;background:var(--bs-body-bg);box-shadow:0 1.5rem 4rem rgba(9,27,49,.28)}
.profile-security-modal .modal-header{padding:1rem 1.15rem;border-bottom:1px solid var(--bs-border-color);background:linear-gradient(135deg,rgba(22,116,209,.08),rgba(18,139,119,.06))}
.security-modal-heading{display:flex;align-items:center;gap:.72rem}.security-modal-heading>span{display:grid;width:2.55rem;height:2.55rem;place-items:center;color:#fff;border-radius:.75rem;background:linear-gradient(135deg,#176ca4,#128b77)}.security-modal-heading small{display:block;color:var(--bs-secondary-color);font-size:.56rem;font-weight:850;letter-spacing:.1em}.security-modal-heading h2{margin:.08rem 0 0;font-size:1.05rem;font-weight:850}
.profile-security-modal .modal-body{padding:1.2rem}.profile-security-modal .modal-footer{padding:.85rem 1.15rem;border-top:1px solid var(--bs-border-color);background:var(--bs-tertiary-bg)}.profile-security-modal .modal-footer .btn{font-size:.72rem;font-weight:750}
.security-modal-intro{margin:0 0 1rem;color:var(--bs-secondary-color);font-size:.73rem;line-height:1.5}
.security-wizard-progress{display:flex;align-items:center;margin-bottom:1.2rem}.security-wizard-progress>span{display:grid;width:2rem;height:2rem;place-items:center;color:var(--bs-secondary-color);border:2px solid var(--bs-border-color);border-radius:50%;background:var(--bs-body-bg);font-size:.68rem;font-weight:850}.security-wizard-progress>span small{position:absolute;margin-top:3.2rem;font-size:.52rem;font-weight:750;white-space:nowrap}.security-wizard-progress>span.is-active{color:#fff;border-color:#1674d1;background:#1674d1}.security-wizard-progress>i{height:2px;background:var(--bs-border-color);flex:1}.security-wizard-progress>span:first-child.is-active+ i{background:#1674d1}
.security-method-choices{display:grid;gap:.7rem}.security-method-choice{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.75rem;padding:.9rem;border:1px solid var(--bs-border-color);border-radius:.9rem;background:var(--bs-tertiary-bg);cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.security-method-choice input{position:absolute;opacity:0;pointer-events:none}.security-method-choice>span{display:grid;width:2.75rem;height:2.75rem;place-items:center;color:#176ca4;border-radius:.75rem;background:rgba(23,108,164,.1)}.security-method-choice>div{display:grid}.security-method-choice strong{font-size:.76rem}.security-method-choice small{color:var(--bs-secondary-color);font-size:.61rem;line-height:1.4}.security-method-choice>em{color:#176ca4;font-size:.6rem;font-style:normal;font-weight:800}.security-method-choice:hover:not(.is-complete):not(.is-disabled),.security-method-choice.is-selected{border-color:#1674d1;box-shadow:0 0 0 .2rem rgba(22,116,209,.1);transform:translateY(-1px)}.security-method-choice.is-complete{cursor:default}.security-method-choice.is-complete>span,.security-method-choice.is-complete>em{color:#168958}.security-method-choice.is-disabled{opacity:.6;cursor:not-allowed}.security-method-choice.is-disabled>em{max-width:8rem;text-align:right}
.security-config-illustration{display:grid;width:4rem;height:4rem;margin:0 auto .8rem;place-items:center;color:#fff;border-radius:1.15rem;background:linear-gradient(135deg,#176ca4,#128b77);font-size:1.45rem;box-shadow:0 .7rem 1.5rem rgba(23,108,164,.18)}[data-security-step="2"] h3{margin:0;text-align:center;font-size:1rem;font-weight:850}[data-security-step="2"]>div>p{margin:.45rem auto 1rem;color:var(--bs-secondary-color);font-size:.7rem;line-height:1.5;text-align:center}
.profile-session-count{display:grid;min-width:1.8rem;height:1.8rem;margin-left:auto;place-items:center;border-radius:999px;color:#176ca4;background:rgba(23,108,164,.1);font-size:.75rem}
.profile-session-list{display:grid;gap:.55rem}
.profile-session-item{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.7rem;padding:.7rem;border:1px solid var(--bs-border-color);border-radius:.78rem;background:var(--bs-tertiary-bg)}
.profile-session-item>span{display:grid;width:2.25rem;height:2.25rem;place-items:center;color:#237db5;border-radius:.65rem;background:rgba(35,125,181,.1)}
.profile-session-item>div{display:grid;min-width:0}.profile-session-item>div strong{display:flex;align-items:center;gap:.4rem;font-size:.72rem}.profile-session-item>div small{color:var(--bs-secondary-color);font-size:.6rem}.profile-session-item em{padding:.15rem .35rem;color:#168958;border-radius:999px;background:rgba(22,137,88,.1);font-size:.5rem;font-style:normal;text-transform:uppercase}.profile-session-item .btn{font-size:.62rem}
.security-key-list{display:grid;gap:.55rem}
.security-key-item{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.7rem;padding:.75rem;border:1px solid var(--bs-border-color);border-radius:.8rem;background:var(--bs-tertiary-bg)}
.security-key-icon{display:grid;width:2.4rem;height:2.4rem;place-items:center;color:#087d6d;border-radius:.7rem;background:rgba(8,125,109,.11)}
.security-key-item>div{display:grid;min-width:0}.security-key-item strong{font-size:.74rem}.security-key-item small{color:var(--bs-secondary-color);font-size:.61rem}.security-key-item .btn{font-size:.62rem}
.security-key-empty{display:flex;align-items:center;gap:.75rem;padding:.85rem;color:var(--bs-secondary-color);border:1px dashed var(--bs-border-color);border-radius:.8rem;background:var(--bs-tertiary-bg)}
.security-key-empty>i{font-size:1.35rem}.security-key-empty>span{display:grid}.security-key-empty strong{color:var(--bs-body-color);font-size:.73rem}.security-key-empty small{font-size:.62rem}
.security-key-add{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;align-items:end;gap:.75rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--bs-border-color)}
.security-key-add label{font-size:.68rem;font-weight:750}.security-key-add .form-control{min-height:2.65rem}.security-key-add .btn{min-height:2.65rem;font-size:.7rem;font-weight:750;white-space:nowrap}
@media(max-width:767.98px){.security-key-add{grid-template-columns:1fr}.security-key-add .btn{width:100%}}
@media(max-width:575.98px){.twofa-recovery-codes{grid-template-columns:1fr}.profile-security-status{margin-top:.5rem;margin-left:0}.profile-session-item,.security-key-item{grid-template-columns:auto 1fr}.profile-session-item .btn,.security-key-item .btn{grid-column:1/-1}.profile-session-item .btn span,.security-key-item .btn span{display:inline}.security-method-item{grid-template-columns:auto minmax(0,1fr) auto}.security-method-item>em{grid-column:2}.security-method-item>.btn{grid-column:3;grid-row:1/3}.security-method-choice{grid-template-columns:auto minmax(0,1fr)}.security-method-choice>em{grid-column:2}.profile-security-modal .modal-dialog{margin:.65rem}.profile-password-summary>header{align-items:flex-start;flex-wrap:wrap}.profile-password-summary>header .btn{margin-left:3.4rem}}
@media(prefers-reduced-motion:reduce){.security-method-choice{transition:none}.security-method-choice:hover{transform:none}}

/* Webmail intégré à Hélia */
.helia-webmail-embed{position:relative;z-index:0;width:100%;height:calc(100dvh - 5.35rem);min-height:42rem;overflow:hidden;background:var(--bs-tertiary-bg)}
.helia-webmail-embed iframe{display:block;width:100%;height:100%;border:0;background:var(--bs-body-bg)}
@media(max-width:991.98px){.helia-webmail-embed{height:calc(100dvh - 4.9rem);min-height:36rem}}
@media(max-width:575.98px){.helia-webmail-embed{height:calc(100dvh - 4.9rem);min-height:32rem}}

/* Chaîne visuelle des participants et réponse personnelle colorée. */
.event-user-response.is-present{border-color:rgba(7,135,95,.38);background:linear-gradient(135deg,rgba(7,135,95,.14),rgba(7,135,95,.06))}
.event-user-response.is-absent{border-color:rgba(220,64,80,.38);background:linear-gradient(135deg,rgba(220,64,80,.14),rgba(220,64,80,.06))}
.event-user-response>div .event-user-response-thanks{margin-top:.18rem;font-size:.7rem;font-weight:800}
.event-user-response.is-present>div .event-user-response-thanks{color:#07875f}
.event-user-response.is-absent>div .event-user-response-thanks{color:#c52f43}
.event-user-response.is-absent .event-response-badge{color:#c52f43;background:rgba(220,64,80,.12)}
.event-rsvp-presence-chain{display:flex;align-items:stretch;gap:0}
.event-rsvp-presence-chain .event-rsvp-stat{position:relative;z-index:1}
.event-rsvp-connector{position:relative;display:block;align-self:stretch;flex:0 0 1.55rem;color:transparent;font-size:0}
.event-rsvp-connector::before{content:"";position:absolute;top:50%;right:0;left:0;height:2px;transform:translateY(-50%);background:linear-gradient(90deg,rgba(var(--event-tone),.35),rgba(var(--event-tone),.85),rgba(var(--event-tone),.35))}
.event-rsvp-connector::after{content:"";position:absolute;top:50%;left:50%;width:.44rem;height:.44rem;transform:translate(-50%,-50%);border:2px solid rgb(var(--event-tone));border-radius:50%;background:var(--bs-body-bg)}
.event-rsvp-connector i{display:none}
.event-rsvp-stat.is-guests strong,.event-rsvp-stat.is-invited strong{font-size:1.15rem}
.event-rsvp-stat.is-guests small,.event-rsvp-stat.is-invited small{font-size:.71rem;font-weight:800}
.event-extra-guests>header{padding:.7rem .8rem;font-size:.82rem}
.event-extra-guests>header strong{min-width:1.75rem;height:1.75rem;font-size:.8rem}
.event-extra-guests>div{gap:.45rem;padding:.78rem}
.event-extra-guests>div>span{padding:.36rem .54rem;font-size:.73rem}
.event-extra-guests>div>span small{font-size:.63rem}
@media(max-width:1199.98px){.event-rsvp-presence-chain{display:flex;grid-template-columns:none}.event-rsvp-connector{display:block}}
@media(max-width:767.98px){.event-rsvp-presence-chain{align-items:stretch;flex-direction:column}.event-rsvp-presence-chain .event-rsvp-stat{width:100%;flex:0 0 auto}.event-rsvp-connector{width:100%;height:1.2rem;flex:0 0 1.2rem}.event-rsvp-connector::before{top:0;bottom:0;left:1.3rem;width:2px;height:auto;transform:none;background:linear-gradient(180deg,rgba(var(--event-tone),.35),rgba(var(--event-tone),.85),rgba(var(--event-tone),.35))}.event-rsvp-connector::after{top:50%;left:1.3rem}}

/* Journal d'activité */
.admin-logs-page{max-width:1600px}.admin-logs-hero{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:1.15rem;margin-bottom:1.25rem;padding:1.4rem 1.55rem;overflow:hidden;border:1px solid rgba(255,255,255,.14);border-radius:1.3rem;color:#fff;background:radial-gradient(circle at 88% 10%,rgba(255,255,255,.2),transparent 27%),linear-gradient(135deg,#082d57,#0b5d80 56%,#0d7d83);box-shadow:0 1rem 2.5rem rgba(8,45,87,.16)}
.admin-logs-hero::after{position:absolute;right:-3rem;bottom:-5.5rem;width:15rem;height:15rem;border:1.8rem solid rgba(255,255,255,.055);border-radius:50%;content:""}.admin-logs-hero-icon{display:grid;place-items:center;width:4.5rem;height:4.5rem;border:1px solid rgba(255,255,255,.35);border-radius:1.1rem;font-size:1.7rem;background:rgba(255,255,255,.13);box-shadow:inset 0 1px 0 rgba(255,255,255,.2)}
.admin-logs-hero-copy{position:relative;z-index:1}.admin-logs-hero-copy>span{display:block;margin-bottom:.15rem;color:rgba(255,255,255,.72);font-size:.72rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.admin-logs-hero h1{margin:0;font-size:clamp(1.55rem,2.5vw,2.15rem);color:#fff}.admin-logs-hero p{max-width:48rem;margin:.35rem 0 0;color:rgba(255,255,255,.78)}.admin-logs-hero-status{position:relative;z-index:1;display:flex;align-items:center;gap:.55rem;padding:.6rem .8rem;border:1px solid rgba(255,255,255,.23);border-radius:.75rem;font-size:.75rem;font-weight:700;background:rgba(3,25,48,.2);white-space:nowrap}
.admin-logs-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.85rem;margin-bottom:1.25rem}.admin-logs-metrics article{display:flex;align-items:center;gap:.8rem;min-width:0;padding:.9rem 1rem;border:1px solid var(--bs-border-color);border-radius:1rem;background:var(--bs-body-bg);box-shadow:0 .45rem 1.35rem rgba(13,45,79,.055)}.admin-logs-metrics article>span{display:grid;place-items:center;width:2.8rem;height:2.8rem;flex:0 0 2.8rem;border-radius:.8rem;color:rgb(var(--metric-tone));background:rgba(var(--metric-tone),.11)}.admin-logs-metrics .is-primary{--metric-tone:13,110,253}.admin-logs-metrics .is-info{--metric-tone:13,202,240}.admin-logs-metrics .is-warning{--metric-tone:255,193,7}.admin-logs-metrics .is-success{--metric-tone:25,135,84}.admin-logs-metrics strong,.admin-logs-metrics small{display:block}.admin-logs-metrics strong{font-size:1.35rem;line-height:1.05}.admin-logs-metrics small{margin-top:.2rem;overflow:hidden;color:var(--bs-secondary-color);font-size:.68rem;text-overflow:ellipsis;white-space:nowrap}
.admin-logs-panel{overflow:hidden;border:1px solid var(--bs-border-color);border-radius:1.15rem;background:var(--bs-body-bg);box-shadow:0 .8rem 2rem rgba(13,45,79,.07)}.admin-logs-panel>header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.15rem 1.25rem;border-bottom:1px solid var(--bs-border-color);background:linear-gradient(135deg,rgba(13,110,253,.055),transparent)}.admin-logs-panel>header>div>span{color:#0d6efd;font-size:.67rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.admin-logs-panel h2{margin:.1rem 0;font-size:1.15rem}.admin-logs-panel header p{margin:0;color:var(--bs-secondary-color);font-size:.76rem}.admin-logs-count{display:flex;align-items:center;gap:.45rem;padding:.45rem .7rem;border:1px solid var(--bs-border-color);border-radius:.65rem;color:var(--bs-secondary-color);font-size:.7rem;white-space:nowrap;background:var(--bs-tertiary-bg)}
.admin-logs-content{margin-top:1rem}.admin-logs-content .dataTables_wrapper{padding-top:1rem}.admin-logs-content .dataTables_length,.admin-logs-content .dataTables_filter{margin-bottom:.9rem}.admin-logs-content .dataTables_filter input,.admin-logs-content .dataTables_length select{border-color:var(--bs-border-color);border-radius:.6rem;background-color:var(--bs-body-bg);color:var(--bs-body-color)}.admin-logs-bulk{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:.8rem 0;padding:.7rem .85rem;border:1px solid rgba(255,193,7,.32);border-radius:.75rem;background:rgba(255,193,7,.09)}.admin-logs-restore-help{display:flex;align-items:center;gap:.45rem;margin:.75rem 0 0;color:var(--bs-secondary-color);font-size:.7rem}.admin-logs-restore-help i{color:#0d6efd}.admin-log-row-actions{display:flex;justify-content:flex-end;gap:.35rem}.admin-log-date-inline{display:block;white-space:nowrap;font-size:.74rem;font-weight:700}.admin-log-severity{display:inline-flex;align-items:center;gap:.32rem;padding:.34rem .56rem;border-radius:99rem;color:#fff!important;font-size:.64rem;font-weight:800;white-space:nowrap;box-shadow:0 .2rem .55rem rgba(0,0,0,.12)}.admin-log-severity.is-info{background:#0d6efd}.admin-log-severity.is-warning{background:#d99500}.admin-log-severity.is-danger{background:#dc3545}.admin-log-restored{color:#198754}.admin-restore-terminal{min-height:15rem;max-height:45vh;overflow:auto;padding:1rem;border-radius:.75rem;background:#10151b;color:#d8e2ec;font:500 .78rem/1.7 ui-monospace,SFMono-Regular,Menlo,monospace}.admin-restore-terminal .is-success{color:#66d99a}.admin-restore-terminal .is-error{color:#ff7d89}
.admin-logs-table-wrap{padding:0 1.1rem 1rem}.admin-logs-panel .dataTables_wrapper{padding-top:1rem}.admin-logs-panel .dataTables_length,.admin-logs-panel .dataTables_filter{margin-bottom:.9rem}.admin-logs-panel .dataTables_filter input,.admin-logs-panel .dataTables_length select{border-color:var(--bs-border-color);border-radius:.6rem;background-color:var(--bs-body-bg);color:var(--bs-body-color)}.admin-logs-table{--bs-table-bg:transparent}.admin-logs-table thead th{padding:.75rem;border-bottom-width:1px;color:var(--bs-secondary-color);font-size:.66rem;letter-spacing:.055em;text-transform:uppercase;white-space:nowrap}.admin-logs-table tbody td{padding:.75rem;border-color:var(--bs-border-color-translucent);vertical-align:middle}.admin-log-id{display:inline-block;padding:.25rem .4rem;border-radius:.45rem;color:#0d6efd;background:rgba(13,110,253,.09);font-size:.7rem}.admin-log-date{white-space:nowrap!important}.admin-log-date time,.admin-log-date strong,.admin-log-date small{display:block;white-space:nowrap}.admin-log-date strong{font-size:.76rem}.admin-log-date small{margin-top:.08rem;color:var(--bs-secondary-color);font-size:.65rem}.admin-log-user{display:flex;align-items:center;gap:.65rem;min-width:11rem}.admin-log-user>span{display:grid;place-items:center;width:2.15rem;height:2.15rem;flex:0 0 2.15rem;border-radius:.65rem;color:#0d6efd;font-size:.67rem;font-weight:800;background:rgba(13,110,253,.1)}.admin-log-user strong,.admin-log-user small{display:block}.admin-log-user strong{font-size:.75rem}.admin-log-user small{margin-top:.1rem;color:var(--bs-secondary-color);font-size:.62rem}.admin-log-action{min-width:17rem}.admin-log-action p{margin:.38rem 0 0;font-size:.74rem;line-height:1.45}.admin-log-action>p:first-child{margin-top:0}.admin-log-type{--log-tone:108,117,125;display:inline-flex;align-items:center;gap:.35rem;padding:.24rem .48rem;border:1px solid rgba(var(--log-tone),.2);border-radius:99rem;color:rgb(var(--log-tone));font-size:.61rem;font-weight:700;background:rgba(var(--log-tone),.085)}.admin-log-type.is-success{--log-tone:25,135,84}.admin-log-type.is-warning{--log-tone:184,135,0}.admin-log-type.is-danger{--log-tone:220,53,69}.admin-log-type.is-info{--log-tone:13,110,253}.admin-logs-table .logInfoButton{display:inline-flex;align-items:center;gap:.38rem;border-radius:.55rem;font-size:.7rem}.admin-logs-empty{display:flex;align-items:center;flex-direction:column;gap:.3rem;padding:3rem;color:var(--bs-secondary-color);text-align:center}.admin-logs-empty i{margin-bottom:.4rem;font-size:2rem}.admin-logs-empty strong{color:var(--bs-body-color)}
.admin-log-modal{overflow:hidden;border:0;border-radius:1.15rem;box-shadow:0 1.5rem 4rem rgba(7,36,70,.25)}.admin-log-modal-header{padding:1rem 1.2rem;border:0;color:#fff;background:radial-gradient(circle at 90% 0,rgba(255,255,255,.18),transparent 35%),linear-gradient(135deg,#082d57,#0d7180)}.admin-log-modal-header>div{display:flex;align-items:center;gap:.75rem}.admin-log-modal-header small{display:block;color:rgba(255,255,255,.7);font-size:.65rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.admin-log-modal-header h5{color:#fff}.admin-log-modal-header .btn-close{filter:invert(1) grayscale(1)}.admin-log-modal-icon{display:grid;place-items:center;width:2.8rem;height:2.8rem;border:1px solid rgba(255,255,255,.3);border-radius:.8rem;background:rgba(255,255,255,.12)}.admin-log-modal .modal-body{padding:1.15rem}.admin-log-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.admin-log-detail-grid>div{display:grid;grid-template-columns:2.35rem minmax(0,1fr);align-items:start;gap:.65rem;padding:.8rem;border:1px solid var(--bs-border-color);border-radius:.8rem;background:var(--bs-tertiary-bg)}.admin-log-detail-grid>div.is-wide{grid-column:1/-1}.admin-log-detail-grid>div>i{display:grid;place-items:center;width:2.35rem;height:2.35rem;border-radius:.65rem;color:#0d6efd;background:rgba(13,110,253,.1)}.admin-log-detail-grid small,.admin-log-detail-grid strong{display:block}.admin-log-detail-grid small{color:var(--bs-secondary-color);font-size:.62rem;text-transform:uppercase}.admin-log-detail-grid strong{margin-top:.18rem;overflow-wrap:anywhere;font-size:.75rem;line-height:1.45}
@media(max-width:991.98px){.admin-logs-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:575.98px){.admin-logs-page{margin-top:1.5rem!important}.admin-logs-hero{grid-template-columns:auto minmax(0,1fr);padding:1rem}.admin-logs-hero-icon{width:3.5rem;height:3.5rem}.admin-logs-hero-status{grid-column:1/-1;justify-self:start}.admin-logs-metrics{gap:.6rem}.admin-logs-metrics article{align-items:flex-start;flex-direction:column;padding:.75rem}.admin-logs-panel>header{align-items:flex-start;flex-direction:column}.admin-logs-table-wrap{padding:0 .75rem .75rem}.admin-log-detail-grid{grid-template-columns:1fr}.admin-log-detail-grid>div.is-wide{grid-column:auto}.admin-log-row-actions .btn span{display:none}.admin-log-row-actions .btn{width:2rem;padding:.35rem}}

/* Gestion de l'effectif */
.effectif-page{max-width:1700px}.effectif-hero{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:1.15rem;margin-bottom:1.25rem;padding:1.4rem 1.55rem;overflow:hidden;border:1px solid rgba(255,255,255,.14);border-radius:1.3rem;color:#fff;background:radial-gradient(circle at 83% 2%,rgba(255,255,255,.2),transparent 28%),linear-gradient(135deg,#0b563d,#148158 58%,#21926b);box-shadow:0 1rem 2.5rem rgba(11,86,61,.16)}
.effectif-hero::after{position:absolute;right:-4rem;bottom:-6rem;width:17rem;height:17rem;border:1.9rem solid rgba(255,255,255,.055);border-radius:50%;content:""}.effectif-hero-icon{display:grid;place-items:center;width:4.5rem;height:4.5rem;border:1px solid rgba(255,255,255,.34);border-radius:1.1rem;font-size:1.7rem;background:rgba(255,255,255,.13)}.effectif-hero-copy{position:relative;z-index:1}.effectif-hero-copy>span{display:block;margin-bottom:.15rem;color:rgba(255,255,255,.72);font-size:.72rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.effectif-hero h1{margin:0;color:#fff;font-size:clamp(1.55rem,2.5vw,2.15rem)}.effectif-hero p{max-width:46rem;margin:.35rem 0 0;color:rgba(255,255,255,.78)}.effectif-hero-actions{position:relative;z-index:1;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.5rem}.effectif-hero-actions .btn{display:inline-flex;align-items:center;gap:.45rem;margin:0;border-radius:.65rem;font-size:.72rem;font-weight:750}.effectif-hero-actions .btn-light{color:#126744}.effectif-hero-actions .btn-outline-light:hover{color:#126744}
.effectif-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.85rem;margin-bottom:1.25rem}.effectif-metrics article{display:flex;align-items:center;gap:.8rem;min-width:0;padding:.9rem 1rem;border:1px solid var(--bs-border-color);border-radius:1rem;background:var(--bs-body-bg);box-shadow:0 .45rem 1.35rem rgba(13,45,79,.055)}.effectif-metrics article>span{display:grid;place-items:center;width:2.8rem;height:2.8rem;flex:0 0 2.8rem;border-radius:.8rem;color:rgb(var(--metric-tone));background:rgba(var(--metric-tone),.11)}.effectif-metrics .is-primary{--metric-tone:13,110,253}.effectif-metrics .is-success{--metric-tone:25,135,84}.effectif-metrics .is-warning{--metric-tone:196,142,0}.effectif-metrics .is-info{--metric-tone:13,151,173}.effectif-metrics strong,.effectif-metrics small{display:block}.effectif-metrics strong{font-size:1.35rem;line-height:1.05}.effectif-metrics small{margin-top:.2rem;overflow:hidden;color:var(--bs-secondary-color);font-size:.68rem;text-overflow:ellipsis;white-space:nowrap}
.effectif-panel{overflow:hidden;border:1px solid var(--bs-border-color);border-radius:1.15rem;background:var(--bs-body-bg);box-shadow:0 .8rem 2rem rgba(13,45,79,.07)}.effectif-panel>header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.15rem 1.25rem;border-bottom:1px solid var(--bs-border-color);background:linear-gradient(135deg,rgba(25,135,84,.06),transparent)}.effectif-panel>header>div>span{color:#198754;font-size:.67rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.effectif-panel h2{margin:.1rem 0;font-size:1.15rem}.effectif-panel header p{margin:0;color:var(--bs-secondary-color);font-size:.76rem}.effectif-panel-count{display:flex;align-items:center;gap:.45rem;padding:.45rem .7rem;border:1px solid var(--bs-border-color);border-radius:.65rem;color:var(--bs-secondary-color);font-size:.7rem;white-space:nowrap;background:var(--bs-tertiary-bg)}
.effectif-table-wrap{padding:0 1.1rem 1rem}.effectif-panel .dataTables_wrapper{padding-top:1rem}.effectif-panel .dataTables_length,.effectif-panel .dataTables_filter{margin-bottom:.9rem}.effectif-panel .dataTables_filter input,.effectif-panel .dataTables_length select{border-color:var(--bs-border-color);border-radius:.6rem;background-color:var(--bs-body-bg);color:var(--bs-body-color)}.effectif-table{--bs-table-bg:transparent}.effectif-table thead th{padding:.75rem;border-bottom-width:1px;color:var(--bs-secondary-color);font-size:.64rem;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap}.effectif-table tbody td{padding:.72rem;border-color:var(--bs-border-color-translucent);vertical-align:middle}.effectif-member-name{display:flex;align-items:center;gap:.65rem;min-width:13rem}.effectif-member-name>span{display:grid;place-items:center;width:2.3rem;height:2.3rem;flex:0 0 2.3rem;border-radius:.7rem;color:#198754;font-size:.67rem;font-weight:800;background:rgba(25,135,84,.11)}.effectif-member-name strong,.effectif-member-name small{display:block}.effectif-member-name strong{font-size:.73rem}.effectif-member-name small{max-width:14rem;margin-top:.1rem;overflow:hidden;color:var(--bs-secondary-color);font-size:.61rem;text-overflow:ellipsis;white-space:nowrap}.effectif-compact-value{display:block;min-width:4.2rem;font-size:.72rem;white-space:nowrap}.effectif-compact-value small{margin-left:.18rem;color:var(--bs-secondary-color);font-size:.6rem}.effectif-table span.statut{display:inline-flex;padding:.3rem .5rem;border:1px solid currentColor;border-radius:99rem;font-size:.62rem;font-weight:750;background:color-mix(in srgb,currentColor 9%,transparent)}.effectif-table span.statut.désactivé{color:#6c757d}.effectif-functions{display:flex;align-items:flex-start;flex-direction:column;gap:.25rem;min-width:8rem}.effectif-table span.fonction{display:inline-flex;padding:.22rem .42rem;border-radius:.42rem;color:#176ca4;font-size:.6rem;background:rgba(23,108,164,.085)}.effectif-timeline{min-width:9.7rem;white-space:nowrap!important}.effectif-timeline strong,.effectif-timeline small{display:block;white-space:nowrap}.effectif-timeline strong{font-size:.7rem}.effectif-timeline strong i{width:1rem;margin-right:.28rem;color:#198754;text-align:center}.effectif-timeline small{margin-top:.18rem;padding-left:1.28rem;color:var(--bs-secondary-color);font-size:.6rem}.effectif-member-id{display:inline-block;padding:.25rem .4rem;border-radius:.45rem;color:#0d6efd;background:rgba(13,110,253,.09);font-size:.68rem}.effectif-login{font-size:.68rem}.effectif-row-actions{display:inline-flex;gap:.38rem}.effectif-row-actions .btn{display:inline-flex;align-items:center;gap:.32rem;margin:0;border:0;border-radius:.52rem;font-size:.65rem;font-weight:700}.effectif-row-actions .btn-warning{color:#513d00}.effectif-panel .dataTables_info,.effectif-panel .dataTables_paginate{padding-top:.9rem!important}
@media(max-width:1199.98px){.effectif-hero{grid-template-columns:auto minmax(0,1fr)}.effectif-hero-actions{grid-column:1/-1;justify-content:flex-start}.effectif-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:575.98px){.effectif-page{margin-top:1.5rem!important}.effectif-hero{grid-template-columns:auto minmax(0,1fr);padding:1rem}.effectif-hero-icon{width:3.5rem;height:3.5rem}.effectif-hero-actions .btn{flex:1 1 auto;justify-content:center}.effectif-metrics{gap:.6rem}.effectif-metrics article{align-items:flex-start;flex-direction:column;padding:.75rem}.effectif-panel>header{align-items:flex-start;flex-direction:column}.effectif-table-wrap{padding:0 .75rem .75rem}.effectif-row-actions .btn span{display:none}}

/* Gestion des cotisations */
.cotisations-page{max-width:1700px}.cotisations-hero{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:1.15rem;margin-bottom:1.25rem;padding:1.4rem 1.55rem;overflow:hidden;border:1px solid rgba(255,255,255,.14);border-radius:1.3rem;color:#fff;background:radial-gradient(circle at 83% 2%,rgba(255,255,255,.2),transparent 28%),linear-gradient(135deg,#543700,#a56b00 58%,#c28b18);box-shadow:0 1rem 2.5rem rgba(112,73,0,.17)}
.cotisations-hero::after{position:absolute;right:-4rem;bottom:-6rem;width:17rem;height:17rem;border:1.9rem solid rgba(255,255,255,.055);border-radius:50%;content:""}.cotisations-hero-icon{display:grid;place-items:center;width:4.5rem;height:4.5rem;border:1px solid rgba(255,255,255,.34);border-radius:1.1rem;font-size:1.7rem;background:rgba(255,255,255,.13)}.cotisations-hero-copy{position:relative;z-index:1}.cotisations-hero-copy>span{display:block;margin-bottom:.15rem;color:rgba(255,255,255,.72);font-size:.72rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.cotisations-hero h1{margin:0;color:#fff;font-size:clamp(1.55rem,2.5vw,2.15rem)}.cotisations-hero p{max-width:46rem;margin:.35rem 0 0;color:rgba(255,255,255,.8)}.cotisations-hero-actions{position:relative;z-index:1}.cotisations-hero-actions .btn{display:inline-flex;align-items:center;gap:.45rem;margin:0;border-radius:.65rem;color:#805300;font-size:.72rem;font-weight:750}
.cotisations-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.85rem;margin-bottom:1.25rem}.cotisations-metrics article{display:flex;align-items:center;gap:.8rem;min-width:0;padding:.9rem 1rem;border:1px solid var(--bs-border-color);border-radius:1rem;background:var(--bs-body-bg);box-shadow:0 .45rem 1.35rem rgba(13,45,79,.055)}.cotisations-metrics article>span{display:grid;place-items:center;width:2.8rem;height:2.8rem;flex:0 0 2.8rem;border-radius:.8rem;color:rgb(var(--metric-tone));background:rgba(var(--metric-tone),.11)}.cotisations-metrics .is-primary{--metric-tone:13,110,253}.cotisations-metrics .is-success{--metric-tone:25,135,84}.cotisations-metrics .is-warning{--metric-tone:196,142,0}.cotisations-metrics .is-info{--metric-tone:13,151,173}.cotisations-metrics strong,.cotisations-metrics small{display:block}.cotisations-metrics strong{font-size:1.25rem;line-height:1.05}.cotisations-metrics small{margin-top:.2rem;overflow:hidden;color:var(--bs-secondary-color);font-size:.68rem;text-overflow:ellipsis;white-space:nowrap}
.cotisations-panel{overflow:hidden;border:1px solid var(--bs-border-color);border-radius:1.15rem;background:var(--bs-body-bg);box-shadow:0 .8rem 2rem rgba(13,45,79,.07)}.cotisations-panel>header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.15rem 1.25rem;border-bottom:1px solid var(--bs-border-color);background:linear-gradient(135deg,rgba(196,142,0,.07),transparent)}.cotisations-panel>header>div>span{color:#a56b00;font-size:.67rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.cotisations-panel h2{margin:.1rem 0;font-size:1.15rem}.cotisations-panel header p{margin:0;color:var(--bs-secondary-color);font-size:.76rem}.cotisations-panel-count{display:flex;align-items:center;gap:.45rem;padding:.45rem .7rem;border:1px solid var(--bs-border-color);border-radius:.65rem;color:var(--bs-secondary-color);font-size:.7rem;white-space:nowrap;background:var(--bs-tertiary-bg)}
.cotisations-table-wrap{padding:0 1.1rem 1rem}.cotisations-panel .dataTables_wrapper{padding-top:1rem}.cotisations-panel .dataTables_length,.cotisations-panel .dataTables_filter{margin-bottom:.9rem}.cotisations-panel .dataTables_filter input,.cotisations-panel .dataTables_length select{border-color:var(--bs-border-color);border-radius:.6rem;background-color:var(--bs-body-bg);color:var(--bs-body-color)}.cotisations-table{--bs-table-bg:transparent}.cotisations-table thead th{padding:.75rem;border-bottom-width:1px;color:var(--bs-secondary-color);font-size:.64rem;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap}.cotisations-table tbody td{padding:.72rem;border-color:var(--bs-border-color-translucent);vertical-align:middle}.cotisations-period{display:flex;align-items:center;gap:.65rem;min-width:10.5rem}.cotisations-period>span{display:grid;place-items:center;width:2.35rem;height:2.35rem;flex:0 0 2.35rem;border-radius:.7rem;color:#a56b00;background:rgba(196,142,0,.11)}.cotisations-period strong,.cotisations-period small,.cotisations-amount strong,.cotisations-amount small,.cotisations-recipients strong,.cotisations-recipients small,.cotisations-created,.cotisations-created small{display:block}.cotisations-period strong,.cotisations-amount strong{font-size:.73rem}.cotisations-period small,.cotisations-amount small,.cotisations-recipients small,.cotisations-created small{margin-top:.12rem;color:var(--bs-secondary-color);font-size:.62rem}.cotisations-amount{min-width:8rem}.cotisations-amount strong{color:#198754}.cotisations-recipients{min-width:15rem;max-width:25rem}.cotisations-recipients strong{font-size:.7rem}.cotisations-recipients strong i{margin-right:.35rem;color:#0d6efd}.cotisations-recipients small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cotisations-created{font-size:.7rem;white-space:nowrap}.cotisations-row-actions{display:inline-flex;gap:.38rem}.cotisations-row-actions .btn{display:inline-flex;align-items:center;gap:.32rem;margin:0;border:0;border-radius:.52rem;font-size:.65rem;font-weight:700}.cotisations-row-actions .btn-warning{color:#513d00}.cotisations .modal-content{overflow:hidden;border:0;border-radius:1rem;box-shadow:0 1.5rem 4rem rgba(7,36,70,.22)}.cotisations .member-status-group{background:var(--bs-tertiary-bg)}
@media(max-width:1199.98px){.cotisations-hero{grid-template-columns:auto minmax(0,1fr)}.cotisations-hero-actions{grid-column:1/-1}.cotisations-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:575.98px){.cotisations-page{margin-top:1.5rem!important}.cotisations-hero{grid-template-columns:auto minmax(0,1fr);padding:1rem}.cotisations-hero-icon{width:3.5rem;height:3.5rem}.cotisations-hero-actions .btn{width:100%;justify-content:center}.cotisations-metrics{gap:.6rem}.cotisations-metrics article{align-items:flex-start;flex-direction:column;padding:.75rem}.cotisations-panel>header{align-items:flex-start;flex-direction:column}.cotisations-table-wrap{padding:0 .75rem .75rem}.cotisations-row-actions .btn span{display:none}}

/* Paramètres du site public */
.publicsite-page{max-width:1700px}.publicsite-hero{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:1.15rem;margin-bottom:1.25rem;padding:1.4rem 1.55rem;overflow:hidden;border:1px solid rgba(255,255,255,.14);border-radius:1.3rem;color:#fff;background:radial-gradient(circle at 83% 2%,rgba(255,255,255,.2),transparent 28%),linear-gradient(135deg,#082d57,#0b6780 58%,#14869a);box-shadow:0 1rem 2.5rem rgba(8,45,87,.17)}
.publicsite-hero::after{position:absolute;right:-4rem;bottom:-6rem;width:17rem;height:17rem;border:1.9rem solid rgba(255,255,255,.055);border-radius:50%;content:""}.publicsite-hero-icon{display:grid;place-items:center;width:4.5rem;height:4.5rem;border:1px solid rgba(255,255,255,.34);border-radius:1.1rem;font-size:1.7rem;background:rgba(255,255,255,.13)}.publicsite-hero-copy,.publicsite-preview-link{position:relative;z-index:1}.publicsite-hero-copy>span{display:block;margin-bottom:.15rem;color:rgba(255,255,255,.72);font-size:.72rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.publicsite-hero h1{margin:0;color:#fff;font-size:clamp(1.55rem,2.5vw,2.15rem)}.publicsite-hero p{max-width:46rem;margin:.35rem 0 0;color:rgba(255,255,255,.8)}.publicsite-preview-link{display:inline-flex;align-items:center;gap:.45rem;margin:0;border-radius:.65rem;font-size:.72rem;font-weight:750}
.publicsite-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(17rem,24rem);align-items:start;gap:1.1rem}.publicsite-main{display:grid;gap:1.1rem}.publicsite-panel{overflow:hidden;border:1px solid var(--bs-border-color);border-radius:1.15rem;background:var(--bs-body-bg);box-shadow:0 .8rem 2rem rgba(13,45,79,.07)}.publicsite-panel>header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.1rem 1.2rem;border-bottom:1px solid var(--bs-border-color);background:linear-gradient(135deg,rgba(13,110,253,.06),transparent)}.publicsite-panel>header>div>span{color:#0b718a;font-size:.65rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.publicsite-panel h2{margin:.1rem 0;font-size:1.1rem}.publicsite-panel header p{margin:0;color:var(--bs-secondary-color);font-size:.74rem}.publicsite-panel>header>i{display:grid;place-items:center;width:2.5rem;height:2.5rem;border-radius:.75rem;color:#0b718a;background:rgba(11,113,138,.1)}.publicsite-panel>header .btn{display:inline-flex;align-items:center;gap:.4rem;margin:0;border-radius:.58rem;font-size:.7rem}.publicsite-panel-body{padding:1.15rem}.publicsite-editor{min-height:19rem;font:400 .82rem/1.65 ui-monospace,SFMono-Regular,Menlo,monospace}.publicsite-sticky{position:sticky;top:1rem}.publicsite-save-note{display:flex;align-items:flex-start;gap:.45rem;margin:1rem 0 0;color:var(--bs-secondary-color);font-size:.68rem;line-height:1.5}.publicsite-save-note i{margin-top:.18rem;color:#0d6efd}.publicsite-panel-body>.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;margin:0}
.publicsite-repeat-list{display:grid;gap:.65rem}.publicsite-repeat-row{display:grid;grid-template-columns:auto minmax(8rem,11rem) minmax(12rem,1fr) auto;align-items:end;gap:.65rem;padding:.75rem;border:1px solid var(--bs-border-color);border-radius:.8rem;background:var(--bs-tertiary-bg)}.publicsite-repeat-row .is-grow{min-width:0}.publicsite-repeat-row .form-label,.publicsite-action-card .form-label{margin-bottom:.28rem;color:var(--bs-secondary-color);font-size:.62rem;font-weight:750;letter-spacing:.035em;text-transform:uppercase}.publicsite-drag{align-self:center;color:var(--bs-secondary-color)}.publicsite-repeat-row .btn{margin:0;border-radius:.55rem}.publicsite-row-controls{display:flex;gap:.3rem}.publicsite-row-controls .btn{padding:.42rem .55rem}.publicsite-actions-list{display:grid;gap:.85rem}.publicsite-action-card{position:relative;display:grid;grid-template-columns:10rem minmax(0,1fr) auto;align-items:start;gap:1rem;padding:1rem;border:1px solid var(--bs-border-color);border-radius:.95rem;background:var(--bs-tertiary-bg)}.publicsite-action-photo{display:grid;place-items:center;aspect-ratio:4/3;overflow:hidden;border:1px solid var(--bs-border-color);border-radius:.75rem;color:var(--bs-secondary-color);font-size:1.6rem;background:var(--bs-body-bg)}.publicsite-action-photo img{display:block;width:100%;height:100%;object-fit:cover}.publicsite-action-fields{min-width:0}.publicsite-action-remove{margin:0;border-radius:.55rem}
@media(max-width:1199.98px){.publicsite-layout{grid-template-columns:1fr}.publicsite-sticky{position:static}.publicsite-side{order:-1}.publicsite-side .publicsite-panel-body{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:1rem}.publicsite-side .publicsite-panel-body .form-text,.publicsite-side .publicsite-panel-body hr,.publicsite-side .publicsite-save-note{display:none}.publicsite-side .publicsite-panel-body>.btn{width:auto!important;min-height:2.4rem}}
@media(max-width:767.98px){.publicsite-repeat-row{grid-template-columns:auto minmax(0,1fr) auto}.publicsite-repeat-row .is-grow{grid-column:2/3}.publicsite-action-card{grid-template-columns:6rem minmax(0,1fr)}.publicsite-action-remove{position:absolute;top:.5rem;right:.5rem}.publicsite-action-fields{grid-column:1/-1}}
@media(max-width:575.98px){.publicsite-page{margin-top:1.5rem!important}.publicsite-hero{grid-template-columns:auto minmax(0,1fr);padding:1rem}.publicsite-hero-icon{width:3.5rem;height:3.5rem}.publicsite-preview-link{grid-column:1/-1;justify-self:start}.publicsite-side .publicsite-panel-body{display:block}.publicsite-side .publicsite-panel-body>.btn{width:100%!important;margin-top:1rem}.publicsite-repeat-row{grid-template-columns:1fr auto}.publicsite-drag{display:none}.publicsite-repeat-row>div{grid-column:1/-1}.publicsite-repeat-row .remove-repeat{grid-column:2;grid-row:1}.publicsite-action-card{grid-template-columns:1fr}.publicsite-action-photo{max-width:10rem}}

/* Filtres, regroupements et comparaison du journal d'audit */
.admin-logs-filters{display:grid;grid-template-columns:repeat(4,minmax(10rem,1fr)) auto;align-items:end;gap:.75rem;padding:.25rem 0 0}.admin-logs-filters label{display:block;margin-bottom:.3rem;color:var(--bs-secondary-color);font-size:.64rem;font-weight:750;text-transform:uppercase;letter-spacing:.045em}.admin-logs-filters .form-select{min-height:2.25rem;border-color:var(--bs-border-color);border-radius:.58rem;background-color:var(--bs-body-bg);color:var(--bs-body-color)}.admin-logs-filters .btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-height:2.25rem;margin:0;border-radius:.58rem;white-space:nowrap}
.admin-log-user>span.has-photo{overflow:hidden;padding:0;background:var(--bs-tertiary-bg)}.admin-log-user>span.has-photo img{display:block;width:100%;height:100%;object-fit:cover}.admin-log-category{display:inline-flex;align-items:center;gap:.38rem;min-width:max-content;padding:.3rem .5rem;border:1px solid rgba(99,75,160,.18);border-radius:.5rem;color:#7452ad;font-size:.63rem;font-weight:700;background:rgba(116,82,173,.08)}.admin-log-type.is-primary{--log-tone:13,110,253}.admin-log-period td{padding:.65rem .7rem!important;border:0!important;background:var(--bs-tertiary-bg)!important}.admin-log-period span{display:flex;align-items:center;gap:.45rem;color:var(--bs-secondary-color);font-size:.68rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.admin-log-period i{color:#0d6efd}.admin-log-period+tr td{border-top:0}.admin-logs-table tbody tr:hover .admin-log-period td{background:var(--bs-tertiary-bg)!important}
.admin-log-action>div{display:flex;align-items:center;flex-wrap:wrap;gap:.35rem}
.admin-log-row-actions .btn{display:inline-flex;align-items:center;justify-content:center;gap:.38rem;min-height:2rem;margin:0;padding:.38rem .62rem;border-radius:.55rem;font-size:.68rem;font-weight:700;line-height:1;white-space:nowrap}.admin-log-row-actions .btn i{width:.85rem;text-align:center}.admin-log-row-actions .btn span{line-height:1}
.admin-log-changes{overflow:hidden;border:1px solid var(--bs-border-color);border-radius:.9rem;background:var(--bs-body-bg)}.admin-log-changes>header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.78rem .9rem;border-bottom:1px solid var(--bs-border-color);background:var(--bs-tertiary-bg)}.admin-log-changes>header small{display:block;color:#0d6efd;font-size:.58rem;font-weight:800;letter-spacing:.08em}.admin-log-changes>header h6{margin:.08rem 0 0}.admin-log-changes>header>span{color:var(--bs-secondary-color);font-size:.65rem}.admin-log-loading,.admin-log-no-changes{display:flex;align-items:center;justify-content:center;gap:.55rem;min-height:6rem;padding:1rem;color:var(--bs-secondary-color);font-size:.72rem;text-align:center}.admin-log-diff-table{--bs-table-bg:transparent}.admin-log-diff-table th,.admin-log-diff-table td{padding:.68rem .75rem;border-color:var(--bs-border-color);font-size:.68rem;vertical-align:top}.admin-log-diff-table thead th{color:var(--bs-secondary-color);font-size:.59rem;text-transform:uppercase}.admin-log-diff-table tbody th{min-width:9rem;color:var(--bs-body-color)}.admin-log-diff-table td{width:42%}.admin-log-diff-table td.is-before{background:rgba(220,53,69,.045)}.admin-log-diff-table td.is-after{background:rgba(25,135,84,.055)}.admin-log-diff-table pre{max-width:26rem;max-height:12rem;margin:0;overflow:auto;color:inherit;font:inherit;white-space:pre-wrap;overflow-wrap:anywhere}.admin-log-diff-table td>span{display:block;max-width:26rem;white-space:pre-wrap;overflow-wrap:anywhere}
@media(max-width:991.98px){.admin-logs-filters{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:575.98px){.admin-logs-filters{grid-template-columns:1fr;padding:.8rem .75rem 0}.admin-logs-filters .btn{width:100%}.admin-log-category{white-space:nowrap}.admin-log-diff-table{min-width:42rem}}
.admin-log-entity-reference{display:flex;align-items:center;gap:.38rem;margin-top:.32rem;color:var(--bs-secondary-color);font-size:.66rem}.admin-log-entity-reference a{font-weight:650;text-decoration:none}.admin-log-entity-reference a:hover{text-decoration:underline}.admin-log-resolved-reference{display:flex!important;align-items:center;gap:.38rem;max-width:100%!important;white-space:normal!important}.admin-log-resolved-reference code{flex:0 0 auto}.admin-log-resolved-reference .btn{margin-left:auto;padding:.2rem .38rem}.admin-log-reference-list{display:grid;gap:.35rem}.admin-log-detail-grid #logEntity a{color:inherit;text-decoration:none}.admin-log-detail-grid #logEntity a:hover{color:var(--bs-primary);text-decoration:underline}