:root{--demo-bar-height:88px;--vert-club:#184a32;--vert-fonce:#123b29;--beige:#f5f5ed;--radius:18px}
html{scroll-padding-top:calc(var(--demo-bar-height) + 90px)}
body{padding-top:var(--demo-bar-height)!important;background:#f5f5ee;color:#203e30}
#demo-bar{position:fixed;inset:0 0 auto;z-index:2147483000;min-height:72px;background:#f9fbf6;color:#204531;border-bottom:1px solid #ccd9ca;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 28px;box-sizing:border-box;font:13px/1.4 'DM Sans',system-ui,sans-serif;box-shadow:0 3px 18px #10281910}
.demo-brand{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.demo-brand strong{font-size:14px;letter-spacing:.1px}.demo-description{color:#59685d;border-left:1px solid #cdd8cb;padding-left:10px;font-size:12px}.demo-dot{width:9px;height:9px;background:#4c8c52;border-radius:50%;box-shadow:0 0 0 4px #e2eedf}
.demo-controls{display:flex;gap:8px;align-items:center;flex-shrink:0}.demo-controls label{font-size:11px;color:#576a5a}.demo-controls select,.demo-controls button{border:1px solid #cbd7c8;background:white;border-radius:9px;color:#254731;padding:9px 11px;font:inherit;cursor:pointer;min-height:38px}.demo-controls select{font-weight:700;background:#eaf1e5}.demo-controls button:hover{background:#edf4e8}
#demo-bar :focus-visible,#demo-help :focus-visible{outline:3px solid #bd622d;outline-offset:3px}
#nav,.nav,.admin-header{top:var(--demo-bar-height)!important}.nav{background:#194a32!important;box-shadow:0 4px 22px #12332218!important}.nav-logo-text{letter-spacing:1.7px!important}.nav-links a{font-weight:600!important}.nav-burger{flex-shrink:0!important;min-width:40px;min-height:40px;align-items:center;justify-content:center}
.hero{background-color:#133f2b!important}.hero h1{text-shadow:0 2px 22px #00180d40}.hero-sub,.hero-subtitle{letter-spacing:1.4px!important}
.btn,.btn-primary,button.btn-green{border-radius:11px!important}.card,.profile-card,.member-card,.match-card,.product-card,.fam-card{border-radius:18px!important;box-shadow:0 4px 18px #1b3b2310!important;border:1px solid #dce3d7!important}.product-card .photo-wrap{background:#eef0e8!important}.product-card img{object-fit:contain!important}.section-title{letter-spacing:.5px}
input,textarea,select{accent-color:#255b39}input:focus,select:focus,textarea:focus{outline-color:#447c4b}
#demo-help{border:1px solid #d3dfcc;border-radius:24px;padding:34px;max-width:690px;width:calc(100% - 30px);box-sizing:border-box;color:#244b34;background:#fafbf6;font:15px/1.6 'DM Sans',system-ui,sans-serif;max-height:86vh;overflow:auto}#demo-help::backdrop{background:#092216a8;backdrop-filter:blur(4px)}#demo-help h2{font:700 30px/1.15 'DM Sans',system-ui,sans-serif;margin:14px 0}#demo-help p{color:#58685a}.demo-kicker{font-size:10px;font-weight:800;letter-spacing:2px;color:#6d865f}.demo-close{position:absolute;right:16px;top:10px;border:0;background:none;font-size:28px;color:#5e715d;cursor:pointer}.demo-paths{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:22px 0}.demo-paths>a,.demo-paths>button{display:flex;flex-direction:column;gap:8px;padding:19px;background:#eef3e8;border:1px solid #d8e3d0;border-radius:14px;color:#244b34;text-align:left;text-decoration:none;cursor:pointer;font:inherit}.demo-paths span{font-size:13px;color:#58685a}.demo-paths b{font-size:14px}.demo-note{font-size:12px;padding:12px;border-left:3px solid #91ad78;background:#f1f4e9}.demo-primary{background:#205236;color:white;border:0;border-radius:10px;padding:12px 24px;font:700 14px system-ui;cursor:pointer}#demo-toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);z-index:2147483647;background:#173f2c;color:white;box-shadow:0 4px 20px #001e1540;border:1px solid #7d9c80;border-radius:14px;padding:15px 22px;max-width:calc(100vw - 32px);width:max-content;font:14px/1.5 system-ui}#demo-toast[hidden]{display:none}
@media(min-width:1050px){.demo-description{display:inline}.nav{padding-left:4%!important;padding-right:4%!important}.nav-logo{margin-right:18px}}
@media(max-width:1049px){#demo-bar{padding:9px 16px;gap:8px;flex-wrap:wrap}.demo-description{border:0;padding:0}.demo-controls label{display:none}.demo-controls{margin-left:auto}.nav-links.open{top:calc(var(--demo-bar-height) + 64px)!important;max-height:calc(100dvh - var(--demo-bar-height) - 64px)!important}}
@media(max-width:600px){:root{--demo-bar-height:108px}#demo-bar{padding:8px 12px;display:block}.demo-brand{font-size:12px;gap:7px;margin-bottom:7px}.demo-brand strong{font-size:12px}.demo-description{font-size:10px}.demo-controls{justify-content:space-between;gap:6px}.demo-controls select,.demo-controls button{font-size:11px;padding:7px 9px;min-height:34px}#demo-help{padding:25px 19px}.demo-paths{grid-template-columns:1fr}.demo-paths>a,.demo-paths>button{padding:12px}#demo-help h2{font-size:24px}#nav{gap:5px!important;padding-left:10px!important;padding-right:10px!important}#nav .nav-logo{min-width:0;flex:1 1 auto}#nav .nav-logo-text{font-size:17px!important;white-space:normal}#nav .nav-logo-ball{width:31px!important;height:31px!important}#authBar{flex-shrink:0;max-width:132px}#navBurger{margin-left:0!important;width:36px;min-width:36px}.nav-links{z-index:3000!important}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
@media print{#demo-bar,#demo-toast,#demo-help{display:none!important}body{padding-top:0!important}body::before{content:none;display:block;font:700 12px sans-serif;padding:8px;color:#333}}
.demo-welcome{display:flex;align-items:center;justify-content:space-between;gap:22px;margin:0 auto 32px;padding:25px 30px;max-width:1080px;width:calc(100% - 36px);box-sizing:border-box;border-radius:20px;background:#fff;border:1px solid #dde5d6;box-shadow:0 7px 25px #233e2010}.demo-welcome h2{font:700 29px/1.2 'DM Sans',system-ui;margin:8px 0;color:#19472f}.demo-welcome p{font-size:14px;color:#61705f;line-height:1.5}.demo-welcome-actions{display:flex;gap:10px}.demo-welcome-actions button{border:1px solid #cedcc4;padding:15px 20px;border-radius:12px;background:#eef3e8;color:#234c30;cursor:pointer;font:600 13px 'DM Sans',system-ui;white-space:nowrap}.demo-welcome-actions button:first-child{background:#1b5034;color:white;border-color:#1b5034}.demo-welcome-actions span{margin-left:22px}.acc-item{border-radius:15px!important;border-color:#dde5d7!important}.acc-summary-main{gap:5px!important}.acc-item>summary{padding:16px!important}.pl-profile-row{border-radius:15px!important}.fam-tile{border-radius:16px!important;box-shadow:0 4px 18px #24412108!important}
@media(max-width:700px){.demo-welcome{display:block;padding:23px;margin-top:-12px}.demo-welcome h2{font-size:26px}.demo-welcome-actions{margin-top:17px}.demo-welcome-actions button{flex:1;padding:12px 10px;font-size:12px}.demo-welcome-actions span{margin-left:8px}}
/* Keep the test toolbar clear of the existing full-screen dialogs. */
.modal-overlay,.modal-bg,.pl-modal-backdrop,.usb-modal-overlay{top:var(--demo-bar-height)!important}
.modal-box,.pl-modal,.pl-order-modal{max-height:calc(100dvh - var(--demo-bar-height) - 30px)!important}
.fiche-modal-box{max-height:calc(100dvh - var(--demo-bar-height))!important;height:calc(100dvh - var(--demo-bar-height))!important}
@media print{.modal-overlay,.modal-bg,.pl-modal-backdrop{top:0!important}.fiche-modal-box{height:auto!important;max-height:none!important}}