:root{--navy:#0f172a;--or:#a16207;--or-clair:#d4a843;--creme:#faf3e3;--fond:#fafaf9;--carte:#fff;--encre:#0c0a09;--doux:#57534e;--bord:#d6d3d1;--vert:#15803d;--rouge:#b91c1c;--logo:"Hanken Grotesk", system-ui, sans-serif;--logo-clair:#f6f4ef;--logo-or:#c8a462}*{box-sizing:border-box}body{background:var(--fond);color:var(--encre);-webkit-font-smoothing:antialiased;margin:0;font-family:Jost,system-ui,sans-serif;font-size:16.5px;line-height:1.6}h1,h2{margin:0;font-family:Playfair Display,Georgia,serif;line-height:1.15}.wrap{max-width:880px;margin:0 auto;padding:0 20px}.cache{display:none!important}#vue-connexion{background:var(--navy);justify-content:center;align-items:center;min-height:100dvh;padding:24px;display:flex}.boite{background:var(--carte);border-radius:14px;width:100%;max-width:400px;padding:36px 32px;box-shadow:0 24px 60px -24px #0000008c}.boite .marque{font-family:var(--logo);letter-spacing:-.03em;color:var(--navy);white-space:nowrap;margin:0;font-size:27px;font-weight:800}.boite .marque span{color:var(--logo-or)}.boite .st{color:var(--doux);margin:4px 0 26px;font-size:15px}label{margin:16px 0 6px;font-size:14px;font-weight:600;display:block}input[type=email],input[type=password]{border:1.5px solid var(--bord);width:100%;font:inherit;background:#fff;border-radius:9px;padding:13px 14px;font-size:16px;transition:border-color .15s}input:focus{border-color:var(--or);outline:none}.btn{cursor:pointer;font:inherit;text-align:center;border:0;border-radius:9px;min-height:44px;padding:13px 22px;font-size:15.5px;font-weight:600;text-decoration:none;transition:background .18s,border-color .18s,color .18s;display:inline-block}.btn:disabled{opacity:.5;cursor:default}.btn-or{background:var(--or);color:#fff}.btn-or:hover:not(:disabled){background:var(--navy)}.btn-bloc{width:100%;margin-top:22px}.btn-navy{background:var(--navy);color:#fff}.btn-navy:hover{background:var(--or)}.btn-ligne{color:var(--navy);border:1.5px solid var(--bord);background:0 0}.btn-ligne:hover{border-color:var(--or);color:var(--or)}.lien-discret{width:100%;color:var(--doux);font:inherit;cursor:pointer;background:0 0;border:0;margin-top:14px;font-size:14px;text-decoration:underline;display:block}.lien-discret:hover{color:var(--or)}.msg{border-radius:8px;margin:16px 0 0;padding:12px 14px;font-size:14.5px}.msg-err{color:var(--rouge);background:#fef2f2;border:1px solid #fecaca}.msg-ok{color:var(--vert);background:#f0fdf4;border:1px solid #bbf7d0}header{background:var(--navy);color:#fff;padding:22px 0 28px}.head-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.brand{font-family:var(--logo);letter-spacing:-.03em;color:var(--logo-clair);white-space:nowrap;font-size:23px;font-weight:800}.brand span{color:var(--logo-or)}.btn-tete{color:#fff;font:inherit;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:8px;min-height:44px;padding:11px 16px;font-size:14px;transition:background .15s}.btn-tete:hover{background:#fff3}header h1{margin-top:16px;font-size:clamp(24px,5vw,34px)}header .sous{color:#ffffffa6;margin:6px 0 0}#choix-site-zone{flex-wrap:wrap;align-items:center;gap:10px;margin-top:16px;display:flex}.choix-site-lbl{color:#ffffffb3;margin:0;font-weight:500}#choix-site{color:#fff;font:inherit;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff40;border-radius:8px;min-height:44px;padding:10px 14px;font-size:15px}#choix-site option{color:var(--encre)}.onglets{flex-wrap:wrap;gap:4px;margin-top:22px;display:flex}.onglet{color:#fff9;font:inherit;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;min-height:44px;padding:9px 14px;font-size:15px;font-weight:500;transition:color .15s,border-color .15s}.onglet:hover{color:#fff}.onglet[aria-selected=true]{color:#fff;border-bottom-color:var(--or-clair);font-weight:600}main.wrap{gap:22px;padding:36px 20px 72px;display:grid}main.wrap>section{min-width:0}.opt-nom,.opt-detail,.fait .lbl,.fait .val,.conds li,.carte p.lead,.carte h2,td{overflow-wrap:anywhere}.carte{background:var(--carte);border:1px solid var(--bord);border-radius:12px;padding:26px;box-shadow:0 10px 30px -20px #0f172a33}.kicker{letter-spacing:.13em;text-transform:uppercase;color:var(--or);margin:0 0 6px;font-size:12.5px;font-weight:700}.carte h2{font-size:22px}.carte p.lead{color:var(--doux);margin:10px 0 0}.actions{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}@media (width<=560px){.actions .btn{flex:100%}}table{border-collapse:collapse;width:100%;margin-top:16px}th{text-align:left;letter-spacing:.1em;text-transform:uppercase;color:var(--doux);border-bottom:1px solid var(--bord);padding:0 0 10px;font-size:12.5px;font-weight:600}th:last-child,td:last-child{text-align:right;white-space:nowrap}td{border-bottom:1px solid var(--bord);vertical-align:top;padding:13px 0}td .detail{color:var(--doux);margin-top:2px;font-size:14px;display:block}td.montant{font-variant-numeric:tabular-nums;font-weight:600}.differe{color:#7c4a06;white-space:normal;text-wrap:balance;margin-top:3px;font-size:13px;font-weight:600;display:block}.cycle{background:var(--creme);color:#7c4a06;border-radius:999px;margin-left:8px;padding:2px 8px;font-size:11.5px;font-weight:600;display:inline-block}.opts{gap:10px;margin:16px 0 0;padding:0;list-style:none;display:grid}.opt{position:relative}.opt input{opacity:0;pointer-events:none;position:absolute}.opt label{cursor:pointer;border:1.5px solid var(--bord);background:#fff;border-radius:10px;align-items:flex-start;gap:14px;min-height:44px;padding:15px 16px;transition:border-color .18s,background .18s;display:flex}.opt label:hover{border-color:var(--or-clair)}.opt input:checked+label{border-color:var(--or);background:#fffdf7}.opt input:focus-visible+label{outline:2px solid var(--or);outline-offset:2px}.opt input:disabled+label{cursor:default;opacity:.8}.case{border:1.5px solid var(--bord);border-radius:6px;flex:none;place-items:center;width:22px;height:22px;margin-top:1px;transition:background .18s,border-color .18s;display:grid}.case svg{stroke:#fff;stroke-width:3px;fill:none;opacity:0;width:13px;height:13px}.opt input:checked+label .case{background:var(--or);border-color:var(--or)}.opt input:checked+label .case svg{opacity:1}.opt-corps{flex:1;min-width:0}.opt-nom{font-size:15.5px;font-weight:600;display:block}.opt-detail{color:var(--doux);margin-top:2px;font-size:14px;display:block}.opt-prix{font-variant-numeric:tabular-nums;white-space:nowrap;flex:none;font-weight:600}.opt-prix.inclus{color:var(--vert)}@media (width<=560px){.opt label{grid-template-columns:22px 1fr;row-gap:6px;display:grid}.opt-corps,.opt-prix{grid-column:2}}.recap{border:1px solid var(--bord);background:linear-gradient(#fffdf8,#fff);border-radius:12px;gap:14px;margin-top:22px;padding:20px 22px;display:grid}.recap-l{justify-content:space-between;align-items:baseline;gap:16px;display:flex}.recap-l .lbl{color:var(--doux);font-size:14px}.recap-l .lbl b{color:var(--encre);font-size:15.5px;display:block}.recap-l .val{color:var(--navy);font-variant-numeric:tabular-nums;white-space:nowrap;font-family:Playfair Display,serif;font-size:26px;font-weight:600}.recap-l .val small{color:var(--doux);font-family:Jost,sans-serif;font-size:14px}.sep{background:var(--bord);height:1px}@media (width<=560px){.recap-l{gap:2px;display:grid}.recap-l .val{justify-self:start}}.conds{margin:18px 0 0;padding:0;list-style:none}.conds li{color:var(--doux);margin-top:7px;padding-left:22px;font-size:14.5px;position:relative}.conds li:before{content:"✓";color:var(--vert);font-weight:700;position:absolute;left:0}.faits{gap:0;margin:16px 0 0;display:grid}.fait{border-bottom:1px solid var(--bord);justify-content:space-between;gap:16px;padding:11px 0;font-size:15px;display:flex}.fait:last-child{border-bottom:0}.fait .lbl{color:var(--doux)}.fait .val{font-variant-numeric:tabular-nums;text-align:right;font-weight:600}.etat-abo{border-radius:999px;align-items:center;gap:7px;margin-top:4px;padding:5px 13px;font-size:13.5px;font-weight:600;display:inline-flex}.etat-abo:before{content:"";background:currentColor;border-radius:999px;width:7px;height:7px}.a-actif{color:var(--vert);background:#f0fdf4}.a-impaye{color:var(--rouge);background:#fef2f2}.a-neutre{color:var(--doux);background:#f5f5f4}.factures{margin:16px 0 0;padding:0;list-style:none}.factures li{border-bottom:1px solid var(--bord);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:12px 0;display:flex}.factures li:last-child{border-bottom:0}.f-info{font-size:15px}.f-info small{color:var(--doux);font-size:13.5px;display:block}.f-lien{color:var(--navy);border:1.5px solid var(--bord);border-radius:8px;align-items:center;min-height:44px;padding:9px 14px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.f-lien:hover{border-color:var(--or);color:var(--or)}.champ-aide{color:var(--doux);margin:6px 0 0;font-size:13.5px}.vide{text-align:center;color:var(--doux);border:1.5px dashed var(--bord);border-radius:10px;margin-top:16px;padding:24px}.frise{gap:0;margin-top:18px;display:grid}.etape-frise{align-items:flex-start;gap:14px;display:flex}.etape-frise .rond{border:2px solid var(--bord);width:26px;height:26px;color:var(--doux);background:#fff;border-radius:999px;flex:none;place-items:center;font-size:13px;display:grid;position:relative}.etape-frise .fil{flex:none;justify-content:center;width:26px;display:flex}.etape-frise .fil:before{content:"";background:var(--bord);width:2px;height:26px}.etape-frise.faite .rond{background:var(--vert);border-color:var(--vert);color:#fff}.etape-frise.courante .rond{border-color:var(--or);color:var(--or);font-weight:700}.etape-frise .quoi{padding-bottom:14px}.etape-frise .quoi b{font-size:15.5px;display:block}.etape-frise .quoi small{color:var(--doux);font-size:13.5px}.etape-frise.faite .quoi b,.etape-frise.courante .quoi b{color:var(--encre)}.retour{border:1px solid var(--bord);border-radius:10px;margin-top:10px;padding:13px 15px}.retour .texte{overflow-wrap:anywhere;font-size:15px}.retour .meta{color:var(--doux);margin-top:5px;font-size:13px;display:block}.retour .etat{border-radius:999px;margin-left:8px;padding:2px 10px;font-size:12px;font-weight:600;display:inline-block}.retour .etat.nouveau{background:var(--creme);color:#7c4a06}.retour .etat.traite{color:var(--vert);background:#f0fdf4}textarea{border:1.5px solid var(--bord);width:100%;font:inherit;resize:vertical;border-radius:9px;padding:13px 14px;font-size:16px}textarea:focus{border-color:var(--or);outline:none}footer{border-top:1px solid var(--bord);color:var(--doux);padding:24px 0 40px;font-size:14px}footer a{color:var(--or)}:focus-visible{outline:2px solid var(--or);outline-offset:2px}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important}}@media print{header,.onglets,.actions,footer,#choix-site-zone,.btn{display:none!important}body{background:#fff;font-size:11pt}main.wrap{max-width:none;padding:0;display:block}#p-devis:before{content:"WissDev.";font-family:var(--logo);letter-spacing:-.03em;color:#000;margin-bottom:6mm;font-size:20pt;font-weight:800;display:block}.carte{box-shadow:none;border:0;padding:0}.opt label{border-color:#999}.recap{background:0 0;border:1px solid #000}tr,.opt,.recap{break-inside:avoid}a[href]:after{content:""}}
