*{box-sizing:border-box}body{margin:0;background:#f4f6f5;color:#18342e;font:16px/1.55 'Segoe UI',sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a.btn{cursor:pointer;border:1px solid #c8d5cf;border-radius:8px;padding:11px 17px;background:white;color:#18342e;font-weight:600;display:inline-block}button:hover,a.btn:hover{background:#e6efea}button:disabled{opacity:.45;cursor:not-allowed}.primary{background:#0c5548!important;color:white!important;border-color:#0c5548!important}.danger{color:#a23435}.demo{background:#173c33;color:#e5f6cc;padding:6px 4%;font-size:13px;letter-spacing:.4px;display:flex;justify-content:space-between;align-items:center}.demo button{padding:2px 8px;background:transparent;border:0;color:white;font-size:13px}header{height:100px;padding:0 5%;display:flex;align-items:center;gap:50px;background:white;border-bottom:1px solid #dce4df}.brand{display:flex;align-items:center;gap:12px;letter-spacing:2px;font-weight:800}.brand small{display:block;font-size:10px;letter-spacing:2.2px;font-weight:500}.crest{background:#0c5548;color:white;border-radius:9px 9px 18px 18px;width:42px;height:49px;text-align:center;font-size:28px}nav{display:flex;gap:28px;margin-left:auto}nav a{font-size:15px}.season{font-size:13px;border-left:1px solid #ddd;padding-left:24px;color:#63766d}main{max-width:1180px;margin:0 auto;padding:48px 30px 70px;min-height:74vh}h1{font-size:38px;line-height:1.15;letter-spacing:-1.3px;margin:12px 0 18px}h2{font-size:24px;line-height:1.3;letter-spacing:-.5px}h3{font-size:18px;margin:0 0 10px}p{margin:8px 0 20px}.muted,small{color:#63766d}.eyebrow{font-size:12px;font-weight:750;letter-spacing:2px;text-transform:uppercase;color:#0c5548}.intro{max-width:620px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.two{display:grid;grid-template-columns:1fr 1fr;gap:20px}.card{background:#fff;border:1px solid #dbe3de;border-radius:14px;padding:26px}.journey{position:relative;min-height:285px;display:flex;flex-direction:column;align-items:flex-start}.journey p{color:#63766d;font-size:15px}.journey .btn{margin-top:auto}.num{font-size:13px;color:#54816e;margin-bottom:32px;font-weight:700}.journey:first-child{background:#0c5548;color:white;border:0}.journey:first-child .num,.journey:first-child p{color:#cde3d5}.journey:first-child .btn{background:#e5f3bd;color:#23412d;border:0}.strip{margin-top:28px;padding:22px 26px;border:1px solid #dbe3de;border-radius:12px;display:flex;gap:24px;align-items:center}.strip p{margin:0;font-size:14px}.section{margin-top:28px}.flex{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.between{justify-content:space-between}.actions{display:flex;gap:12px;margin-top:28px;flex-wrap:wrap}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:18px}label{display:block;font-size:14px;font-weight:600}input,select,textarea{width:100%;padding:11px;border:1px solid #bacbc1;border-radius:7px;background:#fff;color:#18342e;margin-top:6px}input[type=checkbox],input[type=radio]{width:auto;margin:0 9px 0 0;accent-color:#0c5548}input[type=file]{font-size:14px}textarea{min-height:95px}.full{grid-column:1/-1}.check{display:flex;align-items:flex-start;margin:14px 0;font-weight:400}.check input{margin-top:5px}.notice{padding:15px 18px;border-radius:9px;background:#edf3ef;font-size:14px;margin:18px 0}.warning{background:#fff3db;color:#725017;border-left:3px solid #d49b32}.error{background:#ffe9e7;color:#942d29}.success{background:#e8f3db;color:#31571f}.badge{font-size:12px;padding:5px 10px;border-radius:5px;display:inline-block;background:#edf2ee;white-space:nowrap}.badge.amber{background:#fff0d6;color:#875c18}.badge.green{background:#e6f2dd;color:#315b28}.badge.red{background:#fbe6e5;color:#912f2e}.steps{display:flex;gap:8px;margin:25px 0 32px}.step{flex:1;font-size:12px;border-top:3px solid #d6e0da;padding-top:10px;color:#718178}.step.active{border-color:#0c5548;color:#0c5548;font-weight:700}.narrow{max-width:780px}.auth{max-width:500px;margin:30px auto}.metric{font-size:33px;line-height:1.2;font-weight:700;margin:8px 0}.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:14px}th{text-align:left;color:#65776e;font-size:12px;letter-spacing:.5px;text-transform:uppercase;padding:14px 12px;border-bottom:1px solid #d8e2db}td{padding:17px 12px;border-bottom:1px solid #e8ede9}tr:last-child td{border-bottom:0}td small{display:block}.link{padding:0;border:0;background:none;color:#0c5548;text-decoration:underline;font-size:14px}.tabs{display:flex;gap:7px;flex-wrap:wrap;margin:24px 0}.tabs button.active{background:#0c5548;color:white}.layout{display:grid;grid-template-columns:1fr 300px;gap:22px}.listrow{padding:15px 0;border-bottom:1px solid #e6ece7}.listrow:last-child{border:0}dl{display:grid;grid-template-columns:1fr 1.3fr;gap:13px;font-size:14px}dt{color:#65776e}dd{margin:0;font-weight:500}.filters{display:flex;gap:12px;margin:20px 0;flex-wrap:wrap}.filters>*{flex:1;min-width:160px}.filters input,.filters select{margin:0}.empty{padding:35px;text-align:center;color:#63766d}.timeline{border-left:2px solid #dce7dd;padding-left:20px}.timeline p{font-size:14px}.timeline small{display:block}footer{border-top:1px solid #dbe3de;padding:22px 5%;font-size:12px;color:#667b70;display:flex;justify-content:space-between}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#173c33;color:white;border-radius:10px;padding:14px 24px;display:none;z-index:20;box-shadow:0 8px 30px #0002}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #b6cd71;outline-offset:3px}.subtitle{font-size:17px;color:#63766d}.topspace{margin-top:40px}@media(max-width:760px){header{height:auto;padding:20px;gap:20px;flex-wrap:wrap}nav{gap:18px}.season{display:none}main{padding:28px 18px 45px}h1{font-size:30px}.grid,.two,.layout,.formgrid{grid-template-columns:1fr}.journey{min-height:235px}.strip{align-items:flex-start;flex-direction:column;gap:8px}.steps{overflow:auto}.step{min-width:75px}.demo{font-size:10px;padding:6px 12px}footer{gap:15px;flex-direction:column}.card{padding:20px}.full{grid-column:auto}}
/* Identité visuelle relevée sur fcgrone.ch : Onest, #031b3a, #5a90cb. */
@font-face{font-family:Onest;src:url('assets/onest-latin.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
:root{--club-navy:#031b3a;--club-blue:#5a90cb;--club-yellow:#f4ca35}
body{font-family:Onest,'Segoe UI',sans-serif;background:#f5f7fa;color:var(--club-navy)}
.demo{background:#031b3a;color:#e1ebf7;letter-spacing:.25px}
header{height:175px;position:relative;isolation:isolate;background:linear-gradient(90deg,rgba(3,27,58,.85),rgba(3,27,58,.50)),url('assets/pogyre.webp') center 56%/cover;color:white;border:0;gap:30px}
.brand{letter-spacing:1px;gap:18px}.brand small{color:#fff;font-size:12px;letter-spacing:2.4px;margin-top:3px}.club-logo{width:115px;height:115px;object-fit:contain;filter:drop-shadow(0 3px 5px #0004)}
nav a{font-size:15px;text-transform:uppercase;font-weight:650}nav a:hover{color:var(--club-yellow)}.season{color:#f2f6fa;border-color:#ffffff60}
.club-band{background:var(--club-blue);color:#fff;padding:14px 5%;display:flex;justify-content:space-between;align-items:center;gap:20px}.club-band span{font-weight:800;font-size:20px;letter-spacing:1px}.club-band a{font-size:13px;text-decoration:underline;text-underline-offset:4px}
main{padding-top:38px}.eyebrow{color:#315f91}h1,h2{font-weight:800}h1{letter-spacing:-1px}h2{letter-spacing:-.4px}.muted,small,.subtitle{color:#536779}
.card{border-color:#dce4ed;border-radius:5px}.journey{border-top:4px solid var(--club-blue);min-height:290px}.journey:first-child{background:var(--club-navy);border-top:4px solid var(--club-yellow)}.journey:first-child .num,.journey:first-child p{color:#d5e4f5}.journey:first-child .btn{background:var(--club-yellow);color:var(--club-navy);border-radius:4px}.num{color:#416b99}.journey p{color:#536779}.journey h2{font-size:25px}.journey .btn{font-size:14px}
button,a.btn{border-radius:4px;color:var(--club-navy);border-color:#bfcdda}button:hover,a.btn:hover{background:#e8eff7}.primary{background:var(--club-navy)!important;border-color:var(--club-navy)!important;color:#fff!important}.primary:hover{background:#164476!important}.link{color:#235a92}.strip{border-radius:4px;border-color:#cedcec;background:#edf3fa}.notice{background:#eaf0f7;color:#234a71;border-radius:4px}.warning{background:#fff3db;color:#725017}.error{background:#ffe9e7;color:#942d29}.success{background:#e8f3db;color:#31571f}.step.active{border-color:var(--club-blue);color:var(--club-navy)}.steps .step{font-size:13px}.tabs button.active{background:var(--club-navy);color:#fff}input,select,textarea{color:var(--club-navy);border-color:#bccbd9;border-radius:4px}input[type=checkbox],input[type=radio]{accent-color:var(--club-navy)}.badge{background:#edf1f6}.danger{color:#a23435}#toast{background:var(--club-navy)}.timeline{border-color:#d1e0ee}footer{background:var(--club-navy);color:#fff;padding:30px 5%;align-items:center;gap:25px;border:0}footer .footer-club{display:flex;align-items:center;gap:16px}footer strong{font-size:13px}footer a{line-height:2;color:#fff}footer span{color:#c1d4e9}
@media(max-width:760px){header{height:auto;min-height:190px;padding:20px;gap:18px}.club-logo{width:80px;height:80px}.brand{gap:14px}.brand small{font-size:10px}nav{width:100%;margin:0;justify-content:space-between;gap:12px}nav a{font-size:13px}.club-band{padding:12px 20px}.club-band span{font-size:13px;letter-spacing:.4px}.club-band a{font-size:12px;white-space:nowrap}main{padding-top:28px}footer{align-items:flex-start}.journey{min-height:250px}}

.account-connection-panel{border:1px solid #c6d5e5;border-radius:4px;margin:12px 0;background:#fff}.account-connection-panel>summary{padding:14px 16px;font-weight:700;cursor:pointer;color:#061e3b}.account-connection-panel[open]>summary{border-bottom:1px solid #dce5ee;background:#edf4fb}.account-connection-panel>summary:focus-visible{outline:2px solid #347fc0;outline-offset:2px}.account-connection-content{padding:0 16px 16px}

.member-authorization-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 5px;margin-left:5px;border-radius:999px;background:#c51e3b;color:#fff;font-size:12px;font-weight:700;vertical-align:middle}

.member-sanction>summary{cursor:pointer;padding:10px 0}.member-sanction-icon{display:inline-block;width:14px;height:20px;border:1px solid #334;border-radius:2px;vertical-align:middle;margin-right:8px}.member-sanction-icon.red{background:#c51e3b}.member-sanction-icon.yellow{background:#f5cf35}.member-sanction-icon.other{background:#edf4fb;text-align:center}.member-sanction-report{white-space:pre-wrap;overflow-wrap:anywhere}

.member-required-actions{list-style:none;padding:0}.member-required-actions li{margin:10px 0}.member-required-actions button{width:100%;text-align:left;white-space:normal}.member-action-target{outline:3px solid #347fc0!important;outline-offset:4px;background-color:#edf4fb!important}

.member-tabs>.member-notifications-tab{margin-left:auto}

.parent-field-changed:not([aria-invalid="true"]){background:#fff4bd!important;border-color:#b38a12}.parent-change-hint{display:block;font-size:12px;font-weight:600;color:#735600;margin:3px 0 8px}