/* KAVEVA — 01/11/2026 (Mourad) : ÉVA EST LA PAGE D'ACCUEIL. Une conversation façon WhatsApp : ÉVA à gauche, le visiteur à droite. */
@font-face{font-family:"DM Sans";src:url(/fonts/dm-sans-latin-400-normal.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"DM Sans";src:url(/fonts/dm-sans-latin-500-normal.woff2) format("woff2");font-weight:500 600;font-display:swap}
@font-face{font-family:"DM Sans";src:url(/fonts/dm-sans-latin-700-normal.woff2) format("woff2");font-weight:700 900;font-display:swap}
*{box-sizing:border-box}
html,body{margin:0;height:100%;background:#071113;color:#eafcfd;font-family:"DM Sans",system-ui,sans-serif;-webkit-text-size-adjust:100%}
.bj{display:flex;flex-direction:column;height:100dvh;max-width:560px;margin:0 auto;background:#071113 radial-gradient(rgba(0,238,242,.05) 1px,transparent 1.2px) 0 0/22px 22px;position:relative}
.bj-top{display:flex;align-items:center;gap:10px;padding:10px 14px;padding-top:calc(10px + env(safe-area-inset-top));background:#0a1a1d;border-bottom:1px solid #12302f;flex:none}
.bj-top img{width:42px;height:42px;border-radius:50%;border:2px solid #00eef2;object-fit:cover}
.bj-top b{display:block;font-size:17px;color:#fff}.bj-top small{color:#5ce8f0;font-size:13px}
.bj-co{margin-left:auto;color:#9fd8dc;font-size:13px;text-decoration:none;text-align:right;line-height:1.3}.bj-co u{color:#00eef2;font-weight:700;text-decoration:none}
.bj-fil{flex:1;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.bj-fil-in{min-height:100%;display:flex;flex-direction:column;justify-content:flex-end;gap:5px;padding:12px 10px 10px}
.bj-jour{align-self:center;margin:4px 0 10px;padding:5px 11px;border-radius:8px;background:#0d2124;color:#8fb9bc;font-size:12px;text-align:center}
.b{position:relative;max-width:calc(84% - 38px);padding:8px 11px 7px;border-radius:12px;font-size:15.5px;line-height:1.42;text-wrap:pretty;overflow-wrap:anywhere;animation:bjIn .22s ease-out}
.b.e{align-self:flex-start;margin-left:38px;background:#10292c;border-top-left-radius:3px}
.b.m{align-self:flex-end;margin-right:38px;background:#00737a;color:#fff;border-top-right-radius:3px}
.b.e::before,.b.m::before{position:absolute;bottom:0;width:30px;height:30px;border-radius:50%;content:""}
.b.e::before{left:-38px;background:#030807 url(/eva/eva-avatar.webp) center/cover;border:1.5px solid #00eef2}
.b.m::before{right:-38px;content:var(--moi,"🙂");display:grid;place-items:center;background:#0e4a55;border:1.5px solid #00a5ad;font:800 13px "DM Sans",system-ui,sans-serif;color:#c9fbfd}
.b.e:has(+ .b.e)::before,.b.m:has(+ .b.m)::before{visibility:hidden}
.b a{color:#5ce8f0}.b.m a{color:#fff}
.t{display:block;font-weight:800;color:#5ce8f0;margin-bottom:5px}
.l{display:block;margin-top:3px}.l+.l{margin-top:5px}
.p{display:block;margin-top:9px}
.pt{display:block;margin-top:8px;font-size:12.5px;color:#8fb9bc}
.ecrit{display:flex;gap:4px;padding:13px 14px}.ecrit i{width:7px;height:7px;border-radius:50%;background:#5ce8f0;opacity:.4;animation:bjPt 1s infinite}.ecrit i:nth-child(2){animation-delay:.15s}.ecrit i:nth-child(3){animation-delay:.3s}
.ch{align-self:flex-end;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px;max-width:88%;margin:3px 38px 4px 0}
.ch button{min-height:40px;padding:0 15px;border-radius:99px;background:rgba(0,115,122,.18);border:1.5px solid #00a5ad;color:#c9fbfd;font:800 14.5px "DM Sans",system-ui,sans-serif;cursor:pointer;animation:bjIn .25s ease-out}
.ch button small{font-weight:600;opacity:.8}.ch button:active{background:#00737a;color:#fff}
.cta{display:flex;align-items:center;justify-content:center;width:100%;margin-top:9px;min-height:44px;border-radius:10px;border:0;background:#00eef2;color:#02242a;font:800 15px "DM Sans",system-ui,sans-serif;text-decoration:none;cursor:pointer}
/* champ côté visiteur (nom d'entreprise, prénom, e-mail, code) */
.ac{align-self:flex-end;width:min(86%,360px);margin-right:38px;display:flex;flex-direction:column;gap:6px}
.ac ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:5px}.ac ul:empty{display:none}
.ac li button{display:flex;flex-direction:column;align-items:flex-start;width:100%;text-align:left;padding:9px 13px;border-radius:12px;background:#0d2427;border:1px solid #1f4a4e;color:#eafcfd;font:600 15px "DM Sans",system-ui,sans-serif;cursor:pointer;animation:bjIn .18s ease-out}
.ac li b{font-weight:800}.ac li small{font-size:12.5px;color:#8fb9bc;margin-top:2px}
.ac form{display:flex;gap:6px;align-items:center;background:#00737a;border-radius:14px;padding:4px 4px 4px 12px}
.ac input{flex:1;min-width:0;background:none;border:0;outline:0;color:#fff;font:600 16px "DM Sans",system-ui,sans-serif;padding:8px 0}
.ac input::placeholder{color:rgba(255,255,255,.6)}
.ac input.code{letter-spacing:8px;font-size:22px;text-align:center}
.ac form button{width:40px;height:40px;flex:none;border-radius:50%;border:0;background:#00eef2;color:#02242a;display:grid;place-items:center;cursor:pointer}
.ac .err{margin:0;color:#ffb4a8;font-size:13px;text-align:right}
/* radar */
.rd-b{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;padding:12px 14px}
.rd{display:block;width:190px;height:190px}
.rd-f{fill:#062a2e;stroke:#00eef2;stroke-opacity:.45;stroke-width:1.2}.rd-c{fill:none;stroke:#00eef2;stroke-opacity:.18;stroke-width:1}
.rd-bal{animation:bjTour 2.4s linear infinite;transform-origin:0 0}.rd-bal path{fill:rgba(0,238,242,.22)}
.rd-pt{fill:#5ce8f0;opacity:.35}.rd.cherche .rd-pt{animation:bjBip 2.4s ease-in-out infinite}
.rd-v{fill:#00eef2;stroke:#fff;stroke-width:2}.rd-o{fill:none;stroke:#00eef2;stroke-width:2;transform-box:fill-box;transform-origin:center;animation:bjOnde 1.8s ease-out infinite}
/* aperçu d'une publication */
.ap{padding:5px!important;max-width:min(78%,320px)!important}
.ap .ap-img{position:relative;border-radius:9px;overflow:hidden;aspect-ratio:4/5;background:#0d2124}
.ap .ap-img img{width:100%;height:100%;object-fit:cover;display:block}
.ap .ap-img i{position:absolute;top:8px;left:8px;padding:4px 8px;border-radius:6px;background:rgba(0,0,0,.6);color:#fff;font:800 11px "DM Sans",system-ui,sans-serif;letter-spacing:1px;font-style:normal}
.ap .ap-img small{position:absolute;bottom:6px;right:8px;color:rgba(255,255,255,.85);font-size:10.5px;text-shadow:0 1px 3px #000}
.ap .ap-tx{padding:8px 7px 4px;font-size:14.5px}.ap .ap-ht{display:block;margin-top:6px;color:#5ce8f0;font-size:13px}
.prix{display:grid;gap:7px;margin-top:6px}.prix span{display:block;padding:8px 10px;border-radius:9px;background:#0a1d20;border:1px solid #1f4a4e}.prix b{color:#fff}.prix em{font-style:normal;float:right;color:#00eef2;font-weight:800}
/* barre du bas */
.bj-bas{display:flex;gap:8px;align-items:center;padding:8px 10px calc(10px + env(safe-area-inset-bottom));background:#061012;border-top:1px solid #0f2a2d;flex:none}
.bj-bas input{flex:1;min-width:0;height:46px;padding:0 16px;border-radius:99px;border:0;outline:0;background:#10292c;color:#fff;font:500 16px "DM Sans",system-ui,sans-serif}
.bj-bas input::placeholder{color:#7fa3a6}
.bj-bas button{width:46px;height:46px;flex:none;border-radius:50%;border:0;display:grid;place-items:center;cursor:pointer}
.bj-env{background:#00eef2;color:#02242a}.bj-mic{background:#10292c;color:#00eef2}.bj-mic.ecoute{background:#ff5d5d;color:#fff;animation:bjPouls 1.2s infinite}
@keyframes bjIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@keyframes bjPt{0%,100%{opacity:.25}50%{opacity:1}}
@keyframes bjTour{to{transform:rotate(-360deg)}}
@keyframes bjBip{0%,100%{opacity:.15}40%{opacity:1}}
@keyframes bjOnde{from{transform:scale(1);opacity:.9}to{transform:scale(3.2);opacity:0}}
@keyframes bjPouls{0%,100%{box-shadow:0 0 0 0 rgba(255,93,93,.5)}50%{box-shadow:0 0 0 8px rgba(255,93,93,0)}}
@media (prefers-reduced-motion:reduce){.b,.ch button,.rd-bal,.rd-o,.rd.cherche .rd-pt{animation:none}}
/* 02/11 (Mourad) : sous la question, toujours un toucher possible pour celui qui n'a pas envie d'écrire */
.ac-aide{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px;margin-top:2px}
.ac-aide button{min-height:38px;padding:0 13px;border-radius:99px;background:rgba(0,115,122,.18);border:1.5px solid #00a5ad;color:#c9fbfd;font:800 13.5px "DM Sans",system-ui,sans-serif;cursor:pointer;animation:bjIn .25s ease-out}
.ac-aide button:active{background:#00737a;color:#fff}
/* 02/11 : la présentation complète de KAVEVA (lisible par Google), ouverte depuis « Découvrir KAVEVA » */
.bj-jour a{color:#5ce8f0;font-weight:800;text-decoration:none}
.bj-seo{display:none}
.bj-seo:target{display:block;position:fixed;inset:0;z-index:50;overflow-y:auto;background:#061012;color:#d7eef0;padding:calc(18px + env(safe-area-inset-top)) 20px calc(30px + env(safe-area-inset-bottom));font:500 16px/1.55 "DM Sans",system-ui,sans-serif}
.bj-seo h1{font:800 26px/1.2 Manrope,"DM Sans",system-ui,sans-serif;color:#fff;margin:26px 0 10px;letter-spacing:-.02em}
.bj-seo h2{font:800 19px/1.25 Manrope,"DM Sans",system-ui,sans-serif;color:#00EEF2;margin:26px 0 8px}
.bj-seo h3{font:800 16px/1.3 "DM Sans",system-ui,sans-serif;color:#fff;margin:16px 0 4px}
.bj-seo p{margin:0 0 8px}.bj-seo ul{margin:0;padding-left:20px}.bj-seo li{margin:6px 0}
.bj-seo strong{color:#fff}.bj-seo a{color:#5ce8f0}
.bj-seo-p{font-size:13.5px;color:#8fb9bc}
.bj-seo-x{position:fixed;top:calc(10px + env(safe-area-inset-top));right:14px;width:40px;height:40px;border-radius:50%;background:#10292c;color:#fff!important;display:grid;place-items:center;font-size:24px;text-decoration:none}
.bj-seo-cta{display:block;margin:26px 0 0;padding:15px;border-radius:14px;background:#00EEF2;color:#02242a!important;font:800 16px "DM Sans",system-ui,sans-serif;text-align:center;text-decoration:none}
.bj-seo>*{max-width:640px;margin-left:auto;margin-right:auto}
/* 02/11 (maquette validée) : le nom + le code postal + « Voir ma place → » */
.ac-place form{flex-direction:column;align-items:stretch;gap:6px;padding:8px;border-radius:16px}
.ac-place input{background:#0a4f55;border-radius:10px;padding:11px 12px}
.ac-place .ac-go{display:block;width:100%;height:48px;border:0;border-radius:10px;background:#00EEF2;color:#02242a;font:800 16px "DM Sans",system-ui,sans-serif;cursor:pointer}
.ac-place .ac-go:active{transform:scale(.98)}
.ac-place .err{margin:0}
/* 02/11 (maquette validée) : le programme du mois et le conseil de formule */
.b.pg{max-width:min(92%,420px)}
.pg .pg-m{display:block;margin:8px 0 2px;font:800 13px "DM Sans",system-ui,sans-serif;color:#8fb9bc;text-transform:capitalize}
.pg .pg-g{display:grid;grid-template-columns:repeat(7,1fr);gap:3px;margin:2px 0 8px;text-align:center;font:700 12px "DM Sans",system-ui,sans-serif}
.pg .pg-g i{font-style:normal;color:#8fb9bc;font-size:11px}
.pg .pg-g span{display:flex;flex-direction:column;align-items:center;min-height:36px;padding:3px 0;border-radius:7px;color:#5d7f83}
.pg .pg-g span b{font-size:13px;line-height:1.3;min-height:16px}
.pg .pg-g span.ev{background:#0a4f55;color:#fff}
.pg .pg-g span.ajd{background:#00EEF2;color:#02242a}
.pg .pg-g span.pas{opacity:.35}
.pg .pg-leg{display:block;margin-top:8px;font-size:12.5px;color:#8fb9bc;line-height:1.5}
.fm{display:grid;gap:7px;margin:8px 0 6px}
.fm-c{position:relative;display:block;padding:9px 11px;border-radius:10px;border:1px solid #1f4a4e;opacity:.78}
.fm-c small{display:block;font-size:12.5px;color:#9fc4c2}
.fm-c.on{opacity:1;border:2px solid #00EEF2;background:#0a2f33;margin-top:6px}
.fm-c em{position:absolute;top:-10px;right:10px;background:#00EEF2;color:#02242a;font:800 11px "DM Sans",system-ui,sans-serif;font-style:normal;padding:2px 8px;border-radius:99px}
/* 02/11 : chaque jour se touche → le détail et les réseaux */
.pg .pg-g button{display:flex;flex-direction:column;align-items:center;min-height:38px;padding:3px 0;border:0;border-radius:7px;background:#0a4f55;color:#fff;font:700 12px "DM Sans",system-ui,sans-serif;cursor:pointer}
.pg .pg-g button b{font-size:10.5px;line-height:1.35;letter-spacing:-1px;min-height:15px}
.pg .pg-g button.ajd{background:#00EEF2;color:#02242a}
.pg .pg-g button.on{outline:2px solid #fff;outline-offset:1px}
.pg .pg-det{margin:4px 0 2px;padding:9px 10px;border-radius:10px;background:#0a1d20;border:1px solid #1f4a4e}
.pg .pg-dt{display:block;color:#00EEF2;font-weight:800;text-transform:capitalize;margin-bottom:4px}
.pg .pg-li{display:block;margin:4px 0;line-height:1.4}
.pg .pg-li small{display:block;padding-left:14px;color:#8fb9bc;font-size:12.5px}
.pg .pg-li small.pq{color:#c9fbfd;opacity:.85;font-style:italic}
/* 02/11 (Mourad) : le week-end se voit dans le calendrier — vous vous reposez, ÉVA publie */
.pg .pg-g button.we{background:#0b6e75;box-shadow:inset 0 0 0 1.5px #00EEF2}
.pg .pg-g button.we.ajd{background:#00EEF2}
.pg .pg-we{display:block;margin:2px 0 6px;color:#00EEF2;font-weight:800;font-size:14px}