#od360-chat{position:fixed;bottom:22px;z-index:999999;font-family:system-ui,-apple-system,Segoe UI,sans-serif}#od360-chat[data-position=right]{right:22px}#od360-chat[data-position=left]{left:22px}#od360-chat-launch{width:58px;height:58px;border:0;border-radius:50%;background:var(--od360-accent);color:#fff;font-size:25px;box-shadow:0 8px 28px #0003;cursor:pointer}#od360-chat-panel{width:min(380px,calc(100vw - 28px));height:min(610px,calc(100vh - 90px));background:#fff;border-radius:18px;box-shadow:0 18px 60px #0004;overflow:hidden}#od360-chat-panel header{height:58px;padding:0 16px;background:var(--od360-accent);color:#fff;display:flex;align-items:center;justify-content:space-between}#od360-chat-close{border:0;background:transparent;color:#fff;font-size:30px;cursor:pointer}#od360-chat-messages{height:330px;overflow:auto;padding:14px;background:#f6f7f8}.od360-msg{max-width:82%;padding:10px 12px;margin:8px 0;border-radius:14px;white-space:pre-wrap}.od360-msg.agent{background:#fff;border:1px solid #e4e4e4}.od360-msg.visitor{background:var(--od360-accent);color:#fff;margin-left:auto}#od360-chat form{padding:12px;display:grid;gap:8px}#od360-chat input,#od360-chat textarea{box-sizing:border-box;width:100%;border:1px solid #d7d7d7;border-radius:9px;padding:10px;font:inherit}#od360-chat form button{border:0;border-radius:9px;padding:11px;background:var(--od360-accent);color:#fff;font-weight:700;cursor:pointer}.od360-consent{font-size:11px;display:flex;gap:6px;align-items:flex-start}.od360-consent input{width:auto!important;margin-top:2px}@media(max-width:480px){#od360-chat{bottom:12px!important;right:12px!important;left:auto!important}#od360-chat-panel{height:calc(100vh - 75px)}#od360-chat-messages{height:calc(100vh - 355px)}}
#od360-chat-guided{padding:10px 12px 2px;background:#fff;border-top:1px solid #eee}.od360-guide-title{margin:0 0 8px;font-size:12px;font-weight:700}.od360-guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.od360-guide-grid button{border:1px solid #ddd;background:#fff;border-radius:9px;padding:8px 6px;cursor:pointer;text-align:left;font-size:12px}.od360-guide-grid button:hover{border-color:var(--od360-accent)}

/* v1.4.1 — mobile viewport/fixed actions */
#od360-chat-panel{display:flex;flex-direction:column;max-height:calc(100dvh - 90px)}
#od360-chat-panel[hidden]{display:none!important}
#od360-chat-panel header{flex:0 0 58px;box-sizing:border-box}
#od360-chat-messages{height:auto;min-height:110px;flex:1 1 auto;overflow-y:auto;overscroll-behavior:contain}
#od360-chat-lead{flex:0 1 auto;max-height:55%;overflow-y:auto;overscroll-behavior:contain;background:#fff;padding-bottom:calc(12px + env(safe-area-inset-bottom))!important}
#od360-chat-lead button{position:sticky;bottom:0;z-index:2;box-shadow:0 -5px 12px #fff}
#od360-chat-guided{flex:0 1 auto;max-height:210px;overflow-y:auto;overscroll-behavior:contain}
#od360-chat-send{flex:0 0 auto;background:#fff;border-top:1px solid #eee;padding-bottom:calc(12px + env(safe-area-inset-bottom))!important}
@media(max-width:480px){
 #od360-chat{bottom:max(8px,env(safe-area-inset-bottom))!important;right:8px!important;left:8px!important}
 #od360-chat-launch{margin-left:auto;display:block}
 #od360-chat-panel{width:100%;height:calc(100dvh - 24px);max-height:calc(100dvh - 24px);border-radius:14px}
 #od360-chat-messages{min-height:90px}
 #od360-chat-lead{max-height:58%;padding:10px!important;padding-bottom:calc(10px + env(safe-area-inset-bottom))!important}
 #od360-chat-guided{max-height:34dvh}
 #od360-chat-send{padding:10px!important;padding-bottom:calc(10px + env(safe-area-inset-bottom))!important}
}


/* v1.4.2 — strict screen visibility + readable consent */
#od360-chat [hidden]{display:none!important}
#od360-chat .od360-consent{
  display:grid!important;
  grid-template-columns:18px minmax(0,1fr);
  gap:7px;
  align-items:start!important;
  width:100%;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow:visible!important;
  white-space:normal!important;
  line-height:1.35!important;
  font-size:12px!important;
  box-sizing:border-box;
}
#od360-chat .od360-consent input[type=checkbox]{
  width:16px!important;height:16px!important;min-width:16px!important;
  margin:1px 0 0!important;padding:0!important;
}
#od360-chat-lead{box-sizing:border-box}
#od360-chat-lead > button{width:100%;margin-top:2px}
@media(max-width:480px){
 #od360-chat-lead{max-height:none;overflow-y:auto}
 #od360-chat .od360-consent{font-size:12px!important}
}
/* v1.4.3 — feedback de démarrage */
#od360-chat button:disabled{opacity:.65;cursor:wait}

/* v1.5.0 — personnalisation, avatars, en-tête */
#od360-chat{font-family:var(--od360-font);font-size:var(--od360-font-size)}
.od360-header-brand{display:flex;align-items:center;gap:9px;min-width:0}.od360-header-brand span{display:flex;flex-direction:column;min-width:0}.od360-header-brand small{font-size:11px;opacity:.82;font-weight:400;margin-top:1px}.od360-header-logo{display:block;max-width:118px;max-height:38px;width:auto;height:auto;object-fit:contain}
.od360-msg-row{display:flex;align-items:flex-end;gap:7px;margin:8px 0}.od360-msg-row.visitor{justify-content:flex-end}.od360-msg-row .od360-msg{margin:0}.od360-avatar{width:30px;height:30px;min-width:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #e1e1e1;overflow:hidden;font-size:16px}.od360-avatar img{width:100%;height:100%;object-fit:cover;display:block}.od360-msg.agent{background:var(--od360-agent-bg);color:var(--od360-agent-text)}.od360-msg.visitor{background:var(--od360-visitor-bg);color:var(--od360-visitor-text);margin-left:0}

/* v1.6.11 — disponibilité des conseillers */
.od360-availability{display:flex!important;flex-direction:row!important;align-items:center;gap:5px;margin-top:2px;font-size:10px!important;opacity:.95!important}
.od360-availability i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#9ca3af;box-shadow:0 0 0 2px #ffffff55}
.od360-availability.od360-online i{background:#22c55e}.od360-availability.od360-away i{background:#f59e0b}.od360-availability.od360-offline i{background:#9ca3af}
.od360-offline-note{margin:8px 2px 4px;padding:8px 10px;border-radius:9px;background:#fff7ed;border:1px solid #fed7aa;color:#7c2d12;font-size:12px;line-height:1.35}
/* v1.6.16 — audio, documents, branding */
#od360-chat-send{gap:6px!important}.od360-compose-tools{display:flex;align-items:center;gap:6px}.od360-compose-tools button{width:36px;height:34px;padding:0!important;border:1px solid #d7d7d7!important;background:#fff!important;color:#222!important;font-size:17px}.od360-compose-tools #od360-audio-btn{color:#b42318!important}#od360-recording-state{font-size:11px;color:#b42318;font-weight:700;animation:od360pulse 1.2s infinite}#od360-pending-files{font-size:11px;padding:5px 7px;background:#f6f7f8;border-radius:7px;color:#444}.od360-msg audio{display:block;width:min(230px,100%);margin-top:6px}.od360-msg a{word-break:break-word}.od360-chat-branding{flex:0 0 auto;text-align:center;padding:5px 8px 7px;border-top:1px solid #eee;background:#fff;font-size:10px;line-height:1.2}.od360-chat-branding a{color:#6b7280;text-decoration:none}.od360-chat-branding a:hover{text-decoration:underline;color:var(--od360-accent)}@keyframes od360pulse{50%{opacity:.45}}

.od360-attachment-card{display:flex;align-items:flex-start;gap:9px;margin-top:7px;padding:9px 10px;border-radius:10px;background:rgba(0,0,0,.16);color:#fff!important}.od360-attachment-icon{font-size:22px;line-height:1.2;flex:0 0 auto}.od360-attachment-meta{min-width:0;display:flex;flex-direction:column;gap:2px}.od360-attachment-name{display:block;color:#fff!important;font-weight:700;line-height:1.25;overflow-wrap:anywhere;word-break:break-word}.od360-attachment-meta small{color:rgba(255,255,255,.88)!important;font-size:10px}.od360-attachment-download{display:inline-block;margin-top:3px;color:#fff!important;text-decoration:underline!important;font-weight:700;word-break:normal!important}.od360-attachment-download:hover{color:#fff!important;opacity:.85}.od360-msg.agent .od360-attachment-card{background:#f1f3f5;color:#1f2937!important}.od360-msg.agent .od360-attachment-name,.od360-msg.agent .od360-attachment-download{color:#111827!important}.od360-msg.agent .od360-attachment-meta small{color:#4b5563!important}

/* v1.6.16.2 — prevent attachment filename overflow */
.od360-msg,.od360-attachment-card,.od360-attachment-meta{box-sizing:border-box;min-width:0;max-width:100%;}
.od360-attachment-card{width:100%;overflow:hidden;}
.od360-attachment-meta{flex:1 1 0;width:0;overflow:hidden;}
.od360-attachment-name{width:100%;max-width:100%;white-space:normal!important;overflow-wrap:anywhere!important;word-break:break-word!important;hyphens:auto;}
.od360-attachment-download{max-width:100%;white-space:normal;overflow-wrap:anywhere;}
@media(max-width:480px){.od360-attachment-card{gap:7px;padding:8px}.od360-attachment-icon{font-size:19px}.od360-attachment-name{font-size:.95em}}
/* v1.6.17 — attachment UX: compact filename, preview, camera, drag/drop */
.od360-attachment-name{font-weight:400!important;font-size:12px!important;line-height:1.25!important;display:-webkit-box!important;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden!important;overflow-wrap:anywhere!important;word-break:break-word!important;max-width:100%!important}
#od360-pending-files{display:flex;flex-direction:column;gap:5px;max-width:100%;overflow:hidden}
#od360-pending-files[hidden]{display:none!important}.od360-file-preview{display:flex;align-items:center;gap:7px;min-width:0;max-width:100%;padding:6px 7px;border:1px solid #e5e7eb;border-radius:8px;background:#f8fafc}.od360-file-preview img{width:38px;height:38px;flex:0 0 38px;object-fit:cover;border-radius:6px}.od360-file-preview-icon{font-size:22px;flex:0 0 auto}.od360-file-preview-meta{display:flex;flex:1 1 0;min-width:0;flex-direction:column}.od360-file-preview-name{font-size:11px;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.od360-file-preview-meta small{font-size:9px;color:#6b7280}.od360-file-remove{flex:0 0 25px!important;width:25px!important;height:25px!important;padding:0!important;border-radius:50%!important;font-size:17px!important;line-height:1!important}.od360-dragover{outline:2px dashed var(--od360-accent);outline-offset:-3px;background:#fff7fc}.od360-compose-tools #od360-camera-btn{color:#374151!important}

/* v1.6.17.1 — visible media toolbar + definitive attachment overflow fix */
#od360-chat .od360-msg-row{min-width:0!important;max-width:100%!important;overflow:hidden!important}
#od360-chat .od360-msg{box-sizing:border-box!important;min-width:0!important;overflow:hidden!important}
#od360-chat .od360-msg.visitor:has(.od360-attachment-card),
#od360-chat .od360-msg.agent:has(.od360-attachment-card){width:min(82%,260px)!important;max-width:82%!important}
#od360-chat .od360-attachment-card{box-sizing:border-box!important;width:100%!important;max-width:100%!important;min-width:0!important;overflow:hidden!important;display:grid!important;grid-template-columns:24px minmax(0,1fr)!important}
#od360-chat .od360-attachment-meta{box-sizing:border-box!important;width:100%!important;min-width:0!important;max-width:100%!important;overflow:hidden!important}
#od360-chat .od360-attachment-name{box-sizing:border-box!important;display:block!important;width:100%!important;min-width:0!important;max-width:100%!important;font-size:11px!important;font-weight:400!important;line-height:1.25!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;word-break:normal!important;overflow-wrap:normal!important}
#od360-chat .od360-attachment-download{font-size:11px!important;font-weight:400!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
#od360-chat .od360-compose-tools{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important;width:100%!important}
#od360-chat .od360-compose-tools .od360-tool-button{box-sizing:border-box!important;width:100%!important;height:38px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:4px!important;padding:0 5px!important;border:1px solid #d7d7d7!important;border-radius:8px!important;background:#fff!important;color:#374151!important;font-size:14px!important;font-weight:400!important}
#od360-chat .od360-compose-tools .od360-tool-button b{font-size:10px!important;font-weight:400!important;color:#374151!important}
#od360-chat #od360-recording-state{grid-column:1/-1!important}
#od360-chat #od360-pending-files{box-sizing:border-box!important;width:100%!important;max-width:100%!important;overflow:hidden!important}
#od360-chat .od360-file-preview{box-sizing:border-box!important;width:100%!important;max-width:100%!important;overflow:hidden!important}
#od360-chat .od360-file-preview-meta{width:0!important;min-width:0!important}
@media(max-width:480px){#od360-chat .od360-msg.visitor:has(.od360-attachment-card),#od360-chat .od360-msg.agent:has(.od360-attachment-card){width:min(82%,230px)!important}.od360-compose-tools .od360-tool-button b{font-size:9px!important}}
/* v1.6.18 — professional audio preview */
#od360-chat #od360-recording-state{display:flex;align-items:center;justify-content:center;gap:5px;font-weight:400!important}
#od360-chat #od360-recording-state[hidden]{display:none!important}
#od360-chat #od360-recording-timer{font-variant-numeric:tabular-nums;font-weight:600}
#od360-chat #od360-audio-preview{box-sizing:border-box;width:100%;max-width:100%;padding:8px;border:1px solid #e5e7eb;border-radius:9px;background:#f8fafc;overflow:hidden}
#od360-chat #od360-audio-preview[hidden]{display:none!important}
#od360-chat #od360-audio-preview audio{display:block;width:100%;max-width:100%;height:34px}
#od360-chat #od360-audio-duration{display:block;margin-top:4px;font-size:10px;color:#6b7280;text-align:center}
#od360-chat .od360-audio-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin-top:7px}
#od360-chat .od360-audio-actions button{box-sizing:border-box;width:100%;min-width:0;height:30px;padding:0 4px!important;border:1px solid #d1d5db!important;border-radius:7px!important;background:#fff!important;color:#374151!important;font-size:10px!important;font-weight:400!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#od360-chat #od360-audio-send{background:var(--od360-accent)!important;border-color:var(--od360-accent)!important;color:#fff!important}
/* v1.6.19 — typing indicators + delivery/read states */
#od360-chat .od360-msg-wrap{display:flex;flex-direction:column;min-width:0;max-width:82%}
#od360-chat .od360-msg-wrap .od360-msg{max-width:100%!important}
#od360-chat .od360-msg-wrap.visitor{align-items:flex-end}
#od360-chat .od360-message-status{display:block;margin-top:3px;padding:0 3px;font-size:9px;line-height:1.15;color:#6b7280;font-weight:400;white-space:nowrap}
#od360-chat .od360-typing-row{display:flex;align-items:flex-end;gap:7px;margin:8px 0}
#od360-chat .od360-typing{display:flex;align-items:center;gap:3px;max-width:82%;padding:8px 10px;border-radius:14px;background:var(--od360-agent-bg);color:var(--od360-agent-text);font-size:11px}
#od360-chat .od360-typing span{width:5px;height:5px;border-radius:50%;background:currentColor;opacity:.35;animation:od360Typing 1.1s infinite ease-in-out}
#od360-chat .od360-typing span:nth-child(2){animation-delay:.15s}#od360-chat .od360-typing span:nth-child(3){animation-delay:.3s}
#od360-chat .od360-typing em{margin-left:4px;font-style:normal;font-size:10px;opacity:.72;white-space:nowrap}
@keyframes od360Typing{0%,60%,100%{transform:translateY(0);opacity:.3}30%{transform:translateY(-3px);opacity:.85}}
#od360-notify-btn.is-active{outline:2px solid currentColor;outline-offset:-2px}
#od360-notify-btn.is-active span{filter:none}

/* v1.6.21 — rotating teaser questions beside launcher */
#od360-chat-teaser{position:absolute;bottom:0;display:flex;align-items:flex-start;box-sizing:border-box;width:min(330px,calc(100vw - 105px));min-height:72px;background:#fff;color:#172033;border:1px solid rgba(17,24,39,.10);border-radius:18px;box-shadow:0 10px 30px rgba(0,0,0,.18);overflow:visible;animation:od360TeaserIn .28s ease both;z-index:1}
#od360-chat-teaser[hidden]{display:none!important}
#od360-chat[data-position=right] #od360-chat-teaser{right:calc(var(--od360-launcher-size,58px) + 12px)}
#od360-chat[data-position=left] #od360-chat-teaser{left:calc(var(--od360-launcher-size,58px) + 12px)}
#od360-chat-teaser:after{content:"";position:absolute;bottom:20px;width:12px;height:12px;background:#fff;transform:rotate(45deg)}
#od360-chat[data-position=right] #od360-chat-teaser:after{right:-6px;border-top:1px solid rgba(17,24,39,.08);border-right:1px solid rgba(17,24,39,.08)}
#od360-chat[data-position=left] #od360-chat-teaser:after{left:-6px;border-left:1px solid rgba(17,24,39,.08);border-bottom:1px solid rgba(17,24,39,.08)}
#od360-chat-teaser-open{flex:1 1 auto;min-width:0;border:0!important;background:transparent!important;color:inherit!important;text-align:left!important;padding:13px 32px 12px 15px!important;cursor:pointer!important;box-shadow:none!important}
#od360-chat-teaser-open strong{display:block;font-size:14px;font-weight:650;line-height:1.3;white-space:normal;overflow-wrap:anywhere}
#od360-chat-teaser-open small{display:block;margin-top:4px;color:#6b7280;font-size:11px;line-height:1.25;font-weight:400}
#od360-chat-teaser-close{position:absolute;right:7px;top:7px;width:25px!important;height:25px!important;min-width:25px!important;padding:0!important;border:0!important;background:transparent!important;color:#9ca3af!important;font-size:20px!important;line-height:25px!important;box-shadow:none!important;cursor:pointer!important}
#od360-chat-launch{position:relative;z-index:2}
@keyframes od360TeaserIn{from{opacity:0;transform:translateY(7px) scale(.98)}to{opacity:1;transform:none}}
@media(max-width:480px){#od360-chat-teaser{width:min(285px,calc(100vw - 92px));min-height:66px;border-radius:16px}#od360-chat-teaser-open{padding:11px 30px 10px 13px!important}#od360-chat-teaser-open strong{font-size:13px}#od360-chat-teaser-open small{font-size:10px}}

/* v1.6.21.2 — bottom clearance is calculated dynamically by chat.js so teaser/launcher stay above fixed site footers. */


/* v1.6.21.4 — mobile viewport safety + persistent header controls */
#od360-chat-panel header{position:sticky!important;top:0!important;z-index:50!important;flex-shrink:0!important}
#od360-chat-panel .od360-header-actions{display:flex!important;align-items:center!important;gap:4px!important;margin-left:auto!important}
#od360-chat-panel .od360-header-actions button{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:40px!important;height:40px!important;min-width:40px!important;padding:0!important;border:0!important;background:transparent!important;color:#fff!important;cursor:pointer!important;line-height:1!important}
#od360-chat-minimize{font-size:28px!important}
#od360-chat-close{font-size:30px!important}
@media(max-width:480px){
 #od360-chat{top:auto!important;left:8px!important;right:8px!important;box-sizing:border-box!important}
 #od360-chat-panel{box-sizing:border-box!important;width:100%!important;height:min(92dvh,calc(100dvh - 32px))!important;max-height:calc(100dvh - 32px)!important;margin:0!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;border-radius:14px!important}
 #od360-chat-panel[hidden]{display:none!important}
 #od360-chat-panel header{min-height:58px!important;height:58px!important;flex:0 0 58px!important;padding-left:max(12px,env(safe-area-inset-left))!important;padding-right:max(8px,env(safe-area-inset-right))!important}
 #od360-chat-panel .od360-header-actions button{width:44px!important;height:44px!important;min-width:44px!important}
 #od360-chat-messages{flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important}
 #od360-chat-lead,#od360-chat-guided{min-height:0!important;overflow-y:auto!important}
 #od360-chat-send,.od360-chat-branding{flex-shrink:0!important}
}
/* v1.6.22 — progressive lead collection */
#od360-progressive-note{padding:8px 12px;font-size:11px;line-height:1.35;color:#667085;background:#fff;border-top:1px solid #eee}


/* v1.6.22.7 — compact single-line actions + expandable Add wheel */
#od360-chat .od360-compose-tools{position:relative!important;display:flex!important;flex-wrap:nowrap!important;align-items:center!important;gap:5px!important;width:100%!important;overflow:visible!important}
#od360-chat .od360-compose-tools .od360-tool-button,#od360-chat .od360-add-menu-btn{box-sizing:border-box!important;flex:0 0 38px!important;width:38px!important;height:38px!important;min-width:38px!important;padding:0!important;border:1px solid #d7d7d7!important;border-radius:10px!important;background:#fff!important;color:#374151!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:18px!important;line-height:1!important}
#od360-chat .od360-compose-tools .od360-tool-button b{display:none!important}
#od360-chat .od360-add-menu-btn{border-radius:50%!important;background:var(--od360-accent)!important;border-color:var(--od360-accent)!important;color:#fff!important;font-size:25px!important;font-weight:300!important;transition:transform .18s ease}
#od360-chat .od360-add-menu-btn.is-open{transform:rotate(45deg)}
#od360-chat .od360-add-wheel{position:absolute;left:0;bottom:48px;width:230px;height:126px;z-index:30;pointer-events:none}
#od360-chat .od360-add-wheel[hidden]{display:none!important}
#od360-chat .od360-add-wheel button{position:absolute!important;box-sizing:border-box!important;width:70px!important;height:70px!important;border:1px solid #e5e7eb!important;border-radius:50%!important;background:#fff!important;color:#374151!important;box-shadow:0 6px 20px rgba(0,0,0,.16)!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:2px!important;padding:4px!important;pointer-events:auto;font-weight:400!important}
#od360-chat .od360-add-wheel button span{font-size:21px;line-height:1}
#od360-chat .od360-add-wheel button b{font-size:9px!important;font-weight:400!important;line-height:1.05!important}
#od360-chat .od360-add-wheel button[data-action="document"]{left:0;bottom:0}
#od360-chat .od360-add-wheel button[data-action="photo"]{left:52px;bottom:48px}
#od360-chat .od360-add-wheel button[data-action="audio"]{left:110px;bottom:48px}
#od360-chat .od360-add-wheel button[data-action="notifications"]{left:160px;bottom:0}
#od360-chat #od360-recording-state,#od360-chat #od360-audio-preview{flex-basis:100%!important}
@media(max-width:480px){#od360-chat .od360-compose-tools{gap:4px!important}#od360-chat .od360-compose-tools .od360-tool-button,#od360-chat .od360-add-menu-btn{flex-basis:36px!important;width:36px!important;height:36px!important;min-width:36px!important}.od360-add-wheel{transform:scale(.94);transform-origin:left bottom}}


/* v1.6.22.8 — mobile Add menu uses full available chat width */
@media(max-width:600px){
 #od360-chat .od360-add-wheel{
   left:0!important;right:0!important;bottom:46px!important;
   width:100%!important;height:auto!important;
   display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;
   gap:6px!important;padding:7px!important;box-sizing:border-box!important;
   background:rgba(255,255,255,.98)!important;border:1px solid #e5e7eb!important;
   border-radius:14px!important;box-shadow:0 8px 24px rgba(0,0,0,.16)!important;
   transform:none!important;pointer-events:auto!important;
 }
 #od360-chat .od360-add-wheel[hidden]{display:none!important}
 #od360-chat .od360-add-wheel button{
   position:static!important;width:100%!important;height:62px!important;min-width:0!important;
   border-radius:11px!important;box-shadow:none!important;padding:5px 2px!important;
 }
 #od360-chat .od360-add-wheel button span{font-size:22px!important}
 #od360-chat .od360-add-wheel button b{font-size:9px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:100%!important}
}


/* v1.6.22.9 — replace compact actions while Add menu is open */
#od360-chat .od360-compose-tools .od360-tool-button[hidden]{display:none!important}
@media(max-width:600px){
 #od360-chat .od360-add-menu-btn.is-open{transform:none!important;flex:0 0 40px!important;width:40px!important;min-width:40px!important}
 #od360-chat .od360-add-menu-btn.is-open span{font-size:0!important}
 #od360-chat .od360-add-menu-btn.is-open span::after{content:'×';font-size:27px!important;line-height:1!important}
 #od360-chat .od360-add-wheel{position:static!important;order:2!important;flex:1 1 auto!important;width:auto!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;padding:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;gap:5px!important}
 #od360-chat .od360-add-wheel button{height:40px!important;border-radius:10px!important;flex-direction:row!important;gap:0!important;padding:0!important}
 #od360-chat .od360-add-wheel button span{font-size:20px!important}
 #od360-chat .od360-add-wheel button b{display:none!important}
}
/* V1.6.23.0 — compact needs wheel + modern media wheel */
#od360-chat-guided{flex:0 0 auto!important;padding:10px 20px!important;border-top:1px solid #eee!important;background:#fff!important}
#od360-chat-guided[hidden],#od360-needs-wheel[hidden],#od360-needs-selected[hidden],#od360-compact-tools[hidden],#od360-add-wheel[hidden]{display:none!important}
#od360-needs-trigger{box-sizing:border-box;width:100%;min-height:50px;padding:8px 14px;border:1px solid #d9dde3;border-radius:16px;background:#fff;color:#1f2937;display:flex;align-items:center;gap:10px;justify-content:flex-start;font:inherit;cursor:pointer;box-shadow:0 2px 7px rgba(0,0,0,.04)}
#od360-needs-trigger strong{flex:1;text-align:left;font-size:14px}.od360-needs-search{font-size:26px;line-height:1;color:#334155}
#od360-needs-selected{box-sizing:border-box;width:100%;min-height:50px;padding:8px 12px;border:1px solid #f7b6d9;border-radius:16px;background:#fff2f9;display:flex;align-items:center;gap:9px}.od360-needs-selected strong{flex:1;color:var(--od360-accent);font-size:14px}.od360-needs-check{width:28px;height:28px;border-radius:50%;background:#22c55e;color:#fff;display:grid;place-items:center;font-weight:800}.od360-needs-selected button{border:0!important;background:transparent!important;color:#1f2937!important;font-weight:700!important;padding:6px!important}
#od360-needs-wheel{position:relative!important;box-sizing:border-box!important;width:100%!important;height:300px!important;max-width:430px!important;margin:0 auto!important;background:#fff!important;overflow:hidden!important}
#od360-needs-page{position:absolute;inset:0}.od360-need-petal{position:absolute!important;box-sizing:border-box!important;width:78px!important;height:78px!important;border:0!important;border-radius:50%!important;background:#f7f8fb!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:2px!important;padding:5px!important;color:#273449!important;box-shadow:0 3px 12px rgba(0,0,0,.07)!important}.od360-need-petal span{font-size:25px;line-height:1}.od360-need-petal b{font-size:9px;line-height:1.05;text-align:center;font-weight:650}
.od360-need-petal:nth-child(1){left:calc(50% - 39px);top:4px}.od360-need-petal:nth-child(2){right:32px;top:38px}.od360-need-petal:nth-child(3){right:4px;top:126px}.od360-need-petal:nth-child(4){right:48px;bottom:8px}.od360-need-petal:nth-child(5){left:48px;bottom:8px}.od360-need-petal:nth-child(6){left:4px;top:126px}.od360-need-petal:nth-child(7){left:32px;top:38px}.od360-need-petal:nth-child(8){left:calc(50% - 39px);bottom:0}
#od360-needs-close{position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;width:112px!important;height:112px!important;border:1px solid #e5e7eb!important;border-radius:50%!important;background:#fff!important;color:#253047!important;box-shadow:0 5px 18px rgba(0,0,0,.1)!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;padding:8px!important}#od360-needs-close span{font-size:30px;color:var(--od360-accent)}#od360-needs-close b{font-size:11px;line-height:1.1}
.od360-needs-nav{position:absolute!important;top:50%!important;transform:translateY(-50%)!important;width:28px!important;height:42px!important;border:0!important;background:#f3f4f6!important;border-radius:10px!important;font-size:22px!important;z-index:4}.od360-needs-nav#od360-needs-prev{left:0}.od360-needs-nav#od360-needs-next{right:0}#od360-needs-pages{position:absolute;left:50%;bottom:2px;transform:translateX(-50%);font-size:9px;color:#6b7280}
#od360-chat .od360-compose-tools{position:relative!important;display:block!important;width:100%!important;overflow:visible!important}
#od360-chat .od360-compact-tools{display:flex!important;align-items:center!important;gap:6px!important;width:100%!important}
#od360-chat .od360-compact-tools[hidden]{display:none!important}
#od360-chat .od360-compact-tools svg,#od360-chat .od360-add-wheel svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
#od360-chat .od360-add-menu-btn{box-sizing:border-box!important;flex:0 0 106px!important;width:106px!important;height:42px!important;border:0!important;border-radius:999px!important;background:var(--od360-accent)!important;color:#fff!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;padding:0 13px!important;font-size:14px!important;transform:none!important}#od360-chat .od360-add-menu-btn b{display:block!important;color:#fff!important;font-size:13px!important}
#od360-chat .od360-compact-tools .od360-tool-button{box-sizing:border-box!important;flex:0 0 42px!important;width:42px!important;height:42px!important;min-width:42px!important;border:1px solid #d9dde3!important;border-radius:12px!important;background:#fff!important;display:grid!important;place-items:center!important;padding:0!important}#od360-chat .od360-compact-tools .od360-tool-button b{display:none!important}.od360-doc{color:#1687d9!important}.od360-photo{color:#16a34a!important}.od360-audio{color:#e5485d!important}.od360-bell{color:#d79a00!important}.od360-tool-button.is-recording{background:#fff0f2!important;box-shadow:0 0 0 2px #e5485d inset!important}
#od360-chat .od360-add-wheel{position:relative!important;left:auto!important;right:auto!important;bottom:auto!important;order:initial!important;display:block!important;box-sizing:border-box!important;width:100%!important;height:176px!important;max-width:360px!important;margin:0 auto!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;pointer-events:auto!important;transform:none!important}
#od360-chat .od360-add-wheel button[data-action]{position:absolute!important;box-sizing:border-box!important;width:72px!important;height:72px!important;border:1px solid #e5e7eb!important;border-radius:22px!important;background:#fff!important;box-shadow:0 4px 14px rgba(0,0,0,.09)!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:3px!important;padding:4px!important}#od360-chat .od360-add-wheel button[data-action] b{display:block!important;font-size:10px!important;font-weight:650!important}#od360-chat .od360-add-wheel button[data-action="document"]{left:2%!important;bottom:28px!important}#od360-chat .od360-add-wheel button[data-action="photo"]{left:25%!important;bottom:auto!important;top:2px!important}#od360-chat .od360-add-wheel button[data-action="audio"]{left:auto!important;right:25%!important;bottom:auto!important;top:2px!important}#od360-chat .od360-add-wheel button[data-action="notifications"]{left:auto!important;right:2%!important;bottom:28px!important}
#od360-chat .od360-add-wheel-close{position:absolute!important;left:50%!important;bottom:0!important;transform:translateX(-50%)!important;width:54px!important;height:54px!important;border:0!important;border-radius:50%!important;background:var(--od360-accent)!important;color:#fff!important;font-size:28px!important;display:grid!important;place-items:center!important;box-shadow:0 5px 16px rgba(240,0,138,.25)!important}
@media(max-width:480px){#od360-chat-guided{padding:8px 20px!important}#od360-needs-wheel{height:270px!important}.od360-need-petal{width:68px!important;height:68px!important}.od360-need-petal:nth-child(1){left:calc(50% - 34px)}.od360-need-petal:nth-child(2){right:25px;top:30px}.od360-need-petal:nth-child(3){right:1px;top:112px}.od360-need-petal:nth-child(4){right:37px;bottom:4px}.od360-need-petal:nth-child(5){left:37px;bottom:4px}.od360-need-petal:nth-child(6){left:1px;top:112px}.od360-need-petal:nth-child(7){left:25px;top:30px}.od360-need-petal:nth-child(8){left:calc(50% - 34px)}#od360-needs-close{width:96px!important;height:96px!important}.od360-need-petal span{font-size:22px}.od360-need-petal b{font-size:8px}#od360-chat .od360-compact-tools{gap:5px!important}#od360-chat .od360-add-menu-btn{flex-basis:100px!important;width:100px!important}#od360-chat .od360-compact-tools .od360-tool-button{flex-basis:40px!important;width:40px!important;height:40px!important;min-width:40px!important}}

/* V1.6.23.2 — single wheel supervisor */
#od360-chat-guided.od360-needs-open{
  max-height:none!important;
  overflow:visible!important;
  padding-bottom:8px!important;
}
#od360-chat-guided.od360-needs-open #od360-needs-wheel{
  display:block;
  height:286px!important;
  max-width:390px!important;
  overflow:visible!important;
}
#od360-chat #od360-add-wheel{
  width:min(100%,320px)!important;
  height:172px!important;
  overflow:visible!important;
}
#od360-chat #od360-add-wheel-close{
  position:absolute!important;
  left:50%!important;right:auto!important;top:auto!important;bottom:2px!important;
  transform:translateX(-50%)!important;
  width:54px!important;min-width:54px!important;max-width:54px!important;
  height:54px!important;min-height:54px!important;
  padding:0!important;margin:0!important;
  border:0!important;border-radius:50%!important;
  background:var(--od360-accent)!important;color:#fff!important;
  font-size:28px!important;line-height:1!important;
  display:grid!important;place-items:center!important;z-index:8!important;
}
#od360-chat-guided[hidden],
#od360-needs-wheel[hidden],
#od360-needs-selected[hidden],
#od360-compact-tools[hidden],
#od360-add-wheel[hidden]{display:none!important}
@media(max-width:480px){
 #od360-chat-guided.od360-needs-open{padding:6px 14px 8px!important}
 #od360-chat-guided.od360-needs-open #od360-needs-wheel{height:278px!important;max-width:350px!important}
 #od360-chat-guided.od360-needs-open .od360-need-petal{width:64px!important;height:64px!important}
 #od360-chat-guided.od360-needs-open #od360-needs-close{width:92px!important;height:92px!important}
 #od360-chat #od360-add-wheel{width:292px!important;max-width:94vw!important;height:166px!important}
}

/* V1.6.23.3 — desktop-only wheel/layout correction.
   Mobile rules from V1.6.23.2 are intentionally left untouched. */
@media (min-width: 601px){
  /* Restore a normal desktop chat panel width/scale. */
  #od360-chat,
  .od360-chat{
    font-size:initial;
  }

  /* Needs area: desktop wheel must stay inside the chat panel. */
  #od360-chat-guided.od360-needs-open{
    width:100%!important;
    max-width:100%!important;
    box-sizing:border-box!important;
    overflow:visible!important;
    padding:10px 16px 12px!important;
  }
  #od360-chat-guided.od360-needs-open #od360-needs-wheel{
    position:relative!important;
    width:100%!important;
    max-width:430px!important;
    height:340px!important;
    margin:0 auto!important;
    transform:none!important;
    left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;
    overflow:visible!important;
  }
  #od360-chat-guided.od360-needs-open .od360-need-petal{
    width:82px!important;
    height:82px!important;
    min-width:82px!important;
    min-height:82px!important;
    max-width:82px!important;
    padding:7px!important;
    font-size:12px!important;
    line-height:1.08!important;
  }
  #od360-chat-guided.od360-needs-open #od360-needs-close{
    width:118px!important;
    height:118px!important;
    min-width:118px!important;
    min-height:118px!important;
    max-width:118px!important;
    max-height:118px!important;
    border-radius:50%!important;
  }

  /* Add wheel: compact centered fan on desktop. */
  #od360-chat #od360-add-wheel{
    position:relative!important;
    width:330px!important;
    max-width:100%!important;
    height:184px!important;
    margin:4px auto 10px!important;
    left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;
    transform:none!important;
    overflow:visible!important;
  }
  #od360-chat #od360-add-wheel button[data-action]{
    width:72px!important;height:72px!important;
    min-width:72px!important;min-height:72px!important;
    max-width:72px!important;max-height:72px!important;
  }

  /* Composer and guided UI may never escape horizontally. */
  #od360-chat .od360-compose-tools,
  #od360-chat .od360-compact-tools,
  #od360-chat-guided{
    box-sizing:border-box!important;
    max-width:100%!important;
  }
}

/* V1.6.23.4 — desktop chat geometry lock.
   Mobile <=600px intentionally unchanged. */
@media (min-width:601px){
  /* Lock the actual floating chat shell against theme/Elementor container rules. */
  #od360-chat,
  #od360-smart-chat,
  .od360-chat,
  .od360-smart-chat{
    box-sizing:border-box!important;
    width:420px!important;
    min-width:420px!important;
    max-width:420px!important;
  }

  #od360-chat{
    position:fixed!important;
    right:24px!important;
    left:auto!important;
    bottom:24px!important;
    top:auto!important;
    margin:0!important;
    transform:none!important;
    overflow:hidden!important;
    z-index:2147483000!important;
  }

  /* Every main child must use the shell width, never the page column width. */
  #od360-chat > *,
  #od360-chat .od360-chat-header,
  #od360-chat .od360-chat-body,
  #od360-chat .od360-messages,
  #od360-chat .od360-chat-guided,
  #od360-chat #od360-chat-guided,
  #od360-chat form,
  #od360-chat .od360-compose,
  #od360-chat .od360-compose-tools{
    box-sizing:border-box!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
  }

  /* Prevent theme typography/transforms from shrinking the entire interface. */
  #od360-chat{
    zoom:1!important;
    scale:1!important;
    font-size:16px!important;
  }

  /* Composer must remain fully visible. */
  #od360-chat textarea,
  #od360-chat input[type="text"],
  #od360-chat .od360-message-input{
    box-sizing:border-box!important;
    width:100%!important;
    max-width:100%!important;
  }

  /* Wheels centered and clipped by neither page nor composer. */
  #od360-chat #od360-needs-wheel{
    width:388px!important;
    max-width:100%!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
  #od360-chat #od360-add-wheel{
    width:330px!important;
    max-width:100%!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
}

/* V1.6.23.5 — needs close X + compact desktop launcher */
.od360-needs-x{position:absolute!important;right:8px!important;top:8px!important;z-index:12!important;width:34px!important;height:34px!important;min-width:34px!important;max-width:34px!important;min-height:34px!important;max-height:34px!important;padding:0!important;margin:0!important;border:0!important;border-radius:50%!important;background:var(--od360-accent)!important;color:#fff!important;display:grid!important;place-items:center!important;font-size:22px!important;line-height:1!important;box-shadow:0 4px 12px rgba(0,0,0,.14)!important;cursor:pointer!important}
@media(min-width:601px){
 #od360-chat{width:auto!important;min-width:0!important;max-width:none!important}
 #od360-chat-launch{width:48px!important;height:48px!important;min-width:48px!important;max-width:48px!important;min-height:48px!important;max-height:48px!important;padding:0!important;border-radius:50%!important;display:grid!important;place-items:center!important;font-size:21px!important}
 #od360-chat-panel{width:420px!important;min-width:420px!important;max-width:420px!important}
}

/* V1.6.24.0 — qualification path UI */
.od360-qualification-box{margin:8px 14px;padding:12px;border:1px solid #e3e5e8;border-radius:14px;background:#fff;box-sizing:border-box}
.od360-qualification-box>strong{display:block;margin-bottom:9px}
.od360-qualification-options{display:flex;flex-wrap:wrap;gap:7px}
.od360-qualification-options button{border:1px solid #ddd;border-radius:999px;background:#fff;padding:8px 11px;cursor:pointer}
.od360-qualification-options button:hover{border-color:var(--od360-accent);color:var(--od360-accent)}
.od360-qualification-input{display:flex;gap:7px}
.od360-qualification-input input{flex:1;min-width:0;border:1px solid #ddd;border-radius:10px;padding:9px}
.od360-qualification-input button{border:0;border-radius:10px;background:var(--od360-accent);color:#fff;padding:8px 12px;font-weight:700}

/* V1.6.31.1 — saisie structurée dans la conversation */
.od360-progressive-inline{margin:8px 6px 12px;padding:10px;background:#fff;border:1px solid #e4e7ec;border-radius:12px}
.od360-progressive-inline form,.od360-qualification-input{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;width:100%;box-sizing:border-box}
.od360-progressive-inline input,.od360-qualification-input input{width:100%;min-width:0;box-sizing:border-box;padding:10px 12px;border:1px solid #cfd4dc;border-radius:9px;background:#fff;color:#222}
.od360-progressive-inline button,.od360-qualification-input button{border:0;border-radius:9px;padding:10px 14px;background:#F0008A;color:#fff;font-weight:600;cursor:pointer}
.od360-progressive-error,.od360-qual-error{grid-column:1/-1;min-height:15px;font-size:12px;color:#b42318}
@media(max-width:600px){.od360-progressive-inline form,.od360-qualification-input{grid-template-columns:1fr}.od360-progressive-inline button,.od360-qualification-input button{width:100%}}

/* V1.6.31.2 : formulaire progressif persistant hors du flux de messages */
.od360-progressive-inline{position:relative;z-index:4;flex:0 0 auto;width:100%;box-sizing:border-box}
.od360-progressive-question{display:block;font-weight:600;margin:0 0 8px;line-height:1.35}

/* V1.6.31.3 — formulaire progressif = état persistant, indépendant des messages/guidage */
#od360-progressive-inline{display:block!important;visibility:visible!important;opacity:1!important;height:auto!important;max-height:none!important;overflow:visible!important;flex:0 0 auto;position:relative;z-index:10}


/* OD360 V2.14.15 — polish visuel, aucune modification fonctionnelle */

/* « Que recherchez-vous ? » : survol plus lisible des pétales/icônes. */
.od360-need-petal {
    transition: transform .18s ease, box-shadow .18s ease, filter .18s ease,
                border-color .18s ease, background-color .18s ease;
}
.od360-need-petal:hover {
    transform: translateY(-3px) scale(1.07);
    box-shadow: 0 8px 20px rgba(0,0,0,.18);
    filter: brightness(1.08);
    border-color: #f0008a;
    z-index: 3;
}
.od360-need-petal:hover > span {
    transform: scale(1.10);
}
.od360-need-petal > span {
    transition: transform .18s ease;
}
.od360-need-petal:focus-visible {
    outline: 3px solid rgba(240,0,138,.32);
    outline-offset: 3px;
}

/* Collecte progressive : questions coordonnées distinctes des messages normaux. */
.od360-progressive-question {
    background: #fff0f8;
    color: #8a0050;
    border: 1px solid #f0008a;
    border-left: 4px solid #f0008a;
    border-radius: 10px;
    padding: 10px 12px;
    margin-bottom: 9px;
    font-weight: 600;
    box-shadow: 0 2px 8px rgba(240,0,138,.10);
}

/* OD360 V2.14.19 — libellés roue : 2 lignes, centrés, sans chevauchement */
.od360-need-petal b{
  display:block;
  width:92px;
  max-width:92px;
  margin:3px auto 0;
  text-align:center;
  line-height:1.05;
  overflow:visible;
  font-size:clamp(10px, 2.7vw, 13px) !important;
}
.od360-need-petal b .od360-need-line1,
.od360-need-petal b .od360-need-line2{
  display:block;
  width:100%;
  max-width:100%;
  text-align:center;
  line-height:1.05;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:clip;
}
.od360-need-petal b .od360-need-line2{
  margin-top:2px;
  font-size:.92em;
}
@media (max-width:480px){
  .od360-need-petal b{
    width:78px;
    max-width:78px;
    font-size:10px !important;
  }
}


.od360-need-petal b.od360-need-label-lg{font-size:11px !important}
.od360-need-petal b.od360-need-label-xl{font-size:9.5px !important;letter-spacing:-.15px}

/* OD360 V2.14.20 — HARD FIX libellés « Que recherchez-vous ? » */
#od360-chat .od360-needs-wheel .od360-need-petal b,
#od360-chat .od360-need-petal b,
.od360-needs-wheel .od360-need-petal b,
.od360-need-petal b {
    position: relative !important;
    display: block !important;
    box-sizing: border-box !important;
    width: 86px !important;
    min-width: 0 !important;
    max-width: 86px !important;
    height: 28px !important;
    min-height: 28px !important;
    max-height: 28px !important;
    margin: 2px auto 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    text-align: center !important;
    white-space: normal !important;
    line-height: 13px !important;
    font-size: 12px !important;
    letter-spacing: -0.15px !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
}
#od360-chat .od360-need-petal b .od360-need-line1,
#od360-chat .od360-need-petal b .od360-need-line2,
.od360-need-petal b .od360-need-line1,
.od360-need-petal b .od360-need-line2 {
    position: static !important;
    display: block !important;
    box-sizing: border-box !important;
    width: 86px !important;
    min-width: 0 !important;
    max-width: 86px !important;
    height: 13px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    text-align: center !important;
    white-space: nowrap !important;
    line-height: 13px !important;
    font-size: inherit !important;
    transform: none !important;
}
#od360-chat .od360-need-petal b.od360-need-label-lg,
.od360-need-petal b.od360-need-label-lg {
    font-size: 10.5px !important;
    letter-spacing: -0.25px !important;
}
#od360-chat .od360-need-petal b.od360-need-label-xl,
.od360-need-petal b.od360-need-label-xl {
    font-size: 9px !important;
    letter-spacing: -0.4px !important;
}
@media (max-width: 480px) {
    #od360-chat .od360-need-petal b,
    .od360-need-petal b {
        width: 76px !important;
        max-width: 76px !important;
        font-size: 10.5px !important;
    }
    #od360-chat .od360-need-petal b .od360-need-line1,
    #od360-chat .od360-need-petal b .od360-need-line2,
    .od360-need-petal b .od360-need-line1,
    .od360-need-petal b .od360-need-line2 {
        width: 76px !important;
        max-width: 76px !important;
    }
    #od360-chat .od360-need-petal b.od360-need-label-lg,
    .od360-need-petal b.od360-need-label-lg { font-size: 9.5px !important; }
    #od360-chat .od360-need-petal b.od360-need-label-xl,
    .od360-need-petal b.od360-need-label-xl { font-size: 8.5px !important; }
}

/* OD360 V2.14.21 — contenu strictement à l'intérieur des cercles */
#od360-chat-guided.od360-needs-open .od360-need-petal{
    position:absolute !important;
    box-sizing:border-box !important;
    width:82px !important;
    height:82px !important;
    min-width:82px !important;
    min-height:82px !important;
    max-width:82px !important;
    max-height:82px !important;
    padding:6px 4px 5px !important;
    overflow:hidden !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    gap:2px !important;
}
#od360-chat-guided.od360-needs-open .od360-need-petal > span{
    position:static !important;
    flex:0 0 auto !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:26px !important;
    height:26px !important;
    margin:0 auto 1px !important;
    padding:0 !important;
    line-height:26px !important;
    transform:none;
}
#od360-chat-guided.od360-needs-open .od360-need-petal b{
    position:static !important;
    flex:0 0 auto !important;
    display:block !important;
    box-sizing:border-box !important;
    width:72px !important;
    min-width:0 !important;
    max-width:72px !important;
    height:27px !important;
    min-height:27px !important;
    max-height:27px !important;
    margin:0 auto !important;
    padding:0 !important;
    overflow:hidden !important;
    text-align:center !important;
    white-space:normal !important;
    line-height:12.5px !important;
    font-size:11px !important;
    letter-spacing:-.15px !important;
}
#od360-chat-guided.od360-needs-open .od360-need-petal b .od360-need-line1,
#od360-chat-guided.od360-needs-open .od360-need-petal b .od360-need-line2{
    position:static !important;
    display:block !important;
    box-sizing:border-box !important;
    width:72px !important;
    min-width:0 !important;
    max-width:72px !important;
    height:12.5px !important;
    max-height:12.5px !important;
    margin:0 !important;
    padding:0 !important;
    overflow:hidden !important;
    white-space:nowrap !important;
    text-align:center !important;
    line-height:12.5px !important;
    font-size:inherit !important;
    text-overflow:clip !important;
    transform:none !important;
}
#od360-chat-guided.od360-needs-open .od360-need-petal b.od360-need-label-lg{
    font-size:9.5px !important;
    letter-spacing:-.3px !important;
}
#od360-chat-guided.od360-needs-open .od360-need-petal b.od360-need-label-xl{
    font-size:8px !important;
    letter-spacing:-.45px !important;
}
#od360-chat-guided.od360-needs-open .od360-need-petal:hover{
    overflow:hidden !important;
}
#od360-chat-guided.od360-needs-open .od360-need-petal:hover > span{
    transform:scale(1.06) !important;
}

/* V2.14.26 — photo du conseiller dans l'en-tête, à l'opposé du logo */
#od360-chat .od360-head{position:relative}
#od360-chat .od360-header-agent-avatar{
  width:44px!important;height:44px!important;min-width:44px!important;
  border-radius:50%!important;object-fit:cover!important;
  border:2px solid rgba(255,255,255,.95)!important;
  box-shadow:0 2px 8px rgba(0,0,0,.18)!important;
  margin-left:auto!important;margin-right:8px!important;
  align-self:center!important;display:block!important;flex:0 0 44px!important;
}
@media (max-width:480px){
 #od360-chat .od360-header-agent-avatar{
   width:38px!important;height:38px!important;min-width:38px!important;
   flex-basis:38px!important;margin-right:5px!important;
 }
}

/* V2.14.31 — montage robuste photo header */
#od360-chat .od360-header-agent-avatar{
  display:block!important;visibility:visible!important;opacity:1!important;
  width:42px!important;height:42px!important;min-width:42px!important;max-width:42px!important;
  flex:0 0 42px!important;object-fit:cover!important;border-radius:50%!important;
  border:2px solid #fff!important;margin:0 8px 0 auto!important;
  position:relative!important;z-index:12!important;
}
#od360-chat #od360-chat-minimize{margin-left:0!important}
@media(max-width:480px){
 #od360-chat .od360-header-agent-avatar{width:36px!important;height:36px!important;min-width:36px!important;max-width:36px!important;flex-basis:36px!important;margin-right:6px!important}
}

/* V2.14.33 — image personnalisée rendue côté PHP, source de vérité */
#od360-chat .od360-header-actions .od360-header-agent-avatar-server{
 width:42px!important;height:42px!important;min-width:42px!important;max-width:42px!important;
 object-fit:cover!important;border-radius:50%!important;border:2px solid #fff!important;
 display:block!important;visibility:visible!important;opacity:1!important;
 margin:0 8px 0 0!important;flex:0 0 42px!important;
}
#od360-chat .od360-header-actions{display:flex!important;align-items:center!important}
@media(max-width:480px){
 #od360-chat .od360-header-actions .od360-header-agent-avatar-server{
  width:36px!important;height:36px!important;min-width:36px!important;max-width:36px!important;flex-basis:36px!important;margin-right:6px!important
 }
}
