:root{font-family:Arial,Helvetica,sans-serif;color:#173045;background:#f5f7f9;font-size:16px;line-height:1.55}*{box-sizing:border-box}body{margin:0}header{background:#153c55;color:white;padding:22px max(5vw,20px);display:flex;justify-content:space-between;align-items:center}a{color:#174d70;text-underline-offset:4px}header a{color:white}.brand{font-weight:800;text-decoration:none;letter-spacing:.08em}.brand span{display:block;letter-spacing:0;font-size:14px;font-weight:400}nav{display:flex;gap:18px}main,footer{max-width:1040px;margin:auto;padding:32px 22px}h1{font-size:clamp(30px,5vw,44px);line-height:1.15;margin:10px 0 18px}h2{font-size:24px;margin:0 0 18px}h3{font-size:18px}.eyebrow,.mini-label{color:#9b4a07;font-weight:800;font-size:14px;letter-spacing:.07em}.mini-label{margin:0 0 3px}.card,.dashboard{background:white;border:1px solid #d3dfe7;border-radius:14px;padding:26px;margin:22px 0;box-shadow:0 8px 25px rgba(21,60,85,.04)}.grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}label{display:block;font-weight:600;margin:10px 0}input,select{display:block;width:100%;font:inherit;border:1px solid #899eac;border-radius:6px;background:white;padding:10px 12px;margin-top:6px;color:#173045}input[type=checkbox]{width:20px;height:20px;flex-shrink:0;margin:3px 0}.check{display:flex;gap:12px;align-items:flex-start;font-weight:400}button,.button{background:#a75006;color:white;border:0;border-radius:7px;padding:12px 19px;font:inherit;font-weight:700;cursor:pointer;display:inline-block;text-decoration:none}button:disabled{opacity:.55;cursor:wait}.secondary{background:#e9f0f4;color:#173045}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}.person{border-bottom:1px solid #dbe3e8;padding:16px 0 22px}.person:first-child{padding-top:0}.person h3{display:flex;align-items:center;justify-content:space-between}.person button{font-size:14px;padding:7px 12px}.notice{padding:16px;border-left:4px solid #ae570a;background:#fff3df}.muted{font-size:14px;color:#536979}.amount{font-size:34px;font-weight:800;color:#153c55}.summary{background:#edf4f8;padding:16px;border-radius:8px;margin:20px 0}#status:not(:empty){padding:14px;border:1px solid #a75006;border-radius:7px;background:#fff3df}dl{display:grid;grid-template-columns:180px 1fr;gap:10px;margin:18px 0}dt{font-weight:700}dd{margin:0;overflow-wrap:anywhere}.steps{display:flex;flex-wrap:wrap;gap:8px;padding:0;list-style:none}.steps li{padding:7px 12px;border-radius:20px;background:#e4edf2;font-size:14px}.steps .done{background:#d9eade}.terms p{margin-top:4px}.terms h3{margin-bottom:4px}footer{border-top:1px solid #d3dfe7;font-size:14px;margin-top:35px}.topline{display:flex;justify-content:space-between;gap:12px;align-items:center}.topline p{overflow-wrap:anywhere}.dashboard{border-top:5px solid #153c55;padding-top:22px}.dashboard-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.dashboard-head h2{font-size:30px;margin:0}.status-pill{display:inline-flex;align-items:center;border-radius:999px;padding:8px 13px;background:#e4edf2;color:#173045;font-size:14px;font-weight:800;white-space:nowrap}.status-pill.pending{background:#fff0d5;color:#844100}.status-pill.confirmed{background:#d9eade;color:#164e36}.dashboard-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:22px}.dashboard-grid article{display:flex;min-height:128px;flex-direction:column;justify-content:space-between;background:#f5f8fa;border:1px solid #dce5ea;border-radius:11px;padding:16px}.dashboard-grid article>span{font-size:14px;color:#536979}.dashboard-grid strong{display:block;font-size:25px;line-height:1.2;color:#153c55}.dashboard-grid small{display:block;font-size:13px;font-weight:400;color:#536979;margin-top:4px}.family-overview{border-top:1px solid #dce5ea;margin-top:24px;padding-top:18px}.family-overview h3{margin:0 0 12px}.family-list{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.family-list>span{display:flex;justify-content:space-between;gap:12px;padding:11px 13px;background:#f5f8fa;border-radius:8px}.family-list small{color:#536979;text-align:right}.next-step{display:flex;gap:16px;margin-top:24px;padding:20px;background:#fff3df;border-left:4px solid #ae570a;border-radius:6px}.next-step h3,.next-step p{margin:0}.next-step p{margin-top:5px}.next-number{display:grid;place-items:center;flex:0 0 34px;height:34px;border-radius:50%;background:#a75006;color:white;font-weight:800}.compact-card{padding:0}.compact-card details{padding:20px 24px}.compact-card summary,.terms-details summary{cursor:pointer;color:#174d70;font-weight:800}.compact-card details[open] summary,.terms-details[open] summary{margin-bottom:18px}.terms-details{margin-top:14px;padding-top:4px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #d77b2d;outline-offset:3px}@media(max-width:800px){.dashboard-grid{grid-template-columns:1fr 1fr}.family-list{grid-template-columns:1fr}}@media(max-width:600px){.grid,.dashboard-grid{grid-template-columns:1fr}.card,.dashboard{padding:18px}dl{grid-template-columns:1fr;gap:4px}dd{margin-bottom:12px}.topline,.dashboard-head{align-items:flex-start}.dashboard-head{flex-direction:column}.topline button{font-size:14px;padding:9px}.dashboard-grid article{min-height:108px}.family-list>span{flex-direction:column}.family-list small{text-align:left}.next-step{padding:16px}.compact-card{padding:0}.compact-card details{padding:18px}main{padding-top:24px}}.entry-actions{display:flex;flex-wrap:wrap;gap:12px;margin:0 0 28px;padding:16px;background:#fff;border:1px solid #d3dfe7;border-radius:12px;box-shadow:0 8px 25px rgba(21,60,85,.05)}.entry-button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;border-radius:8px;padding:11px 19px;font:inherit;font-weight:800;text-decoration:none}.login-button{background:#1768ac;color:#fff}.register-button{background:#27824b;color:#fff}.public-button{margin-left:auto;background:#edf2f5;color:#a75006;border:1px solid #b8c8d2;font-weight:800}.signed-in #show-login,.signed-in #show-register{display:none}(max-width:600px){.entry-actions{display:grid;grid-template-columns:1fr 1fr;padding:12px}.public-button{grid-column:1/-1;margin-left:0}.entry-button{padding:10px;font-size:14px}}
.status-pill.problem{background:#fce0df;color:#8a1f1a}.profile-warning{padding:12px 14px;border-left:4px solid #b52d26;background:#fff0ef;color:#6f211d;border-radius:5px}.identity-locked{display:flex;flex-direction:column;gap:3px;padding:14px 16px;background:#edf4f8;border:1px solid #cbdce6;border-radius:8px;margin-bottom:14px}.identity-locked span,.identity-locked small{color:#536979}.identity-locked strong{font-size:18px}.single-field{grid-template-columns:minmax(220px,1fr) minmax(0,1fr)}

/* Illustration de la cour intérieure sur la page d'entrée */
body.member-entry:not(.signed-in) main{max-width:1180px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);column-gap:34px;align-items:start}
body.member-entry:not(.signed-in) main>.entry-actions{grid-column:1/-1}
body.member-entry:not(.signed-in) main>.gikari-entry-art{grid-column:1;grid-row:2/span 5;margin:22px 0 0;border-radius:18px;overflow:hidden;background:#e7c18c;box-shadow:0 14px 38px rgba(21,48,85,.14)}
.gikari-entry-art img{display:block;width:100%;height:auto}
body.member-entry:not(.signed-in) main>.eyebrow,body.member-entry:not(.signed-in) main>h1,body.member-entry:not(.signed-in) main>#intro,body.member-entry:not(.signed-in) main>#status,body.member-entry:not(.signed-in) main>#app{grid-column:2;min-width:0}
body.signed-in .gikari-entry-art{display:none}
@media(max-width:850px){body.member-entry:not(.signed-in) main{display:block}body.member-entry:not(.signed-in) main>.gikari-entry-art{margin:20px 0 24px}}

/* Cour Mu gikari : vignette discrète en haut à gauche */
body.member-entry:not(.signed-in) main>.gikari-entry-art{width:min(50%,290px);justify-self:start;grid-column:1;grid-row:2/span 5;margin:0 0 0 -20px}
body.member-entry:not(.signed-in) main>.gikari-entry-art img{display:block;width:100%;height:auto}
body.member-entry:not(.signed-in) header .brand{display:none}
@media(max-width:850px){body.member-entry:not(.signed-in) main>.gikari-entry-art{width:min(56%,260px);margin:6px 0 20px}}

/* Maison et accueil de Mu gikari */
@media (min-width: 851px) {
  body.member-entry:not(.signed-in) main { grid-template-columns: 317px minmax(0, 1fr); column-gap: 28px; }
  body.member-entry:not(.signed-in) main > .gikari-entry-art { width: 317px; margin: 0; border-radius: 0; overflow: visible; background: transparent; box-shadow: none; }
}
body.member-entry:not(.signed-in) main > .gikari-entry-art img { width: 100%; max-width: 317px; height: auto; }
@media (max-width: 850px) {
  body.member-entry:not(.signed-in) main > .gikari-entry-art { width: min(100%, 317px); margin: 0 auto 24px; border-radius: 0; overflow: visible; background: transparent; box-shadow: none; }
}

/* Image du dossier personnel, sans effet sur le comité */
body.member-entry.signed-in header .brand {position:absolute;top:96px;left:clamp(20px,3.3vw,52px);width:317px;line-height:0;border-radius:10px;overflow:hidden;box-shadow:0 10px 28px rgba(21,48,85,.16);z-index:1}
body.member-entry.signed-in header .brand img {display:block;width:317px;height:auto}
body.member-entry.signed-in header nav {margin-left:auto}
@media(max-width:800px){body.member-entry.signed-in header .brand{position:static;width:100px;box-shadow:none}body.member-entry.signed-in header .brand img{width:100px;height:auto}}
@media (max-width:800px){body.member-entry.signed-in header .brand{position:static;width:min(44vw,160px);height:min(25vw,90px);box-shadow:none;overflow:hidden;border-radius:10px;flex:0 0 auto}body.member-entry.signed-in header .brand img{display:block;width:100%;height:100%;object-fit:contain;object-position:center}}

/* Accueil Mu gikari : image en filigrane derri�re les acc�s */
body.member-entry:not(.signed-in) main { display:block; position:relative; isolation:isolate; }
body.member-entry:not(.signed-in) main > .gikari-entry-art { display:none; }
body.member-entry:not(.signed-in) main::before { content:""; position:absolute; top:112px; left:50%; transform:translateX(-50%); width:min(58vw,520px); aspect-ratio:317 / 449; background:url('/assets/mu-gikari-maison-reference-20260927.webp') center / contain no-repeat; opacity:.13; pointer-events:none; z-index:0; }
body.member-entry:not(.signed-in) main > :not(.gikari-entry-art) { position:relative; z-index:1; }
body.member-entry.signed-in header .brand { display:none; }
@media (max-width:850px) { body.member-entry:not(.signed-in) main::before { top:116px; width:min(86vw,420px); opacity:.11; } }

/* Accueil : photo entiere au-dessus du formulaire */
body.member-entry:not(.signed-in) main::before { width:min(32vw,300px); top:112px; }
body.member-entry:not(.signed-in) main > #app { margin-top:270px; }
@media (max-width:850px) { body.member-entry:not(.signed-in) main::before { width:min(70vw,280px); top:116px; } body.member-entry:not(.signed-in) main > #app { margin-top:225px; } }

body.member-entry:not(.signed-in) main > #app { margin-top:300px; }
@media (max-width:850px) { body.member-entry:not(.signed-in) main > #app { margin-top:270px; } }

body.member-entry:not(.signed-in) #intro { white-space:pre-line; }

/* Private-area sign-out placement - 20261001 */
body.member-entry.signed-in #title{display:none!important}
body.member-entry:not(.signed-in) #logout{display:none}
body.member-entry.signed-in .entry-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}
body.member-entry.signed-in .entry-actions .public-button{grid-column:auto;margin-left:0}
.entry-actions .logout-button{margin:0;background:#713d12;color:#fff;border:1px solid #713d12;font:inherit;font-weight:800;min-height:46px;border-radius:8px;padding:11px 19px;cursor:pointer}
.entry-actions .logout-button:hover{background:#512a0a;border-color:#512a0a}
.entry-actions .logout-button:focus-visible,.committee-identity .logout-button:focus-visible{outline:3px solid #174d70;outline-offset:3px}
.committee-topline{justify-content:flex-start}
.committee-identity{display:inline-flex;flex-direction:column;align-items:flex-end;gap:10px}
.committee-identity p{margin:0}
.committee-identity .logout-button{background:#713d12;color:#fff;border:1px solid #713d12;font-size:1rem;font-weight:700;min-height:42px;padding:9px 18px;border-radius:8px;cursor:pointer}
.committee-identity .logout-button:hover{background:#512a0a;border-color:#512a0a}
@media(max-width:600px){body.member-entry.signed-in .entry-actions{grid-template-columns:1fr 1fr}.entry-actions .logout-button,.entry-actions .public-button{font-size:14px;padding:10px 8px}.committee-identity{align-items:flex-end;max-width:100%}}


/* Password visibility control - 20261001 */
.password-toggle{display:flex!important;flex-direction:row!important;align-items:center;gap:9px;margin-top:10px;font-weight:700;color:#334e62;cursor:pointer}
.password-toggle input[type=checkbox]{width:20px!important;height:20px!important;margin:0;flex:0 0 auto;accent-color:#1768ac}

.committee-button,.committee-return{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:#102f4f!important;color:#fff!important;border:0;border-radius:999px;padding:9px 16px;font-size:16px;font-weight:800;line-height:1.55;text-decoration:none!important;max-width:100%;box-sizing:border-box}.committee-door{flex:none;width:36px;height:36px}.committee-button:hover,.committee-return:hover{background:#173d62!important}.committee-button:focus-visible,.committee-return:focus-visible{outline:3px solid #277a50;outline-offset:3px}

/* Member navigation - 20261005 */
body.member-entry.signed-in .entry-actions{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}
body.member-entry.signed-in .entry-actions .logout-button{flex:0 0 auto;width:auto;min-height:48px;padding:11px 19px}
body.member-entry.signed-in .entry-actions .committee-button{margin-left:auto;min-height:48px;width:auto;max-width:100%;white-space:normal;text-align:center}
@media(max-width:600px){body.member-entry.signed-in .entry-actions{gap:10px}body.member-entry.signed-in .entry-actions .committee-button{font-size:14px;padding:10px 12px;gap:8px}.entry-actions .committee-door{width:28px;height:28px}}

/* home-link-20261007 */
header .home-link{margin-left:auto;color:#fff;font-size:clamp(12px,2vw,14px);font-weight:600;line-height:1.35;text-decoration:none;opacity:.88;border-bottom:1px solid rgba(255,255,255,.55);padding-bottom:2px;white-space:nowrap}
header .home-link:hover{opacity:1;border-bottom-color:#fff}
header .home-link:focus-visible{outline:2px solid #fff;outline-offset:4px;border-bottom-color:transparent}
@media(max-width:430px){header{gap:10px 14px;padding-left:20px;padding-right:20px}header nav{gap:14px}header .home-link{font-size:12px}}

/* Navigation commune : accueil a gauche, langues a droite — 2026-10-17 */
body.member-entry header { background:#fff; color:#103052; padding:24px clamp(20px,3.3vw,52px); min-height:92px; box-sizing:border-box; gap:20px; flex-wrap:nowrap; }
body.member-entry header .home-link { display:inline-flex; align-items:center; justify-content:center; flex:0 0 auto; margin:0; padding:12px 17px; min-height:44px; box-sizing:border-box; border:0; border-radius:999px; background:#103052; color:#fff; font:700 16px/1.25 Georgia,serif; text-decoration:none; opacity:1; white-space:nowrap; }
body.member-entry header .home-link:hover { background:#1b466c; border:0; }
body.member-entry header .home-link:focus-visible { outline:3px solid #9d6a2f; outline-offset:4px; }
body.member-entry header nav { display:flex; align-items:center; flex:0 0 auto; gap:12px; margin-left:auto; font:400 16px/1.4 Georgia,serif; }
body.member-entry header nav a { color:#096b68; text-decoration:underline; text-underline-offset:3px; }
body.member-entry header nav a:focus-visible { outline:2px solid #096b68; outline-offset:4px; }
@media(max-width:430px) { body.member-entry header { padding:18px 16px; min-height:80px; gap:14px; } body.member-entry header .home-link { font-size:14px; padding:12px 14px; } body.member-entry header nav { font-size:15px; gap:10px; } }

/* Compact mobile home button - 20261017 */
@media (max-width:600px){body.member-entry header .home-link{font-size:12px;line-height:1.25;padding:6px 10px;min-height:30px;}}

/* Compact desktop 20261017 */@media(min-width:601px){body.member-entry header .home-link{font-size:12px;line-height:1.25;padding:6px 10px;min-height:30px;}}