:root{--marine:#04384a;--marine-clair:#0a4c61;--turquoise:#20aeb5;--turquoise-sombre:#17878d;--or:#e3b74b;--fond:#f2f6f7;--surface:#fff;--texte:#12262d;--ardoise:#5b6b72;--trait:#dce6e9;--alerte:#b3402f;--succes:#2c7a5b;--rail:232px;--rayon:6px}*{box-sizing:border-box}html,body,#racine{height:100%}body{background:var(--fond);color:var(--texte);margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:14px;line-height:1.5}h1,h2,h3{color:var(--marine);letter-spacing:-.01em;margin:0;font-weight:600}h1{font-size:21px}h2{font-size:16px}h3{font-size:13px}a{color:var(--turquoise-sombre);text-decoration:none}a:hover{text-decoration:underline}:focus-visible{outline:2px solid var(--turquoise);outline-offset:2px}.cadre{min-height:100vh;display:flex}.rail{width:var(--rail);background:var(--marine);color:#cfe1e6;flex-direction:column;gap:4px;height:100vh;padding:22px 16px;display:flex;position:sticky;top:0}.rail .marque{color:#fff;letter-spacing:3px;font-size:19px;font-weight:700}.rail .marque span{letter-spacing:1.4px;color:var(--turquoise);margin-top:4px;font-size:10px;font-weight:400;display:block}.rail nav{flex-direction:column;gap:2px;margin-top:26px;display:flex}.rail a{color:#cfe1e6;border-radius:var(--rayon);padding:9px 12px;font-size:14px}.rail a:hover{background:var(--marine-clair);text-decoration:none}.rail a.actif{background:var(--turquoise);color:#04262f;font-weight:600}.rail .bas{color:#8fb2bc;margin-top:auto;font-size:12px}.rail .bas button{color:#cfe1e6;border-radius:var(--rayon);cursor:pointer;background:0 0;border:1px solid #1d5568;width:100%;margin-top:10px;padding:7px 10px}.travail{flex-direction:column;flex:1;min-width:0;display:flex}.barre{background:var(--surface);border-bottom:1px solid var(--trait);z-index:20;align-items:center;gap:16px;padding:14px 26px;display:flex;position:sticky;top:0}.barre .recherche{flex:1;max-width:460px;position:relative}.contenu{padding:24px 26px 60px}.carte{background:var(--surface);border:1px solid var(--trait);border-radius:var(--rayon);margin-bottom:16px;padding:18px}.carte>h2{margin-bottom:12px}.grille{gap:16px;display:grid}.grille.deux{grid-template-columns:1fr 1fr}.grille.trois{grid-template-columns:repeat(3,1fr)}.grille.quatre{grid-template-columns:repeat(4,1fr)}label{color:var(--ardoise);margin-bottom:4px;font-size:12px;display:block}input,select,textarea{border:1px solid var(--trait);border-radius:var(--rayon);width:100%;font:inherit;color:var(--texte);background:#fff;padding:8px 10px}input:focus,select:focus,textarea:focus{border-color:var(--turquoise);outline:none;box-shadow:0 0 0 3px #20aeb526}textarea{resize:vertical;min-height:90px}.champ{margin-bottom:12px}button{font:inherit;cursor:pointer;border-radius:var(--rayon);border:1px solid #0000;padding:8px 14px}.bouton-primaire{background:var(--turquoise);color:#04262f;font-weight:600}.bouton-primaire:hover{background:var(--turquoise-sombre);color:#fff}.bouton-secondaire{border-color:var(--trait);color:var(--marine);background:#fff}.bouton-secondaire:hover{border-color:var(--turquoise)}.bouton-discret{color:var(--ardoise);background:0 0;border:none;padding:4px 6px}.bouton-discret:hover{color:var(--alerte)}button:disabled{opacity:.55;cursor:not-allowed}.actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}table{border-collapse:collapse;width:100%}th{text-align:left;color:var(--ardoise);border-bottom:1px solid var(--trait);white-space:nowrap;padding:8px 10px;font-size:11.5px;font-weight:600}td{border-bottom:1px solid var(--trait);vertical-align:middle;padding:10px}tr:last-child td{border-bottom:none}tbody tr:hover{background:#f7fbfb}.nombre{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.etiquette{border:1px solid;border-radius:100px;padding:2px 9px;font-size:11.5px;font-weight:600;display:inline-block}.etiquette.brouillon,.etiquette.a_qualifier{color:var(--ardoise);border-color:var(--trait);background:#f4f7f8}.etiquette.envoye,.etiquette.qualifie,.etiquette.devis_envoye{color:#0a5e77;background:#e7f5f7;border-color:#a9d6df}.etiquette.relance{color:#8a6414;background:#fbf3de;border-color:#ebd6a0}.etiquette.signe,.etiquette.client{color:var(--succes);background:#e7f5ee;border-color:#a9d8c2}.etiquette.refuse,.etiquette.perdu,.etiquette.expire{color:var(--alerte);background:#fbedea;border-color:#e5bab2}.vide{text-align:center;color:var(--ardoise);padding:40px 20px}.vide p{margin:0 0 14px}.erreur{color:var(--alerte);border-radius:var(--rayon);background:#fbedea;border:1px solid #e5bab2;margin-bottom:14px;padding:10px 12px}.info{color:#0a5e77;border-radius:var(--rayon);background:#e7f5f7;border:1px solid #a9d6df;margin-bottom:14px;padding:10px 12px}.indicateur{background:var(--surface);border:1px solid var(--trait);border-radius:var(--rayon);padding:16px}.indicateur .valeur{color:var(--marine);font-variant-numeric:tabular-nums;font-size:26px;font-weight:700}.indicateur .intitule{color:var(--ardoise);font-size:12.5px}.suggestions{border:1px solid var(--trait);border-radius:var(--rayon);z-index:40;background:#fff;max-height:380px;position:absolute;top:40px;left:0;right:0;overflow:auto;box-shadow:0 12px 28px #04384a1f}.suggestions .groupe{color:var(--ardoise);padding:8px 12px 4px;font-size:11px}.suggestions button{text-align:left;background:0 0;border:none;width:100%;padding:8px 12px;display:block}.suggestions button:hover{background:#f1f8f9}.connexion{grid-template-columns:1.1fr 1fr;min-height:100vh;display:grid}.connexion .visuel{background:var(--marine);color:#cfe1e6;flex-direction:column;justify-content:center;padding:60px 52px;display:flex}.connexion .visuel h1{color:#fff;letter-spacing:5px;font-size:40px}.connexion .visuel p{max-width:40ch;line-height:1.7}.connexion .visuel .filet{background:var(--or);width:60px;height:3px;margin:22px 0}.connexion .formulaire{justify-content:center;align-items:center;padding:40px;display:flex}.connexion .formulaire form{width:100%;max-width:340px}.ligne-devis{border:1px solid var(--trait);border-left:3px solid var(--turquoise);border-radius:var(--rayon);background:#fff;margin-bottom:10px;padding:12px 14px}.ligne-devis.incluse{border-left-color:var(--trait);background:#fafcfc}.ligne-devis-entete{align-items:center;gap:12px;margin-bottom:8px;display:flex}.ligne-devis-entete .libelle{flex:1;padding:8px 10px;font-size:15px;font-weight:600}.ligne-devis-entete .montant{white-space:nowrap;font-variant-numeric:tabular-nums}.ligne-devis-entete .montant strong{color:var(--marine);font-size:15px}.ligne-devis input{margin-bottom:6px}.ligne-devis input.mention{color:var(--turquoise-sombre)}.ligne-devis-chiffres{grid-template-columns:1fr 120px 160px;gap:10px;margin-top:4px;display:grid}.ligne-devis-chiffres .champ{margin-bottom:0}@media (width<=720px){.ligne-devis-chiffres{grid-template-columns:1fr 1fr}}.editeur{grid-template-columns:minmax(0,1fr) 330px;align-items:start;gap:18px;display:grid}.recapitulatif{background:var(--marine);color:#cfe1e6;border-radius:var(--rayon);padding:18px;position:sticky;top:84px}.recapitulatif h2{color:#fff;margin-bottom:14px;font-size:14px}.recapitulatif .ligne{justify-content:space-between;gap:10px;padding:6px 0;font-size:13px;display:flex}.recapitulatif .ligne strong{color:#fff;font-variant-numeric:tabular-nums}.recapitulatif .total{border-top:1px solid #1d5568;margin-top:10px;padding-top:12px}.recapitulatif .total strong{color:var(--or);font-size:19px}.recapitulatif .actions{flex-direction:column;align-items:stretch;margin-top:16px}.recapitulatif .actions button{width:100%}.module-choix{border:1px solid var(--trait);border-radius:var(--rayon);background:#fff;margin-bottom:8px;padding:12px}.module-choix.retenu{border-color:var(--turquoise);background:#f4fbfb}.module-choix header{align-items:flex-start;gap:10px;display:flex}.module-choix input[type=checkbox]{width:auto;margin-top:3px}.module-choix .prix{font-variant-numeric:tabular-nums;color:var(--marine);white-space:nowrap;margin-left:auto;font-weight:600}.module-choix p{color:var(--ardoise);margin:4px 0 0 26px;font-size:12.5px}.journal{margin:0;padding:0;list-style:none}.journal li{border-left:2px solid var(--trait);padding:10px 0 10px 16px;position:relative}.journal li:before{content:"";background:var(--turquoise);border-radius:50%;width:8px;height:8px;position:absolute;top:15px;left:-5px}.journal .quand{color:var(--ardoise);font-size:11.5px}@media (width<=980px){.cadre{flex-direction:column}.rail{flex-direction:row;align-items:center;gap:14px;width:100%;height:auto;padding:14px;position:static;overflow-x:auto}.rail nav{flex-direction:row;margin-top:0}.rail .bas{margin-top:0}.rail .bas button{width:auto;margin-top:0}.editeur,.grille.deux,.grille.trois,.grille.quatre{grid-template-columns:1fr}.recapitulatif{position:static}.connexion{grid-template-columns:1fr}.connexion .visuel{padding:34px 24px}.contenu{padding:16px}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.espace{background:linear-gradient(180deg, #eef4f6 0%, var(--fond) 320px);min-height:100vh}.espace-entete{background:var(--marine);align-items:center;gap:16px;padding:16px 28px;display:flex}.espace-marque img{background:#fff;border-radius:6px;height:44px;padding:5px 10px;display:block}.espace-marque .mot-marque{color:#fff;letter-spacing:4px;font-size:21px;font-weight:700}.espace-corps{max-width:880px;margin:0 auto;padding:24px 20px 72px}.accueil{background:var(--surface);border:1px solid var(--trait);border-radius:12px;grid-template-columns:1fr 300px;gap:26px;margin-bottom:20px;padding:26px;display:grid;box-shadow:0 10px 30px #04384a12}.accueil h1{margin-bottom:8px;font-size:26px}.accueil p{color:var(--ardoise);max-width:54ch;line-height:1.65}.accueil-suivi{border-left:1px solid var(--trait);flex-direction:column;gap:14px;padding-left:22px;display:flex}.jalon{color:var(--ardoise);align-items:flex-start;gap:12px;font-size:13px;display:flex}.jalon .marque{border:1px solid var(--trait);width:24px;height:24px;color:var(--ardoise);background:#fff;border-radius:50%;flex:none;place-items:center;font-size:12px;font-weight:600;display:grid}.jalon.fait .marque{background:var(--turquoise);border-color:var(--turquoise);color:#04262f}.jalon strong{color:var(--marine);font-size:13.5px;display:block}.bouton-fantome{border:1px solid var(--trait);color:var(--marine);background:0 0;padding:8px 14px}.bouton-fantome:hover{border-color:var(--turquoise)}.segments{flex-wrap:wrap;gap:6px;margin-bottom:18px;display:flex}.segments button{border:1px solid var(--trait);color:var(--ardoise);background:#fff;border-radius:100px;padding:9px 16px;font-size:13.5px}.segments button.actif{background:var(--marine);border-color:var(--marine);color:#fff;font-weight:600}.grille-prix{grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:16px;display:grid}.prix-carte{background:var(--surface);border:1px solid var(--trait);border-radius:10px;padding:18px}.prix-carte span{color:var(--ardoise);font-size:12.5px;display:block}.prix-carte strong{color:var(--marine);font-variant-numeric:tabular-nums;margin:6px 0 4px;font-size:22px;display:block}.prix-carte small{color:var(--ardoise);font-size:12px}.prix-carte.principal{background:var(--marine);border-color:var(--marine)}.prix-carte.principal span,.prix-carte.principal small{color:#a9c9d2}.prix-carte.principal strong{color:var(--or)}.bandeau-offre{color:#7a5a12;background:#fbf6e8;border:1px solid #ebd6a0;border-radius:10px;margin-bottom:16px;padding:12px 16px;font-size:13.5px}.bloc-action{border-bottom:1px solid var(--trait);align-items:center;gap:14px;padding:14px 0;display:flex}.bloc-action:last-of-type{border-bottom:none}.jauge{background:#e8eff1;border-radius:100px;max-width:260px;height:5px;margin-top:6px;overflow:hidden}.jauge div{background:var(--turquoise);height:100%}.zone-signature{border:1px dashed var(--turquoise);touch-action:none;background:#fff;border-radius:8px;width:100%;height:180px}.acceptation{color:var(--texte);align-items:flex-start;gap:10px;margin:14px 0;display:flex}.acceptation input{width:auto;margin-top:3px}.signe-confirme{border-left:3px solid var(--succes)}.voile{z-index:60;background:#04262f8c;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.guide{background:#fff;border-radius:14px;width:100%;max-width:480px;max-height:90vh;padding:28px;overflow:auto;box-shadow:0 24px 60px #04384a40}.guide-etapes{flex-direction:column;gap:16px;margin:18px 0 22px;padding:0;list-style:none;display:flex}.guide-etapes li{align-items:flex-start;gap:14px;display:flex}.guide-etapes .puce{background:var(--turquoise);color:#04262f;border-radius:50%;flex:none;place-items:center;width:26px;height:26px;font-size:13px;font-weight:700;display:grid}@media (width<=820px){.accueil{grid-template-columns:1fr}.accueil-suivi{border-left:none;border-top:1px solid var(--trait);padding-top:18px;padding-left:0}.grille-prix{grid-template-columns:1fr}.espace-corps{padding:16px 14px 60px}}