/* UpMyChain — bulle d'aide. Règle 9 du protocole : l'orange #FF6300 ne va que sur des
   fonds et des bordures ; le texte posé dessus est #14100C, les liens en --accent-ink. */
.umc-chat-bulle, .umc-chat {
  --c-fond: #fff; --c-texte: #1d1a17; --c-doux: #6b635b; --c-ligne: #e7e1da;
  --c-moi: #f4efe9; --c-humain: #fff4ec; --c-ink: #9A3B00; --c-orange: #FF6300; --c-sur-orange: #14100C;
  font-family: inherit; box-sizing: border-box;
}
@media (prefers-color-scheme: dark) {
  .umc-chat-bulle, .umc-chat {
    --c-fond: #1b1917; --c-texte: #f1ece6; --c-doux: #b3aaa1; --c-ligne: #36312c;
    --c-moi: #2a2622; --c-humain: #33241a; --c-ink: #FF9A55;
  }
}
.umc-chat *, .umc-chat *::before, .umc-chat *::after { box-sizing: border-box; }
.umc-chat-bulle {
  position: fixed; right: 18px; bottom: calc(18px + env(safe-area-inset-bottom, 0px)); z-index: 9990;
  display: flex; align-items: center; gap: 8px; padding: 12px 16px; border: 0; border-radius: 999px;
  background: var(--c-orange); color: var(--c-sur-orange); font-weight: 700; font-size: 15px;
  box-shadow: 0 6px 20px rgba(0,0,0,.22); cursor: pointer;
}
.umc-chat-bulle svg { width: 20px; height: 20px; }
.umc-chat-bulle:focus-visible, .umc-chat button:focus-visible, .umc-chat input:focus-visible, .umc-chat textarea:focus-visible {
  outline: 3px solid var(--c-ink); outline-offset: 2px;
}
.umc-chat-bulle.umc-chat-nouveau::after {
  content: ""; position: absolute; top: 4px; right: 6px; width: 11px; height: 11px;
  border-radius: 50%; background: #1f8a3b; border: 2px solid #fff;
}
.umc-chat {
  position: fixed; right: 18px; bottom: calc(18px + env(safe-area-inset-bottom, 0px)); z-index: 9991;
  width: min(390px, calc(100vw - 24px)); height: min(600px, calc(100vh - 36px));
  display: flex; flex-direction: column; background: var(--c-fond); color: var(--c-texte);
  border: 1px solid var(--c-ligne); border-radius: 16px; box-shadow: 0 16px 48px rgba(0,0,0,.28);
  overflow: hidden; font-size: 15px; line-height: 1.5;
}
.umc-chat[hidden], .umc-chat-bulle[hidden], .umc-chat [hidden] { display: none !important; }
.umc-chat-tete {
  display: flex; justify-content: space-between; align-items: center; gap: 8px;
  padding: 12px 14px; background: var(--c-orange); color: var(--c-sur-orange);
}
.umc-chat-tete small { display: block; font-size: 12.5px; opacity: .85; }
.umc-chat-x { border: 0; background: transparent; color: inherit; font-size: 26px; line-height: 1; cursor: pointer; padding: 0 4px; }
.umc-chat-fil { flex: 1; overflow-y: auto; padding: 14px; display: flex; flex-direction: column; gap: 10px; }
.umc-chat-msg { max-width: 92%; padding: 10px 12px; border-radius: 12px; word-wrap: break-word; }
.umc-chat-msg.bot { align-self: flex-start; background: var(--c-moi); }
.umc-chat-msg.moi { align-self: flex-end; background: var(--c-texte); color: var(--c-fond); }
.umc-chat-msg.humain { align-self: flex-start; background: var(--c-humain); border-left: 3px solid var(--c-orange); }
.umc-chat-msg small { display: block; font-size: 12px; color: var(--c-doux); margin-bottom: 2px; }
.umc-chat-msg a, .umc-chat-lien { color: var(--c-ink); text-decoration: underline; }
.umc-chat-lien { display: inline-block; margin-top: 6px; font-size: 13.5px; }
.umc-chat-puces { display: flex; flex-wrap: wrap; gap: 6px; }
.umc-chat-puces button {
  border: 1px solid var(--c-orange); background: transparent; color: var(--c-texte);
  border-radius: 999px; padding: 6px 11px; font-size: 13.5px; cursor: pointer; text-align: left;
}
.umc-chat-puces button:hover { background: var(--c-humain); }
.umc-chat-saisie { display: flex; gap: 8px; padding: 10px; border-top: 1px solid var(--c-ligne); }
.umc-chat-saisie input, .umc-chat-form input, .umc-chat-form textarea {
  flex: 1; width: 100%; min-width: 0; padding: 9px 11px; border: 1px solid var(--c-ligne); border-radius: 10px;
  background: var(--c-fond); color: var(--c-texte); font: inherit;
}
.umc-chat-saisie button, .umc-chat-form button {
  border: 0; border-radius: 10px; padding: 9px 14px; background: var(--c-orange);
  color: var(--c-sur-orange); font-weight: 700; cursor: pointer;
}
.umc-chat-form { display: flex; flex-direction: column; gap: 8px; }
.umc-chat-form p { margin: 0; }
.umc-chat-form label { display: flex; flex-direction: column; gap: 3px; font-size: 13.5px; font-weight: 600; }
.umc-chat-form button[disabled] { opacity: .6; }
.umc-chat-err { color: #b3261e; font-size: 13.5px; }
.umc-chat-pot { position: absolute !important; left: -9999px !important; }
.umc-chat-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
@media (max-width: 480px) {
  .umc-chat { right: 0; bottom: 0; width: 100vw; height: 100dvh; border-radius: 0; }
  .umc-chat-bulle span { display: none; }
}
/* page /page/faq-entreprises */
.umc-faq-ent .umc-faq-chapo { font-size: 1.1em; }
.umc-faq-ent .umc-faq-sommaire ul { columns: 2 260px; padding-left: 1.2em; }
.umc-faq-ent h2.umc-faq-rubrique { margin-top: 2em; padding-bottom: .3em; border-bottom: 2px solid #FF6300; }
.umc-faq-ent h3 { margin-top: 1.4em; scroll-margin-top: 90px; }
.umc-faq-ent .umc-faq-humain { margin-top: 2em; padding: 14px 16px; border-left: 4px solid #FF6300; background: rgba(255,99,0,.07); }
