/* Le support : la bulle en bas à droite, le lien Telegram et les questions
   fréquentes réglés dans /admin. Accueil et tableau de bord (static/support.js
   ajoute la bulle à la page).
   Le vert est celui des boutons du site (.lux-primary, .btn-primary).
   --support-bas : hauteur de la bulle, relevée au-dessus de la barre du bas
   du tableau de bord sur téléphone (dashboard.css). */
.support-bubble{position:fixed;right:24px;bottom:var(--support-bas,24px);z-index:1200;
  width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  padding:0;color:#02110a;cursor:pointer;
  border:1px solid rgba(113,255,190,.52);
  background:linear-gradient(135deg,#34ff9f 0%,#14e587 48%,#08ca70 100%);
  box-shadow:0 14px 36px rgba(19,242,138,.18),inset 0 1px 0 rgba(255,255,255,.54),inset 0 -1px 0 rgba(0,0,0,.16);
  transition:transform .2s ease,filter .2s ease}
.support-bubble:hover{transform:scale(1.07);filter:saturate(1.06) brightness(1.03)}
/* L'icône : une bulle de discussion, une croix quand la fenêtre est ouverte. */
.support-bubble svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.support-bubble .support-ico-fermer,.support-bubble.is-open .support-ico-ouvrir{display:none}
.support-bubble.is-open .support-ico-fermer{display:block}

.support-panel{position:fixed;right:24px;bottom:calc(var(--support-bas,24px) + 72px);z-index:1200;
  width:370px;max-width:calc(100vw - 48px);max-height:calc(100vh - var(--support-bas,24px) - 106px);
  display:none;flex-direction:column;overflow:hidden;font-family:'Inter',sans-serif;
  border:1px solid rgba(255,255,255,.08);border-radius:18px;
  background:linear-gradient(180deg,#0d1210,#080b09);box-shadow:0 16px 48px rgba(0,0,0,.5);
  animation:supportIn .22s ease-out}
.support-panel.open{display:flex}
@keyframes supportIn{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}

.support-header{position:relative;padding:26px 24px 22px;border-bottom:1px solid #2a2a2a;
  background:linear-gradient(135deg,#0e2d20,#091711)}
.support-header h2{margin:0 0 4px;font-family:'Space Grotesk',sans-serif;font-size:22px;font-weight:700;color:#fff}
.support-header p{margin:0;color:rgba(255,255,255,.7);font-size:14px}
.support-close{position:absolute;top:18px;right:18px;width:30px;height:30px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;
  background:rgba(255,255,255,.1);color:#fff;font-size:18px}
.support-close:hover{background:rgba(255,255,255,.2)}

.support-content{padding:20px;overflow-y:auto}
.support-content::-webkit-scrollbar{width:6px}
.support-content::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:3px}

.support-msg-btn{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;padding:14px;
  border-radius:11px;font-family:'Inter',sans-serif;font-size:15px;font-weight:600;color:#02110a;cursor:pointer;
  border:1px solid rgba(113,255,190,.52);
  background:linear-gradient(135deg,#34ff9f 0%,#14e587 48%,#08ca70 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.54),inset 0 -1px 0 rgba(0,0,0,.16);
  transition:filter .15s ease}
.support-msg-btn:hover{filter:saturate(1.06) brightness(1.03)}

.support-faq-title{margin:24px 0 12px;font-family:'Space Grotesk',sans-serif;font-size:13px;font-weight:600;
  color:#9a9a9a;text-transform:uppercase;letter-spacing:.5px}
.support-empty{padding:10px 0;text-align:center;color:#5a5a5a;font-size:13px}
.faq-q{margin-bottom:8px;overflow:hidden;border:1px solid #2a2a2a;border-radius:10px;background:#1d1d1d}
.faq-q-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 16px;
  font-size:14px;font-weight:500;color:#f5f5f5;cursor:pointer}
.faq-q-head:hover{color:#13f28a}
.faq-q-head .chev{flex-shrink:0;color:#5a5a5a;transition:transform .2s}
.faq-q.open .faq-q-head .chev{transform:rotate(180deg)}
.faq-q-body{max-height:0;overflow:hidden;padding:0 16px;transition:max-height .25s ease}
.faq-q.open .faq-q-body{max-height:400px;padding-bottom:14px}
.faq-q-body p{margin:0;font-size:13.5px;line-height:1.6;color:#9a9a9a}