#supportflow-widget{position:fixed;right:24px;bottom:24px;z-index:999999;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.sfw-launch{width:60px;height:60px;border:0;border-radius:20px;background:linear-gradient(135deg,var(--sf-primary),#8175ff);color:#fff;font-size:24px;box-shadow:0 18px 45px rgba(50,43,130,.28);cursor:pointer;position:relative}.sfw-launch i{position:absolute;right:4px;top:4px;width:10px;height:10px;border-radius:50%;background:#2ed080;border:2px solid #fff}.sfw-panel{position:absolute;right:0;bottom:74px;width:380px;height:600px;max-height:calc(100vh - 110px);background:#fff;border-radius:22px;box-shadow:0 28px 80px rgba(20,23,45,.22);overflow:hidden;display:none;border:1px solid #ececf3}.sfw-panel.open{display:flex;flex-direction:column}.sfw-head{background:linear-gradient(135deg,var(--sf-primary),#9489ff);color:#fff;padding:21px 22px;display:flex;justify-content:space-between;align-items:flex-start}.sfw-head small,.sfw-head strong,.sfw-head span{display:block}.sfw-head small{opacity:.8;margin-bottom:4px}.sfw-head strong{font-size:18px;max-width:280px}.sfw-online{font-size:11px;margin-top:7px;opacity:.85}.sfw-close{border:0;background:rgba(255,255,255,.16);color:#fff;width:31px;height:31px;border-radius:9px;font-size:20px;cursor:pointer}.sfw-body{padding:18px;flex:1;min-height:0;overflow:hidden}.sfw-start-view{height:100%;overflow:auto}.sfw-greeting{background:#f5f4ff;padding:13px;border-radius:13px;margin-bottom:12px;color:#414757}.sfw-body input,.sfw-body textarea{box-sizing:border-box;width:100%;border:1px solid #e5e7ef;border-radius:11px;padding:11px 12px;margin:6px 0;outline:none;font:inherit}.sfw-body textarea{min-height:90px;resize:vertical}.sfw-body input:focus,.sfw-body textarea:focus{border-color:var(--sf-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--sf-primary) 12%,transparent)}#sfw-start{width:100%;border:0;border-radius:11px;padding:12px;background:var(--sf-primary);color:#fff;font-weight:800;margin-top:8px;cursor:pointer}.sfw-human{width:100%;border:0;background:transparent;text-align:center;color:var(--sf-primary);font-weight:800;font-size:12px;margin-top:12px;cursor:pointer}.sfw-foot{text-align:center;color:#a0a4af;font-size:10px;border-top:1px solid #f0f1f5;padding:9px}#sfw-result{font-size:12px;margin-top:8px;text-align:center;color:#39775a}.sfw-chat-view{height:100%;display:none;flex-direction:column}.sfw-chat-view[style*="display: block"]{display:flex!important}.sfw-chat-meta{display:flex;align-items:center;gap:10px;padding:0 0 12px;border-bottom:1px solid #f0f1f5}.sfw-chat-meta button{width:31px;height:31px;border:1px solid #e7e9ef;background:#fff;border-radius:9px;font-size:22px;color:#777e8d;cursor:pointer}.sfw-chat-meta strong,.sfw-chat-meta span{display:block}.sfw-chat-meta strong{font-size:13px}.sfw-chat-meta span{font-size:10px;color:#9297a4;margin-top:2px}#sfw-messages{flex:1;overflow:auto;padding:10px 2px 8px;min-height:0}.sfw-msg{max-width:82%;margin:9px 0}.sfw-msg>div{padding:10px 12px;border-radius:13px;border:1px solid #e8eaf1;background:#f7f8fb;color:#343947;font-size:13px;line-height:1.45}.sfw-msg small{display:block;color:#a1a5af;font-size:9px;margin:3px 4px}.sfw-msg.visitor{margin-left:auto}.sfw-msg.visitor>div{background:var(--sf-primary);border-color:var(--sf-primary);color:#fff}.sfw-msg.assistant>div{background:#f1f0ff;border-color:#e3e0ff;color:#3e4260}.sfw-compose{display:grid;grid-template-columns:1fr 42px;gap:8px;align-items:end;border-top:1px solid #f0f1f5;padding-top:10px}.sfw-compose textarea{min-height:48px;max-height:90px;margin:0;resize:none}.sfw-compose button{height:42px;border:0;border-radius:12px;background:var(--sf-primary);color:#fff;font-size:17px;cursor:pointer}.sfw-human-chat{margin-top:7px;margin-bottom:-5px}@media(max-width:480px){#supportflow-widget{right:12px;bottom:12px}.sfw-panel{position:fixed;left:10px;right:10px;bottom:82px;width:auto;height:min(620px,calc(100vh - 100px))}}

/* SupportFlow 0.4.0 — lisibilité de la conversation visiteur */
.sfw-chat-meta strong{font-size:14px;font-weight:650;color:#273142;line-height:1.35}
.sfw-chat-meta span{font-size:11.5px;color:#7a8494;line-height:1.35;margin-top:3px}
.sfw-msg>div{font-size:14.5px;line-height:1.5;padding:11px 13px}
.sfw-msg small{font-size:10px;color:#8a92a1;margin:4px 4px}
.sfw-compose textarea{font-size:14px!important;line-height:1.45!important;min-height:58px;padding:12px 13px!important}
.sfw-compose textarea::placeholder{font-size:14px;color:#8b93a2;opacity:1}


/* SupportFlow 0.4.1 — messages widget légèrement agrandis */
.sfw-msg>div{font-size:15.5px!important;line-height:1.5!important}
.sfw-msg small{font-size:10.5px!important}


/* SupportFlow 0.4.2 — bulles visiteur équilibrées */
#supportflow-widget{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}
.sfw-msg>div{background:#f3f5f8!important;border-color:#dfe3ea!important;color:#273142!important;box-shadow:0 1px 2px rgba(16,24,40,.025)}
.sfw-msg.visitor>div{background:#6659dc!important;border-color:#6659dc!important;color:#fff!important;box-shadow:none}
.sfw-msg.assistant>div{background:#eef0fb!important;border-color:#dfe3f4!important;color:#344054!important}
.sfw-compose textarea{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif!important;font-weight:400!important;letter-spacing:0!important;color:#273142!important}
.sfw-compose textarea::placeholder{font-family:inherit!important;font-weight:400!important;letter-spacing:0!important;color:#8a93a3!important;opacity:1}

/* SupportFlow 0.4.3 — bulles inspirées des standards helpdesk */
.sfw-msg>div{background:#f2f3f5!important;border:1px solid #eef0f2!important;color:#4b5563!important;box-shadow:none!important}
.sfw-msg.visitor>div{background:#e7f3ff!important;border-color:#e7f3ff!important;color:#185f8f!important;box-shadow:none!important}
.sfw-msg.assistant>div,.sfw-msg.agent>div{background:#f2f3f5!important;border-color:#eef0f2!important;color:#4b5563!important;box-shadow:none!important}
.sfw-msg>div{border-radius:12px!important}

/* SupportFlow 0.4.4 — lisibilité finale des messages */
.sfw-msg>div,
.sfw-msg.visitor>div,
.sfw-msg.assistant>div,
.sfw-msg.agent>div{
  color:#111827!important;
  font-size:16px!important;
  line-height:1.5!important;
  font-weight:400!important;
}
.sfw-compose textarea{color:#111827!important}
.sfw-compose textarea::placeholder{color:#667085!important}

/* SupportFlow 0.5.1 — options de personnalisation */
#supportflow-widget.sfw-pos-left{left:24px;right:auto}#supportflow-widget.sfw-pos-left .sfw-panel{left:0;right:auto}.sfw-launch span{display:grid;place-items:center}.sfw-launch svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.sfw-size-small .sfw-launch{width:52px;height:52px;border-radius:17px}.sfw-size-small .sfw-launch svg{width:22px;height:22px}.sfw-size-large .sfw-launch{width:68px;height:68px;border-radius:22px}.sfw-size-large .sfw-launch svg{width:29px;height:29px}.sfw-head{position:relative;background-color:var(--sf-primary);background-image:var(--sf-head-bg,linear-gradient(135deg,var(--sf-primary),#9489ff));background-size:cover;background-position:center;background-repeat:no-repeat}.sfw-head:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(34,30,88,.48),rgba(93,77,225,.34));pointer-events:none}.sfw-head>*{position:relative;z-index:1}#supportflow-widget:not([style*="--sf-head-bg:url"]) .sfw-head:before{display:none}.sfw-head-main{display:flex;align-items:flex-start;gap:12px}.sfw-logo{width:44px;height:44px;border-radius:13px;object-fit:cover;border:2px solid rgba(255,255,255,.5);box-shadow:0 4px 14px rgba(0,0,0,.12)}@media(max-width:480px){#supportflow-widget.sfw-pos-left{left:12px;right:auto}}

/* SupportFlow 0.5.4 — meilleure lisibilité du message d'information conseiller */
#sfw-result{
  font-size:14px;
  line-height:1.5;
  font-weight:500;
  color:#2f6f55;
  margin:10px auto 0;
  max-width:320px;
  padding:0 6px;
}
@media(max-width:480px){
  #sfw-result{
    font-size:15px;
    line-height:1.5;
    max-width:100%;
    padding:0 10px;
  }
}


/* SupportFlow 0.5.6 — indicateur de saisie */
.sfw-online b{font:inherit;font-weight:inherit}
.sfw-online.is-typing{opacity:1}
.sfw-online.is-typing:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:#fff;margin-right:5px;animation:sfwPulse 1.1s ease-in-out infinite}
.sfw-online.is-typing{font-size:12px}
.sfw-typing{width:max-content;display:flex;align-items:center;gap:5px;background:#f2f3f5;border:1px solid #eef0f2;border-radius:12px;padding:12px 14px;margin:9px 0}
.sfw-typing span{width:7px;height:7px;border-radius:50%;background:#7b8494;animation:sfwTyping 1.15s infinite ease-in-out}
.sfw-typing span:nth-child(2){animation-delay:.16s}.sfw-typing span:nth-child(3){animation-delay:.32s}
@keyframes sfwTyping{0%,60%,100%{transform:translateY(0);opacity:.45}30%{transform:translateY(-4px);opacity:1}}
@keyframes sfwPulse{0%,100%{opacity:.55}50%{opacity:1}}
\n\n/* SupportFlow 0.6.7 — nouvelle conversation */
.sfw-chat-title{min-width:0;flex:1}.sfw-chat-meta>.sfw-new-conversation{width:auto;height:32px;padding:0 10px;display:inline-flex;align-items:center;gap:6px;border:1px solid #e4e7ee;background:#fff;border-radius:9px;color:#5d6472;font-size:11px;font-weight:700;white-space:nowrap}.sfw-chat-meta>.sfw-new-conversation:hover{border-color:#d7d2ff;background:#f8f7ff;color:var(--sf-primary)}.sfw-new-conversation svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}.sfw-reset-dialog{position:absolute;inset:0;background:rgba(22,27,45,.28);backdrop-filter:blur(2px);display:none;align-items:center;justify-content:center;padding:18px;z-index:15}.sfw-reset-dialog.open{display:flex}.sfw-reset-card{width:100%;max-width:310px;background:#fff;border:1px solid #eceef4;border-radius:17px;box-shadow:0 20px 55px rgba(20,24,40,.2);padding:22px;text-align:center}.sfw-reset-icon{width:42px;height:42px;border-radius:13px;background:#f0eeff;color:var(--sf-primary);display:grid;place-items:center;margin:0 auto 12px}.sfw-reset-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}.sfw-reset-card>strong{display:block;font-size:16px;color:#202635;margin-bottom:7px}.sfw-reset-card>p{margin:0;color:#667085;font-size:12.5px;line-height:1.5}.sfw-reset-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:18px}.sfw-reset-actions button{height:39px;border-radius:10px;font:inherit;font-size:12px;font-weight:800;cursor:pointer}.sfw-reset-cancel{background:#fff;border:1px solid #e2e5ec;color:#555d6d}.sfw-reset-confirm{background:var(--sf-primary);border:1px solid var(--sf-primary);color:#fff}.sfw-reset-cancel:hover{background:#f7f8fa}.sfw-reset-confirm:hover{filter:brightness(.97)}
@media(max-width:480px){.sfw-chat-meta>.sfw-new-conversation{width:32px;padding:0;justify-content:center}.sfw-chat-meta>.sfw-new-conversation span{display:none}.sfw-reset-dialog{position:fixed;inset:0}.sfw-reset-card{max-width:290px}}
.sfw-choice-wrap{display:flex;flex-wrap:wrap;gap:7px;margin:8px 0 12px 8px}.sfw-choice{border:1px solid var(--sf-primary);background:#fff;color:var(--sf-primary);border-radius:999px;padding:8px 11px;font-size:12px;font-weight:700;cursor:pointer}.sfw-choice:hover{background:var(--sf-primary);color:#fff}


/* SupportFlow 0.9.8 — boutons de discussion rapide */
.sfw-quick-replies{display:flex;flex-wrap:wrap;gap:7px;padding:10px 1px 2px}.sfw-quick-replies:empty{display:none}.sfw-quick-reply{appearance:none;border:1px solid color-mix(in srgb,var(--sf-primary) 28%,#e4e7ee);background:color-mix(in srgb,var(--sf-primary) 5%,#fff);color:var(--sf-primary);border-radius:999px;padding:8px 12px;font:inherit;font-size:12px;font-weight:700;line-height:1.15;cursor:pointer;transition:.15s ease}.sfw-quick-reply:hover{background:var(--sf-primary);border-color:var(--sf-primary);color:#fff;transform:translateY(-1px)}.sfw-quick-reply:disabled{opacity:.55;cursor:wait;transform:none}

/* 0.10.12 - indicateur de presence vert dans le widget */
.sfw-online:not(.is-typing)::before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:#2ed080;margin-right:6px;vertical-align:1px;box-shadow:0 0 0 2px rgba(46,208,128,.16)}

/* SupportFlow 0.10.13 — formulaire pré-chat plus compact et premium */
.sfw-start-view{
  padding:0!important;
}
.sfw-start-view .sfw-greeting{
  margin:0 0 12px!important;
  padding:12px 14px!important;
  border-radius:14px!important;
  font-size:15px!important;
  line-height:1.45!important;
}
.sfw-start-view>input{
  height:46px!important;
  min-height:46px!important;
  margin:5px 0!important;
  padding:0 14px!important;
  border-radius:12px!important;
  border:1px solid #dde2ea!important;
  background:#fff!important;
  font-size:15px!important;
  line-height:46px!important;
  box-shadow:0 1px 2px rgba(16,24,40,.025)!important;
}
.sfw-start-view>textarea{
  min-height:74px!important;
  height:74px!important;
  max-height:110px!important;
  margin:5px 0!important;
  padding:12px 14px!important;
  border-radius:12px!important;
  border:1px solid #dde2ea!important;
  background:#fff!important;
  font-size:15px!important;
  line-height:1.4!important;
  box-shadow:0 1px 2px rgba(16,24,40,.025)!important;
}
.sfw-start-view>input::placeholder,
.sfw-start-view>textarea::placeholder{
  color:#8b93a2!important;
  opacity:1!important;
  font-size:15px!important;
}
.sfw-start-view>input:focus,
.sfw-start-view>textarea:focus{
  border-color:color-mix(in srgb,var(--sf-primary) 55%,#d9dde7)!important;
  box-shadow:0 0 0 3px color-mix(in srgb,var(--sf-primary) 9%,transparent)!important;
}
.sfw-start-view #sfw-start{
  min-height:44px!important;
  padding:10px 14px!important;
  margin-top:8px!important;
  border-radius:12px!important;
  font-size:13px!important;
  letter-spacing:0!important;
}
.sfw-start-view>.sfw-human{
  margin-top:9px!important;
}
.sfw-start-view #sfw-result{
  margin-top:7px!important;
}
@media(max-width:480px){
  .sfw-body{padding:14px!important}
  .sfw-start-view .sfw-greeting{font-size:14.5px!important;padding:11px 13px!important;margin-bottom:10px!important}
  .sfw-start-view>input{height:44px!important;min-height:44px!important;line-height:44px!important}
  .sfw-start-view>textarea{height:68px!important;min-height:68px!important}
}

/* SupportFlow 0.10.15 — formulaire pré-chat mobile compact, sans modifier le fonctionnement */
@media (max-width: 700px), (hover: none) and (pointer: coarse){
  .sfw-panel{
    top:10px!important;
    bottom:10px!important;
    height:auto!important;
    max-height:none!important;
  }
  .sfw-head{
    padding:14px 16px!important;
  }
  .sfw-head-main{
    gap:10px!important;
  }
  .sfw-logo{
    width:40px!important;
    height:40px!important;
    border-radius:12px!important;
  }
  .sfw-head small{
    margin-bottom:2px!important;
  }
  .sfw-head strong{
    font-size:17px!important;
    line-height:1.25!important;
  }
  .sfw-online{
    margin-top:4px!important;
  }
  .sfw-body{
    padding:11px 12px!important;
  }
  .sfw-start-view{
    height:100%!important;
    overflow-y:auto!important;
    overscroll-behavior:contain;
    padding:0 1px 2px!important;
  }
  .sfw-start-view .sfw-greeting{
    margin:0 0 8px!important;
    padding:9px 11px!important;
    border-radius:12px!important;
    font-size:14px!important;
    line-height:1.35!important;
  }
  .sfw-start-view>input{
    display:block!important;
    width:100%!important;
    height:40px!important;
    min-height:40px!important;
    margin:4px 0!important;
    padding:0 12px!important;
    border-radius:11px!important;
    font-size:14px!important;
    line-height:40px!important;
  }
  .sfw-start-view>textarea{
    display:block!important;
    width:100%!important;
    height:58px!important;
    min-height:58px!important;
    max-height:72px!important;
    margin:4px 0!important;
    padding:9px 12px!important;
    border-radius:11px!important;
    font-size:14px!important;
    line-height:1.35!important;
  }
  .sfw-start-view>input::placeholder,
  .sfw-start-view>textarea::placeholder{
    font-size:14px!important;
  }
  .sfw-start-view #sfw-start{
    min-height:40px!important;
    padding:8px 12px!important;
    margin-top:6px!important;
    border-radius:11px!important;
    font-size:12.5px!important;
  }
  .sfw-start-view>.sfw-human{
    margin-top:6px!important;
    font-size:11.5px!important;
  }
  .sfw-start-view #sfw-result{
    margin-top:4px!important;
  }
  .sfw-foot{
    padding:7px!important;
  }
}

/* 0.10.18 — message d’accueil plus lisible, sans modifier le formulaire */
.sfw-start-view .sfw-greeting{font-size:17px!important;line-height:1.45!important;font-weight:600!important}
@media(max-width:480px){.sfw-start-view .sfw-greeting{font-size:16.5px!important;line-height:1.4!important}}
.sfw-msg.assistant.sfw-local-welcome>div{font-size:16px;line-height:1.5;font-weight:600}


/* 0.10.19 — liens de messages cliquables et sans débordement */
.sfw-msg>div{overflow-wrap:anywhere;word-break:break-word}
.sfw-msg .sfw-message-link{color:inherit;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px;font-weight:700;overflow-wrap:anywhere;word-break:break-word}
.sfw-msg.assistant .sfw-message-link,.sfw-msg.agent .sfw-message-link{color:#3157b7}
.sfw-msg.visitor .sfw-message-link{color:inherit}
\n\n/* 0.10.20 — liens fiables sur mobile, sans modifier le reste du widget */
.sfw-msg>div{max-width:100%;min-width:0;overflow:hidden;overflow-wrap:anywhere;word-break:break-word}
.sfw-msg .sfw-message-link{display:inline;max-width:100%;white-space:normal!important;overflow-wrap:anywhere!important;word-break:break-word!important;pointer-events:auto!important;touch-action:manipulation;position:relative;z-index:2}
@media(max-width:700px),(hover:none) and (pointer:coarse){
  .sfw-msg>div{max-width:100%!important;overflow:hidden!important;overflow-wrap:anywhere!important;word-break:break-word!important}
  .sfw-msg .sfw-message-link{display:inline!important;white-space:normal!important;overflow-wrap:anywhere!important;word-break:break-all!important;pointer-events:auto!important;-webkit-user-select:text;user-select:text}
}