:root{font-family:Arial,"Segoe UI",sans-serif;color:#194332;--forest:#005b37;--forest2:#087548;--orange:#f57912;--pale:#e9f7eb;--border:#dbeae0;--shade:#628170;--bg:#f3f8f5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at 10% 10%,#e2f1e6 0,transparent 42%),linear-gradient(125deg,#f4faf6,#fff9f1);min-height:100vh}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #ff9c38;outline-offset:3px}a{color:inherit;text-decoration:none}.shell{max-width:1200px;margin:auto;padding:20px}.topnav{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:10px 0 24px;flex-wrap:wrap}.logo{display:flex;gap:10px;align-items:center;color:var(--forest);font-weight:900}.logo-dot{border-radius:12px;padding:10px;background:#fff3e4;color:#f47700}.nav-actions{display:flex;gap:8px;flex-wrap:wrap}.nav-link{border:1px solid #d4e9d9;background:white;padding:11px 16px;border-radius:50px;font-weight:800;font-size:13px;color:#125c39;box-shadow:0 5px 15px #003e190a}.nav-link.active{background:var(--forest);color:white}.public-wrap{display:flex;justify-content:center;align-items:flex-start;min-height:75vh}.device{width:min(100%,440px);border-radius:35px;overflow:hidden;background:#fff;border:1px solid #e0e9e3;box-shadow:0 25px 55px #063c211c;position:relative}.art{width:100%;height:auto;display:block}.cover{position:relative}.cover-cta{position:absolute;left:9%;right:9%;top:60%;height:12%;border:0;background:transparent;border-radius:28px;color:transparent}.cover-cta:focus-visible{outline:4px solid #1447de}.device-caption{display:flex;align-items:center;justify-content:center;font-size:11px;color:#728879;padding:13px 12px;border-top:1px solid #eaf2ec}.survey{max-width:510px;width:100%;background:white;border:1px solid var(--border);border-radius:28px;box-shadow:0 24px 55px #073d1c18;overflow:hidden}.survey-banner{display:block;width:100%;height:auto}.survey-main{padding:12px 18px 18px}.section{border:1px solid #dbe9dd;border-radius:17px;overflow:hidden;margin:0 0 13px;box-shadow:0 5px 15px #002d1510}.section-title{display:flex;align-items:center;gap:10px;background:linear-gradient(90deg,#d9f2dc,#effbef);color:#085333;font-weight:900;padding:10px 13px;line-height:1.35;font-size:14px}.number{background:var(--forest2);color:white;width:29px;height:29px;display:grid;place-items:center;flex:none;border-radius:50%;font-size:14px}.section-content{padding:13px 14px 15px}.field-label{display:block;font-size:13px;font-weight:700;color:#416851;margin:0 0 7px}.field{width:100%;border:1px solid #c7dccc;background:#fff;border-radius:12px;padding:13px 12px;color:#193f2c;min-height:48px;font-size:16px;appearance:auto}.field:focus{border-color:var(--forest2)}.time-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.hint{font-size:11px;color:var(--shade);margin:7px 0 0}.error{font-size:12px;color:#b42318;margin:5px 0 0;font-weight:650}.rate-item{margin:0 0 16px}.rate-item:last-child{margin:0}.rate-label{display:block;font-size:13px;font-weight:800;color:#145b3a;margin-bottom:8px;line-height:1.4}.rate-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.rate-button{border:1px solid #dce9de;background:#fcfffd;border-radius:11px;min-height:73px;padding:6px 2px;color:#395a46;display:flex;flex-direction:column;gap:4px;align-items:center;justify-content:center;text-align:center;font-size:10px;font-weight:700;line-height:1.25}.rate-button .face{font-size:25px;line-height:1}.rate-button:nth-child(1) .face{color:#089045}.rate-button:nth-child(2) .face{color:#69a52a}.rate-button:nth-child(3) .face{color:#dca515}.rate-button:nth-child(4) .face{color:#c95936}.rate-button.selected{background:#e5f6e9;border-color:#078b48;box-shadow:0 0 0 2px #0b8b4930;color:#073d27}textarea.field{resize:vertical;min-height:110px}.cta{display:flex;justify-content:center;align-items:center;gap:10px;border:0;border-radius:15px;background:linear-gradient(125deg,#ff9017,#f57305);color:white;padding:16px 20px;width:100%;font-weight:900;font-size:16px;box-shadow:0 9px 22px #f7781430;min-height:53px}.cta.green{background:linear-gradient(130deg,#00894a,#00603d);box-shadow:0 9px 22px #008d4930}.muted{color:var(--shade);font-size:12px}.foot-waves{height:76px;position:relative;overflow:hidden;background:#fff}.foot-waves svg{display:block;width:100%;height:100%}.foot-text{margin:0;background:#07633e;color:white;text-align:center;padding:10px;font-size:11px}.thanks-link{position:absolute;left:9%;right:9%;top:60%;height:13%;border:0;border-radius:20px;background:transparent}.form-actions{display:flex;flex-direction:column;gap:8px}.admin{display:flex;min-height:calc(100vh - 60px);border-radius:20px;overflow:hidden;background:#fff;box-shadow:0 22px 50px #023b1b12}.sidebar{background:linear-gradient(170deg,#064c31,#006944);color:white;width:230px;flex:none;padding:22px 12px}.side-brand{padding:8px 12px 22px;border-bottom:1px solid #ffffff40;font-weight:900}.sidebar button{display:block;width:100%;text-align:left;padding:13px 12px;margin:3px 0;border:0;border-radius:10px;background:transparent;color:white;font-size:13px;font-weight:700}.sidebar button.active,.sidebar button:hover{background:#ffffff23}.admin-body{flex:1;min-width:0;padding:26px;background:#f8fbf8}.admin-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.admin-head h1{font-size:25px;margin:0;color:#085333}.panel{background:#fff;border:1px solid var(--border);border-radius:17px;padding:18px;box-shadow:0 4px 15px #00351c0b;margin:15px 0}.panel h2{font-size:17px;margin:0 0 16px;color:#085436}.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.kpi{margin:0;padding:17px;border-radius:15px;background:#fff;border:1px solid var(--border)}.kpi strong{display:block;font-size:29px;color:#0b643e;margin-top:9px}.kpi span{color:#6e8876;font-size:12px}.split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.bar{display:flex;align-items:center;gap:12px;padding:9px 0;font-size:12px}.bar>span:first-child{width:145px;flex:none;line-height:1.3}.bar-track{height:12px;border-radius:12px;background:#e4f3e7;overflow:hidden;flex:1}.bar-fill{background:linear-gradient(90deg,#02964d,#94c84e);height:100%;border-radius:12px}.filterbar{display:flex;gap:10px;flex-wrap:wrap;align-items:end}.filterbar label{font-size:12px;color:#446d52;display:flex;flex-direction:column;gap:4px}.filterbar input,.filterbar select{border:1px solid #d2e4d7;border-radius:9px;min-height:40px;padding:8px 9px;background:white;min-width:130px;max-width:100%}.mini-btn{padding:9px 13px;border:1px solid #cfe1d3;border-radius:10px;background:#f6fbf8;color:#075e3c;font-weight:800;font-size:12px}.mini-btn.primary{background:#08633d;color:white}.scroll-table{max-width:100%;overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:12px}th{text-align:left;background:#e7f6e9;color:#155b39;padding:12px 10px;white-space:nowrap}td{padding:12px 10px;border-bottom:1px solid #eaf0eb;vertical-align:top}td button{white-space:nowrap}.dialog{border:0;border-radius:20px;padding:23px;max-width:min(550px,95vw);box-shadow:0 20px 70px #041a1190}.dialog::backdrop{background:#072d1d99}.dialog h2{margin-top:0}.login{max-width:440px;margin:40px auto;padding:30px;background:#fff;border:1px solid var(--border);border-radius:24px;box-shadow:0 20px 50px #023a1b10}.login h1{color:#075637}.login .field{margin-bottom:12px}.empty{padding:30px;text-align:center;color:#738676}.status{font-size:11px;color:#647c6b}.demo-tag{font-weight:800;color:#bd5100;font-size:11px}.alert{border-left:4px solid #ef7a0a;background:#fff6ea;padding:10px 12px;border-radius:8px;font-size:13px;color:#6b4928}#notice{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);max-width:min(95vw,450px);padding:0;z-index:100;color:white;border-radius:12px;box-shadow:0 5px 20px #0002}#notice:not(:empty){background:#075d3a;padding:13px 16px}@media(max-width:880px){.admin{flex-direction:column}.sidebar{width:auto;padding:12px;position:static}.side-brand{padding:8px 12px}.side-menu{display:flex;overflow-x:auto;gap:4px}.sidebar button{white-space:nowrap;width:auto;flex:none}.admin-body{padding:15px}.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.split{grid-template-columns:1fr}}@media(max-width:520px){.shell{padding:9px}.topnav{padding:7px 3px 15px;gap:7px}.logo{font-size:13px}.nav-link{padding:9px 12px;font-size:11px}.device{border-radius:25px}.survey{border-radius:24px}.survey-main{padding:10px 12px 14px}.section-content{padding:12px}.rate-grid{gap:5px}.rate-button{font-size:9px;padding:4px 2px}.rate-button .face{font-size:22px}.time-grid{grid-template-columns:1fr 1fr;gap:8px}.kpi strong{font-size:23px}.bar>span:first-child{width:100px}.admin-head h1{font-size:20px}.login{margin:20px auto;padding:20px}}@media(max-width:340px){.rate-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.rate-button{min-height:56px;font-size:11px;flex-direction:row}.rate-button .face{font-size:22px}.time-grid{grid-template-columns:1fr}}

.native-cta-panel{background:white;padding:9px 6% 5px}.native-cta-panel .cta{border-radius:32px;min-height:64px;border:3px solid #fff3d8;box-shadow:0 5px 12px #c65b1624;font-size:clamp(18px,4vw,23px)}.hero-cta{justify-content:space-around}.native-cta-panel.thanks{padding:13px 6% 12px;text-align:center;background:#f0fbf3}.native-cta-panel.thanks .cta{font-size:clamp(13px,3.2vw,17px);text-wrap:balance}.native-cta-panel.thanks .hint{font-size:12px;color:#1d3f2a;margin:12px auto;max-width:280px}

.user-actions{display:flex;gap:6px;flex-wrap:wrap;min-width:270px}.filterbar select,.filterbar input{max-width:220px;min-height:38px;border:1px solid #cddfd2;border-radius:9px;padding:7px;background:white;color:#153d29}

/* V5 - Ecran de remerciement : un seul cadre, sans collage saillant */
.thanks-device{width:min(100%,440px);padding:6px;background:linear-gradient(155deg,#272b2a 0%,#050606 45%,#292b2c 100%);border-radius:43px;border:1px solid #555b58;box-shadow:0 23px 52px #092a1a25, 0 2px 7px #07180c16;overflow:hidden}
.thanks-screen{width:100%;background:#fff;border-radius:36px;overflow:hidden;isolation:isolate}
.thanks-screen .art{width:100%;height:auto;display:block}
.thanks-callout{box-sizing:border-box;width:calc(100% - 28px);margin:0 14px 8px;padding:18px 15px 16px;border:1px solid #e2f4e4;border-radius:24px;background:linear-gradient(130deg,#f0fbf2,#e3f6e7);text-align:center;box-shadow:0 6px 18px #053d1a0d}
.thanks-whatsapp{width:100%;max-width:100%;min-height:67px;display:flex;align-items:center;justify-content:center;gap:11px;border-radius:18px;padding:12px 11px;background:linear-gradient(135deg,#078d45,#006b3d 70%,#004f31);color:white;font-weight:800;font-size:clamp(13px,3.8vw,17px);line-height:1.22;text-align:left;box-shadow:0 7px 15px #085b3240;overflow-wrap:anywhere;border:1px solid #149657}
.thanks-whatsapp strong{color:#ffcf4e;font-weight:900}.whatsapp-mark{display:grid;place-items:center;flex:none;width:43px;height:43px;border-radius:50%;background:#fff;color:#038949;font-size:28px;box-shadow:0 2px 5px #063e242e}.cta-chevron{font-size:29px;font-weight:500;margin-left:auto;flex:none;color:#fff}
.thanks-callout p{font-size:clamp(11px,3vw,13px);color:#163e2e;line-height:1.5;margin:12px 2px 0}
.thanks-bottom{margin-top:0}
@media(max-width:420px){.thanks-device{border-radius:35px;padding:5px}.thanks-screen{border-radius:30px}.thanks-callout{width:calc(100% - 22px);margin:0 11px 7px;padding:12px 10px;border-radius:18px}.thanks-whatsapp{min-height:60px;border-radius:15px;gap:8px;padding:10px 9px}.whatsapp-mark{width:37px;height:37px;font-size:23px}.cta-chevron{font-size:24px}}
@media(max-width:340px){.thanks-callout{margin:0 8px 5px;width:calc(100% - 16px);padding:9px}.thanks-whatsapp{font-size:12px;gap:5px}.whatsapp-mark{width:31px;height:31px;font-size:20px}.optional-break{display:none}}

/* V11 : Front office aligné sur l’aperçu V10 approuvé */
/* V10 - écran homogène : un seul cadre, 5 px sur les quatre côtés */
.device.tgac-seamless-phone {
  width:min(100%,440px) !important;
  background:#fff !important;
  border:5px solid #111714 !important;
  border-radius:38px !important;
  overflow:hidden !important;
  box-shadow:0 16px 35px rgba(4,48,27,.14) !important;
  isolation:isolate;
  position:relative;
}
.tgac-seamless-phone > .art { display:block; width:100%; height:auto; }
.tgac-hotspot {
  position:absolute; display:block; border:0; margin:0; padding:0;
  background:transparent; z-index:5; cursor:pointer;
  -webkit-appearance:none; appearance:none;
  touch-action:manipulation; -webkit-tap-highlight-color:transparent;
  border-radius:25px;
}
.tgac-hotspot:focus-visible {outline:3px solid #164fbe;outline-offset:-3px;}
.home-hotspot {left:1%;width:98%;top:61.15%;height:9.8%;}
.thanks-hotspot {left:3%;width:94%;top:64.4%;height:10.2%;}
.visually-hidden {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
/* Le questionnaire ne comporte aucun collage ni bordure asymétrique */
.survey {border:5px solid #111714 !important; border-radius:38px !important; background:#fff; overflow:hidden;}
.survey .survey-banner {display:block;width:100%;height:auto;background:#fff;}
.survey .survey-main {background:#fff;}
@media(max-width:520px){
 .device.tgac-seamless-phone,.survey {border-width:4px !important;border-radius:32px !important;}
}