:root{--ink:#143f49;--ink2:#1f5964;--green:#8dad2e;--lime:#b8d94e;--lime2:#dbeaa8;--paper:#fbfcf8;--muted:#64757a;--line:#dde7e1;--shadow:0 20px 70px #153e4817;--r:24px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 10% 0,#f1f8d8 0,transparent 32%),radial-gradient(circle at 90% 12%,#dfeeed 0,transparent 28%),var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;min-height:100vh}button,input{font:inherit}a{color:inherit}.shell{width:min(1180px,calc(100% - 28px));margin:auto}.topbar{display:flex;align-items:center;justify-content:space-between;padding:18px 0}.brand{display:flex;align-items:center;gap:13px;text-decoration:none}.brand img{width:170px;height:auto}.brand small{display:block;color:var(--muted);font-weight:650}.top-actions{display:flex;align-items:center;gap:9px}.ghost,.wa-top{border:1px solid var(--line);background:#fff;border-radius:999px;padding:10px 14px;text-decoration:none;font-weight:780}.wa-top{background:#1f7a54;color:#fff;border-color:#1f7a54}.hero{display:grid;grid-template-columns:.92fr 1.08fr;gap:28px;align-items:start;padding:24px 0 46px}.intro{padding:46px 16px 20px 0;position:sticky;top:10px}.eyebrow{font-size:12px;font-weight:900;letter-spacing:.15em;color:#6e942b;margin:0 0 14px}.intro h1{font-size:clamp(42px,6.2vw,74px);line-height:.96;letter-spacing:-.05em;margin:0;max-width:700px}.intro h1 em{font-style:normal;color:#7ba127}.lead{font-size:18px;line-height:1.6;color:var(--muted);max-width:620px;margin:22px 0}.trust{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:26px}.trust div{border:1px solid var(--line);background:#ffffffbd;padding:14px;border-radius:17px;min-height:90px}.trust strong{display:block;font-size:14px}.trust span{display:block;color:var(--muted);font-size:12px;margin-top:5px;line-height:1.35}.chat-card{background:#fff;border:1px solid var(--line);border-radius:32px;box-shadow:var(--shadow);overflow:hidden;min-height:710px;display:flex;flex-direction:column}.chat-head{padding:18px 20px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;background:linear-gradient(110deg,#fbfff2,#f2f9f7)}.assistant-id{display:flex;align-items:center;gap:12px}.avatar{width:48px;height:48px;border-radius:50%;background:#edf5dc;box-shadow:inset 0 0 0 1px #dce8c4}.assistant-id strong{display:block}.assistant-id span{font-size:12px;color:var(--muted)}.online{display:inline-flex!important;align-items:center;gap:6px}.online:before{content:"";width:8px;height:8px;border-radius:50%;background:#6fa62d;box-shadow:0 0 0 4px #6fa62d20}.chat-tools{display:flex;gap:7px}.icon-btn{width:38px;height:38px;border:1px solid var(--line);background:#fff;border-radius:12px;cursor:pointer;color:var(--ink);font-weight:900}.messages{flex:1;padding:22px;overflow:auto;max-height:570px;min-height:440px;background:linear-gradient(#fff,#fbfcfa)}.row{display:flex;margin:0 0 15px;gap:9px;align-items:flex-end}.row.user{justify-content:flex-end}.bubble{max-width:86%;padding:13px 15px;border-radius:18px;line-height:1.48;font-size:15px;white-space:pre-wrap;overflow-wrap:anywhere}.assistant .bubble{background:#f0f5ed;border:1px solid #e1eadf;border-bottom-left-radius:5px}.user .bubble{background:var(--ink);color:#fff;border-bottom-right-radius:5px}.time{font-size:10px;color:#8a999b;margin-top:5px}.typing{display:flex;gap:5px;align-items:center;height:20px}.typing i{width:7px;height:7px;border-radius:50%;background:#789095;animation:bounce 1s infinite}.typing i:nth-child(2){animation-delay:.15s}.typing i:nth-child(3){animation-delay:.3s}@keyframes bounce{0%,70%,100%{transform:translateY(0);opacity:.45}35%{transform:translateY(-5px);opacity:1}}.quick{display:flex;gap:8px;overflow:auto;padding:0 20px 14px;scrollbar-width:none}.quick::-webkit-scrollbar{display:none}.quick button,.suggestion{white-space:nowrap;border:1px solid #d8e5d1;background:#f9fcf2;color:#31545a;border-radius:999px;padding:9px 12px;font-weight:750;font-size:12px;cursor:pointer}.composer{padding:15px 16px 16px;border-top:1px solid var(--line);background:#fff}.compose-row{display:flex;gap:9px;align-items:flex-end}.composer textarea{resize:none;flex:1;min-height:48px;max-height:140px;border:1px solid var(--line);border-radius:17px;padding:13px 14px;font:inherit;outline:0;color:var(--ink);background:#fbfcfb}.composer textarea:focus{border-color:#9bb758;box-shadow:0 0 0 4px #b5d45a20}.send{width:49px;height:49px;border:0;border-radius:16px;background:var(--ink);color:#fff;font-size:20px;font-weight:900;cursor:pointer}.send:disabled{opacity:.45;cursor:wait}.privacy{font-size:10.5px;color:#809095;margin:8px 3px 0}.rich{margin:4px 0 16px 0;max-width:91%}.product{display:grid;grid-template-columns:110px 1fr;gap:13px;background:#fff;border:1px solid var(--line);border-radius:19px;padding:12px;box-shadow:0 10px 30px #163f4a0b}.product img{width:110px;height:110px;object-fit:contain;background:#f6f8f5;border-radius:13px}.product .ph{width:110px;height:110px;display:grid;place-items:center;background:#f0f4ee;border-radius:13px;color:#8b9a91;font-size:11px;text-align:center}.product h3{margin:0 0 5px;font-size:15px}.product p{margin:0 0 8px;color:var(--muted);font-size:12px}.price{font-size:18px;font-weight:900;color:#6b9423}.verified{font-size:10px;color:#6c892a;font-weight:800}.actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}.btn{border:0;border-radius:11px;padding:9px 11px;font-weight:800;font-size:12px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.btn.primary{background:var(--ink);color:#fff}.btn.secondary{background:#eef4e6;color:var(--ink)}.doc{border:1px solid #dce7cf;background:#fbfff2;border-radius:17px;padding:13px 14px;display:flex;gap:12px;align-items:center}.doc-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:#e4f0c9;font-weight:900}.doc strong{display:block;font-size:13px}.doc a{font-size:12px;color:#658523;font-weight:850;text-decoration:none}.suggestions{display:flex;gap:7px;flex-wrap:wrap;margin-top:9px}.human-card{background:#f1f8f0;border:1px solid #d7e8d3;padding:13px 14px;border-radius:17px;max-width:90%;margin:0 0 16px}.human-card strong{display:block;margin-bottom:5px}.human-card p{font-size:12px;color:var(--muted);margin:0 0 9px}.wa{background:#1c7b53;color:#fff}.order-card{border:1px solid #dbe5e1;background:#fff;border-radius:19px;padding:15px;max-width:95%;margin-bottom:16px}.order-card h3{margin:0 0 5px}.order-card p{font-size:12px;color:var(--muted)}.order-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.order-grid input{border:1px solid var(--line);border-radius:12px;padding:10px;min-width:0}.order-result{margin-top:10px;padding:10px;border-radius:11px;background:#f4f8ef;font-size:12px}.identity{position:fixed;inset:0;background:#102f3578;z-index:50;display:grid;place-items:center;padding:18px;backdrop-filter:blur(8px)}.identity.hidden{display:none}.identity-card{width:min(460px,100%);background:#fff;border-radius:28px;padding:27px;box-shadow:0 40px 100px #001b2550}.identity-card img{width:150px}.identity-card h2{font-size:28px;margin:20px 0 7px}.identity-card p{color:var(--muted);line-height:1.45}.identity-card label{display:grid;gap:6px;margin:13px 0;font-size:12px;font-weight:800}.identity-card input{border:1px solid var(--line);border-radius:13px;padding:12px}.id-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:16px}.id-actions button{padding:12px;border-radius:13px;border:0;font-weight:850;cursor:pointer}.id-start{background:var(--ink);color:#fff}.id-skip{background:#eef3ed;color:var(--ink)}.float-wa{position:fixed;right:18px;bottom:18px;z-index:20;width:55px;height:55px;border-radius:50%;display:grid;place-items:center;background:#1c7b53;color:#fff;text-decoration:none;font-size:24px;box-shadow:0 12px 35px #12633d52}.footer{border-top:1px solid var(--line);padding:22px 0 34px;color:var(--muted);font-size:12px}.footer-row{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.footer a{text-decoration:none;font-weight:750}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,20px);background:#143f49;color:#fff;border-radius:12px;padding:10px 14px;opacity:0;pointer-events:none;transition:.2s;z-index:80;font-size:13px}.toast.show{opacity:1;transform:translate(-50%,0)}@media(max-width:900px){.hero{grid-template-columns:1fr}.intro{position:static;padding:25px 0 0}.intro h1{max-width:760px}.chat-card{min-height:680px}.trust{grid-template-columns:repeat(3,1fr)}}@media(max-width:620px){.shell{width:min(100% - 18px,1180px)}.brand img{width:135px}.brand small,.ghost{display:none}.topbar{padding:10px 0}.intro{padding-top:15px}.intro h1{font-size:43px}.lead{font-size:15px}.trust{grid-template-columns:1fr}.chat-card{border-radius:23px;min-height:calc(100vh - 120px)}.messages{padding:16px;max-height:none;min-height:430px}.bubble{max-width:92%;font-size:14px}.quick{padding-left:14px}.product{grid-template-columns:84px 1fr}.product img,.product .ph{width:84px;height:84px}.order-grid{grid-template-columns:1fr}.identity-card{padding:22px}.id-actions{grid-template-columns:1fr}.float-wa{right:12px;bottom:12px}.footer{padding-bottom:80px}}.order-summary-row{margin:2px 0}.order-items-title{display:block;margin-top:12px;padding-top:10px;border-top:1px solid var(--line)}.order-items{display:grid;gap:7px;margin-top:7px}.order-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:start;background:#fff;border:1px solid var(--line);border-radius:10px;padding:9px}.order-item>div:first-child{min-width:0}.order-item>div:first-child strong{display:block;overflow-wrap:anywhere}.order-item>div:first-child span{display:block;margin-top:3px;color:var(--muted);font-size:11px}.order-item-price{display:grid;gap:3px;text-align:right;white-space:nowrap}.order-item-price span{color:var(--muted);font-size:11px}.order-items-note{margin-top:10px;color:var(--muted);font-size:11px}@media(max-width:620px){.order-item{grid-template-columns:1fr}.order-item-price{text-align:left;white-space:normal}}

/* v3.2.0 - recommandations multi-produits */
.product-stack{display:grid;gap:10px;margin:6px 0 18px;max-width:96%}.product-stack .rich{margin:0;max-width:none}.product-stack-head{font-size:12px;font-weight:900;color:#55712a;letter-spacing:.02em;padding:2px 3px}.product-topline{display:flex;gap:8px;align-items:flex-start;justify-content:space-between}.product-topline h3{flex:1}.promo-badge{flex:0 0 auto;background:#89bd28;color:#fff;border-radius:999px;padding:4px 7px;font-size:10px;font-weight:900;line-height:1}.availability{font-size:11px;font-weight:800;color:#49656b;margin:3px 0 5px}.price-row{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.old-price{font-size:12px;color:#879396;text-decoration:line-through}.product-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:10px}.qty{display:inline-grid;grid-template-columns:30px 32px 30px;align-items:center;border:1px solid var(--line);border-radius:11px;overflow:hidden;background:#fff;height:34px}.qty button{height:32px;border:0;background:#f2f6ef;color:var(--ink);font-weight:900;cursor:pointer}.qty button:disabled{opacity:.35;cursor:not-allowed}.qty span{text-align:center;font-size:12px;font-weight:900}.product-link{display:inline-block;margin-top:8px;font-size:11px;color:#668524;font-weight:850;text-decoration:none}.see-category{justify-self:start;display:inline-flex;text-decoration:none;font-size:12px;font-weight:850;color:#5c7e21;background:#f4f9e8;border:1px solid #dce9be;border-radius:999px;padding:8px 11px}.catalog-note{font-size:10px;color:var(--muted)}
@media(max-width:620px){.product-stack{max-width:100%}.product-controls{align-items:stretch}.product-controls .btn{flex:1}.product-topline{gap:5px}.promo-badge{margin-top:1px}}

/* v3.4.0 - raccourcis de service client */
.quick[hidden]{display:none}.quick{padding-top:2px;background:#fff}.quick button:first-child{background:#edf6df;border-color:#cfe1a8;color:#31545a}.quick button:hover{border-color:#9fbe5e;background:#f2f8e7}.quick button:focus-visible{outline:3px solid #9fbe5e55;outline-offset:2px}

/* v3.5.0 - cartes produit conservees dans l'historique du chat */

@media(max-width:360px){.quick{flex-wrap:wrap;overflow-x:visible;padding-right:14px}.quick button,.suggestion{white-space:normal;text-align:left;line-height:1.2}}

/* v4.8.0 - safe structured messages; preserve the existing design and history */
.chat-card,.messages,.row,.product-body{min-width:0}
.message-paragraph{margin:0 0 .7em;white-space:normal;overflow-wrap:anywhere}.message-paragraph:last-of-type{margin-bottom:0}
.message-paragraph a,.message-table a{text-decoration:underline;text-underline-offset:2px;font-weight:650}
.bubble.has-table{width:100%;max-width:100%;min-width:0;white-space:normal}
.message-table-scroll{max-width:100%;overflow-x:auto;margin:12px 0;border:1px solid var(--line);border-radius:10px;background:#fff;overscroll-behavior-inline:contain}
.message-table-scroll:focus-visible{outline:3px solid var(--green);outline-offset:2px}
.message-table{border-collapse:collapse;width:100%;min-width:500px;font-size:12px;line-height:1.45}
.message-table th,.message-table td{text-align:left;vertical-align:top;padding:10px 9px;border-bottom:1px solid var(--line);min-width:75px;overflow-wrap:normal}
.message-table th{background:#e8f0df;font-weight:800}.message-table tr:last-child td{border-bottom:0}
@media(max-width:620px){.message-table{font-size:11.5px}.bubble.has-table{padding:11px 10px}.composer textarea{min-width:0}}
body.chat-composer-active .float-wa{visibility:hidden;pointer-events:none}
