
:root{--green:#0B4D3B;--teal:#2EA88C;--slate:#334155;--sand:#F3EDE4;--cream:#FAF9F6;--line:#dbe9e1;--muted:#667b71;--red:#a74738}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:#163c2e;font:14px/1.55 Inter,system-ui,Arial,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}header{background:white;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:15}.head{max-width:1220px;margin:auto;min-height:76px;padding:12px 24px;display:flex;justify-content:space-between;align-items:center;gap:14px}.brand{display:flex;gap:10px;align-items:center;font-weight:850;font-size:22px;letter-spacing:-.8px;cursor:pointer}.brand svg{width:45px;height:45px}.brand em{color:var(--teal);font-style:normal}.head-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}main{max-width:1220px;margin:auto;padding:28px 24px 70px}h1,h2,h3{font-family:Montserrat,system-ui,sans-serif;line-height:1.22;letter-spacing:-.5px}h1{font-size:clamp(34px,4vw,55px);margin:12px 0 16px}h2{font-size:24px;margin:6px 0 14px}h3{font-size:16px;margin:6px 0 12px}p{margin:6px 0 15px}.muted{color:var(--muted)}.sm{font-size:12px}.eyebrow{font-size:11px;letter-spacing:1.7px;text-transform:uppercase;font-weight:850;color:var(--teal)}.btn{border:0;border-radius:11px;background:var(--green);color:white;font-size:13px;font-weight:800;padding:11px 16px;min-height:41px}.btn.alt{background:#e5f4eb;color:var(--green)}.btn.outline{background:white;border:1px solid #cbded0;color:var(--green)}.btn.red{background:#fff1ee;border:1px solid #edc5bd;color:var(--red)}.btn:disabled{opacity:.46;cursor:not-allowed}.hero{background:linear-gradient(125deg,#073b2d,#12664f);color:white;padding:47px 48px;border-radius:24px;display:grid;grid-template-columns:1.2fr .8fr;gap:20px;align-items:center;overflow:hidden}.hero p{color:#d1e8dc;font-size:16px;max-width:560px}.hero-art{height:250px;display:grid;place-items:center;position:relative}.hero-phone{width:144px;height:245px;border:9px solid #c5f4d9;border-radius:31px;transform:rotate(14deg);box-shadow:22px 25px 1px #ffffff16;background:linear-gradient(145deg,#1d9c7c,#07392f);display:grid;place-items:center;font-size:77px;font-weight:900;color:#c5f4d9}.hero-phone:before{content:'';width:43px;height:7px;background:#c5f4d9;border-radius:8px;position:absolute;top:10px}.three{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:19px}.benefit{background:#fff;border:1px solid var(--line);padding:18px;border-radius:15px}.benefit b{display:block;margin-bottom:5px}.panel{background:#fff;border:1px solid var(--line);border-radius:19px;padding:24px;box-shadow:0 8px 25px #0b4d3b0a;margin-bottom:18px}.columns{display:grid;grid-template-columns:1.25fr .8fr;gap:20px}.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.row{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:17px}.box{border:1px solid var(--line);border-radius:13px;background:#f7fbf8;padding:16px;margin:12px 0}.chip{display:inline-flex;align-items:center;gap:4px;background:#e8f5ed;color:#136644;border-radius:20px;padding:5px 10px;font-size:11px;font-weight:800}.chip.gold{background:#fff4db;color:#8c671c}.chip.red{background:#ffefeb;color:#a24635}.tabs{display:flex;gap:7px;margin:22px 0;flex-wrap:wrap}.tabs button{background:white;border:1px solid var(--line);padding:11px 14px;border-radius:11px;font-weight:800;color:#426957}.tabs button.active{background:var(--green);color:#fff;border-color:var(--green)}label{display:block;font-size:12px;font-weight:800;margin:12px 0 6px}input,select,textarea{width:100%;padding:11px 12px;border:1px solid #cadfd3;border-radius:10px;background:#fff;color:#17382c}input:focus,select:focus,textarea:focus{outline:2px solid #9fe7ca}.subhead{border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:16px}.status{background:#eaf7ed;border:1px solid #c8e8d3;border-radius:12px;padding:14px;margin:12px 0;color:#205d40}.status.warn{background:#fff8e6;border-color:#eddeb8;color:#785d23}.hide{display:none!important}.divider{border:0;border-top:1px solid var(--line);margin:21px 0}.kv{display:flex;justify-content:space-between;gap:14px;border-bottom:1px solid #e8eee9;padding:9px 0}.kv>:last-child{text-align:right}.hist{border:1px solid var(--line);background:white;border-radius:12px;padding:15px;margin:9px 0;display:flex;justify-content:space-between;gap:16px;align-items:center;cursor:pointer}.hist:hover{background:#f5fbf7}.metric{font-size:27px;font-weight:850}.statgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.stat{background:#f5faf6;padding:16px;border:1px solid var(--line);border-radius:13px}.price{font-size:28px;font-weight:850;color:var(--green)}.calendar-title{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.calendar{overflow-x:auto;margin-top:17px;border:1px solid var(--line);border-radius:13px}.weekgrid{display:grid;grid-template-columns:62px repeat(7,minmax(108px,1fr));min-width:830px;background:white}.calcell{min-height:68px;border-right:1px solid #e8eee9;border-bottom:1px solid #e8eee9;position:relative;padding:5px}.calhead{background:#ecf6ef;min-height:56px;text-align:center;font-size:12px;font-weight:800;padding:9px 2px}.calhead.today{background:#d5f1df}.calhour{background:#fbfcfb;font-size:11px;color:#819387;text-align:center;padding-top:8px}.calevent{background:#e0f3e8;border-left:3px solid var(--teal);border-radius:7px;font-size:10px;line-height:1.4;padding:5px;cursor:pointer;overflow-wrap:anywhere;margin-bottom:3px}.calevent.home{background:#fff1d8;border-color:#d6a34b}.calempty{padding:30px;color:var(--muted);text-align:center}.calendar-legend{font-size:12px;color:var(--muted);margin-top:11px}.key{display:inline-block;width:10px;height:10px;border-radius:2px;background:#c5ead3;margin:0 5px 0 14px}.key.home{background:#ffe6ad}.overlay{position:fixed;inset:0;z-index:30;background:#0d2e25ad;display:grid;place-items:center;padding:15px}.dialog{width:min(610px,100%);background:#fff;border-radius:18px;padding:24px;max-height:92vh;overflow:auto}.toast{position:fixed;right:17px;bottom:17px;z-index:40;background:#0B4D3B;color:#fff;padding:12px 18px;border-radius:12px;max-width:360px}.linkbtn{border:0;background:none;color:var(--green);text-decoration:underline;font-weight:750;padding:8px}.radio-row{display:flex;gap:10px;flex-wrap:wrap;margin:8px 0}.radio-row label{margin:0;background:#f4faf6;border:1px solid var(--line);padding:11px 15px;border-radius:11px;cursor:pointer}.radio-row input{width:auto;vertical-align:middle;margin-right:5px}.steps{display:flex;flex-wrap:wrap;gap:7px;margin:12px 0}.step{padding:6px 12px;background:#edf5ee;border-radius:50px;font-size:12px;font-weight:800}.step.done{background:#cbead7}.mini{font-size:12px;background:#f4faf5;padding:12px;border-radius:11px}.section-title{margin:0 0 18px}.legal{font-size:11px;color:#70857a;margin-top:20px}footer{text-align:center;color:var(--muted);font-size:12px;padding:0 20px 30px}@media(max-width:850px){.hero{grid-template-columns:1fr}.hero-art{display:none}.columns{grid-template-columns:1fr}}@media(max-width:600px){main{padding:16px 12px 40px}.head{padding:10px 12px}.brand{font-size:17px}.brand svg{width:36px;height:36px}.hero{padding:29px 22px}.three,.two,.statgrid{grid-template-columns:1fr}.panel{padding:17px}.head-actions .btn{font-size:11px;padding:8px 10px}.tabs button{font-size:12px;padding:9px 11px}}

.pro-status{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.switch-status{display:inline-flex;align-items:center;gap:7px;margin:0;font-size:12px;color:var(--green);cursor:pointer}.switch-status input{position:absolute;opacity:0;width:1px;height:1px}.track{width:35px;height:20px;border-radius:22px;background:#afbcb5;position:relative;transition:background .2s}.track:after{content:"";position:absolute;width:14px;height:14px;border-radius:50%;background:#fff;top:3px;left:3px;transition:transform .2s}.switch-status input:checked+.track{background:#2EA88C}.switch-status input:checked+.track:after{transform:translateX(15px)}.switch-status input:focus-visible+.track{outline:3px solid #89bde2}.offer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:17px 0}.offer-card{border:1px solid #c9ded1;border-radius:14px;background:#fff;padding:17px;min-width:0}.offer-card.selected{border:2px solid #2EA88C;background:#f0faf4}.offer-card .big-price{font-size:24px;font-weight:900;color:#0B4D3B;margin:8px 0}.offer-tag{font-size:11px;background:#dff4e9;color:#0B4D3B;display:inline-block;padding:5px 9px;border-radius:22px;font-weight:850}.slot-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(105px,1fr));gap:8px;margin:12px 0}.slot{padding:10px 7px;border:1px solid #cee1d5;border-radius:9px;background:#f3faf5;color:#124331;font-weight:700}.slot[disabled]{background:#f1f1f1;color:#aaa;border-color:#ddd;text-decoration:line-through}.slot.active{background:#0B4D3B;color:white;border-color:#0B4D3B}.day-grid{display:flex;gap:7px;overflow:auto;padding:8px 0}.day-grid button{white-space:nowrap;min-width:88px}.day-grid button.active{background:#0B4D3B;color:#fff}.manual-hint{font-size:12px;color:#62786b}@media(max-width:780px){.offer-grid{grid-template-columns:1fr}}
.profile-required-banner{margin:12px 0 18px;border:1px solid #e9ba62;border-radius:12px;background:#fff6df;padding:14px 17px;color:#7e4e12}.profile-required-banner button{margin-top:7px}.switch-status input:disabled+.track{opacity:.52;cursor:not-allowed}.company-card{margin:9px 0 12px;background:#f3f9f5;border-radius:9px;padding:10px 12px;font-size:13px}.company-card b{display:block;font-size:14px;color:#0b4d3b}.company-card span{color:#64766d}#bizAddress{resize:vertical;min-height:65px}#profileMissingBanner.hide{display:none}
nav button{border:0;background:transparent;padding:9px 12px;color:var(--green);font-weight:700;cursor:pointer}.hidden{display:none!important}.active-nav{background:#e0f3e8;border-radius:8px}.note{font-size:12px;color:#667b71}.item{padding:14px;border:1px solid #dbe9e1;border-radius:10px;margin:10px 0}.wide{width:100%}.error{color:#aa3434}.success{color:#116e51}.busy{opacity:.5;pointer-events:none}

.recovery-panel{max-width:610px;margin:28px auto}.recovery-panel input{max-width:100%}

.address-section{margin-top:18px;padding:17px;border:1px solid #dce6df;background:#f7faf8;border-radius:14px}.address-section h3{margin-top:0}.address-section p{margin:5px 0 10px}.address-section label{display:block;margin-top:8px}

.admin-count{display:inline-flex;min-width:19px;height:19px;align-items:center;justify-content:center;background:#c94332;color:white;border-radius:20px;font-size:11px;padding:0 5px;margin-left:5px}.admin-count.hide{display:none}

/* Dialogues lisibles sur téléphone et ordinateur */
.pw-dialog{border:0;border-radius:17px;box-shadow:0 22px 70px rgba(0,0,0,.34);width:min(760px,calc(100vw - 24px));max-height:90dvh;overflow:auto;padding:24px;background:#faf9f6;color:#0b4d3b}
.pw-dialog::backdrop{background:rgba(4,26,20,.67)}
.pw-dialog .box{margin:14px 0}.pw-dialog .actions{display:flex;flex-wrap:wrap;gap:8px}
.pw-dialog .dialog-footer{border-top:1px solid #cfd9d4;padding-top:12px;display:flex;justify-content:flex-end;position:sticky;bottom:-24px;background:#faf9f6}
@media(max-width:680px){.pw-dialog{padding:18px 14px;max-height:94dvh}.pw-dialog .actions .btn{width:100%;margin:3px 0}.pw-dialog .dialog-footer{bottom:-18px}}

/* Avis clients et rendez-vous consultables au clavier et sur iPhone */
.review-summary{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.review-summary>span:nth-child(2){font-size:24px;color:#ba8525}.review-item{border-top:1px solid var(--line);margin-top:14px;padding-top:14px}.review-item>div{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.review-item strong{color:#bc8d30;letter-spacing:2px}.review-item p{overflow-wrap:anywhere;margin:8px 0 0}.calevent{display:block;width:100%;text-align:left;border-top:0;border-right:0;border-bottom:0;font:inherit;color:#163c2e;min-height:40px}.calevent:focus-visible{outline:3px solid #146e54;outline-offset:2px}#appointmentDialogBody .kv{align-items:start}#appointmentDialogBody .kv strong{max-width:65%;overflow-wrap:anywhere}@media(max-width:600px){#appointmentDialogBody .kv{display:block}#appointmentDialogBody .kv strong{display:block;max-width:100%;text-align:left}}
