:root{--brand-blue:#0034a0;--brand-blue-dark:#002675;--brand-blue-soft:#e9effc;--brand-green:#0fc429;--brand-green-dark:#087b1b;--surface:#fff;--surface-soft:#f5f8ff;--text:#102044;--text-muted:#5d6880;--border:#dbe3f2;--shadow:0 24px 70px #0034a024;--font-display:var(--font-plus-jakarta,"Plus Jakarta Sans"),Arial,sans-serif;--font-body:var(--font-inter,Inter),Aptos,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--text-page-title:clamp(2.25rem,4.5vw,3.75rem);--text-section-title:clamp(1.125rem,2vw,1.5rem);--text-body:1rem;--text-label:.8125rem}*{box-sizing:border-box}html{scroll-behavior:smooth}html,body{min-height:100%;margin:0}body{color:var(--text);background:var(--surface);font-family:var(--font-body);font-size:var(--text-body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-weight:400;line-height:1.5}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:600;line-height:1.15}h1{font-size:var(--text-page-title);letter-spacing:-.03em;font-weight:700;line-height:1.08}h2{font-size:var(--text-section-title);letter-spacing:-.015em}strong,b{font-weight:600}button,input,select,textarea{font-family:var(--font-body);font-size:.9375rem}button{font-weight:600}label,legend,th{font-family:var(--font-body);font-size:var(--text-label);font-weight:500}input::placeholder,textarea::placeholder{color:#8a95a8;font-weight:400}table{font-variant-numeric:tabular-nums}a{color:inherit}button,a{-webkit-tap-highlight-color:transparent}::selection{color:#fff;background:var(--brand-blue)}@media (max-width:700px){:root{--text-page-title:clamp(2.25rem,10vw,2.625rem);--text-body:.9375rem}}main strong,main b,main dd,main code{font-variant-numeric:tabular-nums}main>header>div>span{font-size:clamp(.9375rem,1.3vw,1.0625rem);line-height:1.55}nav a,nav button{font-weight:500}nav [aria-current=page]{font-weight:600}@media (max-width:700px){.page h1,.hero h1{font-size:clamp(2.25rem,10vw,2.625rem)}.page>header{row-gap:14px}}:root{--font-body:Arial,Helvetica,sans-serif;--font-display:Arial,Helvetica,sans-serif;--text-page-title:clamp(2rem,3.2vw,3rem)}body,body *{font-family:Arial,Helvetica,sans-serif!important}.page h1,.hero h1{letter-spacing:-.025em!important;font-size:clamp(2rem,3.2vw,3rem)!important;line-height:1.1!important}.page>header,.page>header>div{min-width:0}.page>header>div>span{max-width:760px;display:block}.page>header>button{max-width:100%}@media (max-width:900px){.page>header{flex-direction:column!important;align-items:flex-start!important;gap:14px!important}.page>header>button{width:auto}.filters{overflow:visible!important}}@media (max-width:620px){.page h1,.hero h1{font-size:2.25rem!important}.page>header>button{width:100%}}nav[aria-label=Navigation\ mobile]{display:none}@media (max-width:860px){body:has(nav[aria-label=Navigation\ mobile]){padding-bottom:calc(72px + env(safe-area-inset-bottom))}button[aria-label="Ouvrir la navigation"]{display:none!important}nav[aria-label=Navigation\ mobile]{z-index:22;min-height:68px;padding:6px 8px calc(6px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffff7;border-top:1px solid #dbe3f2;grid-template-columns:repeat(5,minmax(0,1fr));align-items:start;display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -10px 30px #0026751a}nav[aria-label=Navigation\ mobile] a,nav[aria-label=Navigation\ mobile] button{color:#718096;min-width:0;min-height:54px;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:5px 2px;text-decoration:none;display:flex!important}nav[aria-label=Navigation\ mobile] svg{stroke-width:2px;width:21px;height:21px}nav[aria-label=Navigation\ mobile] span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:.61rem;font-weight:600;overflow:hidden}nav[aria-label=Navigation\ mobile] a[aria-current=page],nav[aria-label=Navigation\ mobile] button[aria-expanded=true]{color:#0034a0;background:#e9effc}nav[aria-label=Navigation\ mobile] a[aria-current=page] svg,nav[aria-label=Navigation\ mobile] button[aria-expanded=true] svg{stroke-width:2.5px}}
aside label:has(select[aria-label=Changer\ d’association])>div{grid-template-columns:36px minmax(0,1fr);min-width:0}select[aria-label=Changer\ d’association]{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}header:has(summary[aria-label="Ouvrir les notifications"]){gap:12px;min-width:0}header:has(summary[aria-label="Ouvrir les notifications"])>div:first-child{min-width:0;overflow:hidden}header:has(summary[aria-label="Ouvrir les notifications"])>div:first-child>strong{text-overflow:ellipsis;white-space:nowrap;max-width:min(52vw,680px);display:block;overflow:hidden}header:has(summary[aria-label="Ouvrir les notifications"])>div:last-child{flex:none}@media (max-width:860px){header:has(summary[aria-label="Ouvrir les notifications"])>div:first-child>strong{max-width:calc(100vw - 150px)}}@media (max-width:380px){header:has(summary[aria-label="Ouvrir les notifications"])>div:first-child>strong{max-width:calc(100vw - 132px)}}span:has(>button[title="Archiver le membre"]){flex-wrap:wrap}button[title="Consulter la fiche"],button[title="Modifier la fiche"],button[title="Archiver le membre"]{align-items:center;gap:4px;display:inline-flex}button[title="Archiver le membre"]{color:brown!important;background:#fff0f0!important}.member-detail-grid{grid-template-columns:1fr 1fr;gap:10px;margin:0;display:grid}.member-detail-grid>div{background:#f8faff;border:1px solid #e3e9f3;border-radius:10px;min-width:0;padding:12px}.member-detail-grid dt{color:#64748b;text-transform:uppercase;font-size:.68rem;font-weight:600}.member-detail-grid dd{overflow-wrap:anywhere;color:#102044;margin:4px 0 0;font-size:.84rem;font-weight:600}@media (max-width:650px){button[title="Consulter la fiche"] span,button[title="Modifier la fiche"] span,button[title="Archiver le membre"] span{display:none}.member-detail-grid{grid-template-columns:1fr}}