*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:#f4f7f5;color:#1f2937}header{background:#2f6f52;color:#fff;padding:18px 5%;display:flex;gap:18px;align-items:center}header b{font-size:24px}header span{font-size:13px;opacity:.9}header .brand{color:#fff;text-decoration:underline}main{max-width:1050px;margin:28px auto;padding:0 18px}.box{background:#fff;border:1px solid #dfe5e2;border-radius:12px;padding:20px;margin-bottom:18px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}label{display:block;font-weight:700;font-size:13px;margin-bottom:5px}input,select{width:100%;padding:10px;border:1px solid #ccd5d0;border-radius:7px}.full{grid-column:1/-1}.btn{display:inline-block;background:#2f6f52;color:white;border:0;border-radius:8px;padding:11px 15px;text-decoration:none;font-weight:700;cursor:pointer}.btn2{background:white;color:#2f6f52;border:1px solid #2f6f52}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.ok{padding:12px;background:#e8f5ed;border-radius:8px}.warn{padding:12px;background:#fff4dc;border-radius:8px}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:10px;border-bottom:1px solid #eee}.price{font-size:28px;font-weight:bold;color:#2f6f52}.card{max-width:420px;background:#2f6f52;color:#fff;border-radius:16px;padding:25px;min-height:245px;position:relative}.card h2{margin-top:40px}.card .valid{position:absolute;bottom:22px}.nav{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px}

/* Liste des adhérents : affichage compact sur ordinateur */
.members-box{padding:18px 16px}
.members-table{font-size:13px;table-layout:auto}
.members-table th,.members-table td{padding:9px 6px;vertical-align:middle}
.members-table .nowrap{white-space:nowrap}
.members-table .member-name{min-width:78px}
.members-table .member-email{max-width:145px;overflow-wrap:anywhere}
.members-table .season-cell{min-width:58px}
.members-table .action-col{white-space:nowrap;width:1%}
.members-table .btn-small{padding:8px 10px;font-size:13px;white-space:nowrap}

@media(max-width:700px){
 .grid{grid-template-columns:1fr}.full{grid-column:auto}header{align-items:flex-start;flex-direction:column}
 .members-box{overflow-x:auto}
 .members-table{min-width:900px}
}