/* ══════════════════════════════════════════════════════════════════════════════
   FREEZE DATA — SUPPORT WIDGET CSS
   Colle ce bloc à la fin de : css/style.css
   ══════════════════════════════════════════════════════════════════════════════ */

@keyframes fdsBounce{0%,100%{transform:translateY(0)}30%{transform:translateY(-12px)}60%{transform:translateY(-5px)}}
@keyframes fdsPanelIn{from{opacity:0;transform:scale(.92) translateY(18px)}to{opacity:1;transform:scale(1) translateY(0)}}
@keyframes fdsPing{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.45);opacity:.5}}
@keyframes fdsGlow{0%,100%{opacity:1}50%{opacity:.3}}
@keyframes fdsMsgIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}

/* ── BUBBLE ───────────────────────────────────────── */
#fds-bubble{
  position:fixed;bottom:28px;right:28px;z-index:9200;
  display:flex;flex-direction:column;align-items:center;gap:7px;
  cursor:pointer;user-select:none;-webkit-tap-highlight-color:transparent;
}
#fds-bubble img{
  width:82px;height:82px;object-fit:contain;border-radius:50%;
  filter:drop-shadow(0 0 18px rgba(91,163,245,.55));
  transition:transform .28s cubic-bezier(.22,1,.36,1),filter .28s;
}
#fds-bubble:hover img{transform:scale(1.12) translateY(-5px);filter:drop-shadow(0 0 28px rgba(91,163,245,.85));}
#fds-bubble.fds-bounce img{animation:fdsBounce .75s ease infinite;}
#fds-label{
  font-family:'JetBrains Mono',monospace;font-size:10px;font-weight:700;
  letter-spacing:1px;text-transform:uppercase;color:#5ba3f5;
  background:rgba(10,10,14,.93);border:1px solid rgba(91,163,245,.28);
  border-radius:100px;padding:4px 13px;white-space:nowrap;
  backdrop-filter:blur(12px);box-shadow:0 0 16px rgba(91,163,245,.14);
}
#fds-notif{
  position:absolute;top:4px;right:4px;width:14px;height:14px;
  background:#ef4444;border-radius:50%;border:2.5px solid #060608;
  display:none;animation:fdsPing 1.4s ease-in-out infinite;
}

/* ── PANEL ────────────────────────────────────────── */
#fds-panel{
  position:fixed;bottom:130px;right:28px;width:360px;height:520px;
  background:#0a0a0f;border:1px solid #1c1c24;border-radius:18px;
  box-shadow:0 24px 80px rgba(0,0,0,.75),0 0 0 1px rgba(91,163,245,.06);
  z-index:9100;display:none;flex-direction:column;overflow:hidden;
}
#fds-panel.fds-open{display:flex;animation:fdsPanelIn .3s cubic-bezier(.22,1,.36,1) forwards;}

/* ── HEADER ───────────────────────────────────────── */
#fds-header{display:flex;align-items:center;gap:11px;padding:13px 15px;border-bottom:1px solid #1c1c24;background:rgba(8,8,14,.98);flex-shrink:0;}
#fds-hav{width:38px;height:38px;object-fit:contain;border-radius:50%;border:1.5px solid rgba(91,163,245,.3);flex-shrink:0;}
#fds-hinfo{flex:1;min-width:0;}
#fds-hname{font-family:'Inter',sans-serif;font-size:13px;font-weight:700;color:#e4e4ea;}
#fds-hstatus{display:flex;align-items:center;gap:5px;font-family:'JetBrains Mono',monospace;font-size:9px;color:#0dcc82;margin-top:2px;}
#fds-hdot{width:6px;height:6px;border-radius:50%;background:#0dcc82;flex-shrink:0;animation:fdsGlow 2s ease-in-out infinite;}
#fds-x{
  background:rgba(28,28,36,.7);border:1px solid #1c1c24;border-radius:8px;
  color:#73737f;width:28px;height:28px;cursor:pointer;
  display:flex;align-items:center;justify-content:center;
  transition:background .2s,color .2s;flex-shrink:0;
}
#fds-x:hover{background:#1c1c24;color:#e4e4ea;}

/* ── START SCREEN ─────────────────────────────────── */
#fds-start{
  flex:1;display:flex;flex-direction:column;align-items:center;
  justify-content:center;gap:13px;padding:26px 22px;text-align:center;
}
#fds-start img{width:68px;height:68px;object-fit:contain;filter:drop-shadow(0 0 14px rgba(91,163,245,.45));}
.fds-start-title{font-family:'Inter',sans-serif;font-size:17px;font-weight:800;color:#e4e4ea;letter-spacing:-.4px;}
.fds-start-sub{font-size:12.5px;color:#73737f;line-height:1.65;max-width:265px;}
#fds-startbtn{
  display:inline-flex;align-items:center;gap:9px;padding:11px 22px;
  background:linear-gradient(135deg,#0e38a0,#2f80ed);
  color:#fff;font-family:'Inter',sans-serif;font-size:13px;font-weight:700;
  border-radius:11px;border:none;cursor:pointer;
  transition:transform .2s,box-shadow .2s,opacity .2s;
  letter-spacing:-.2px;margin-top:4px;
}
#fds-startbtn:hover{transform:translateY(-2px);box-shadow:0 8px 28px rgba(47,128,237,.4);}
#fds-startbtn:active{transform:translateY(0);box-shadow:none;}
#fds-startbtn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none;}
.fds-start-note{font-family:'JetBrains Mono',monospace;font-size:9px;color:#3e3e4a;letter-spacing:.5px;}

/* ── CHAT ZONE ────────────────────────────────────── */
#fds-chat{flex:1;flex-direction:column;overflow:hidden;min-height:0;}
#fds-msgs{
  flex:1;overflow-y:auto;padding:13px 13px 8px;
  display:flex;flex-direction:column;gap:10px;scroll-behavior:smooth;
}
#fds-msgs::-webkit-scrollbar{width:3px;}
#fds-msgs::-webkit-scrollbar-thumb{background:#1c1c24;border-radius:2px;}

/* ── MESSAGES ─────────────────────────────────────── */
.fds-msg{display:flex;flex-direction:column;gap:4px;animation:fdsMsgIn .22s ease;max-width:87%;}
.fds-msg-staff{align-self:flex-start;}
.fds-msg-user{align-self:flex-end;}
.fds-mmeta{display:flex;align-items:center;gap:5px;font-family:'JetBrains Mono',monospace;font-size:9px;color:#3e3e4a;}
.fds-mmeta-r{flex-direction:row-reverse;}
.fds-mav{width:16px;height:16px;border-radius:50%;object-fit:contain;border:1px solid rgba(91,163,245,.2);flex-shrink:0;}
.fds-mname{font-weight:600;color:#5ba3f5;}
.fds-mtime{color:#2a2a38;}
.fds-mbubble{padding:9px 13px;border-radius:13px;font-family:'Inter',sans-serif;font-size:12.5px;line-height:1.55;word-break:break-word;}
.fds-mb-staff{background:rgba(91,163,245,.09);border:1px solid rgba(91,163,245,.16);color:#c8d8f0;border-top-left-radius:4px;}
.fds-mb-user{background:linear-gradient(135deg,#0e38a0,#2f80ed);color:#fff;border-top-right-radius:4px;}
.fds-msys{
  align-self:center;font-family:'JetBrains Mono',monospace;font-size:10px;color:#3e3e4a;
  background:rgba(28,28,36,.65);border:1px solid #1c1c24;
  border-radius:100px;padding:4px 12px;text-align:center;animation:fdsMsgIn .22s ease;
}

/* ── TICKET STATUS ────────────────────────────────── */
#fds-ticketstatus{
  display:flex;align-items:center;justify-content:center;gap:6px;
  padding:6px 14px;margin:0 13px 8px;border-radius:8px;
  font-family:'JetBrains Mono',monospace;font-size:10px;flex-shrink:0;
  transition:background .3s,border-color .3s;
}
.fds-ts-pending{background:rgba(245,166,35,.08);border:1px solid rgba(245,166,35,.2);color:#f5a623;}
.fds-ts-claimed{background:rgba(13,204,130,.08);border:1px solid rgba(13,204,130,.2);color:#0dcc82;}
.fds-tsdot{width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0;animation:fdsPing 1.8s ease-in-out infinite;}

/* ── INPUT ────────────────────────────────────────── */
#fds-inputrow{
  display:flex;align-items:center;gap:8px;
  padding:11px 13px;border-top:1px solid #1c1c24;
  background:rgba(8,8,14,.98);flex-shrink:0;
}
#fds-inp{
  flex:1;background:rgba(28,28,36,.75);border:1px solid #1c1c24;
  border-radius:10px;padding:9px 12px;
  font-family:'Inter',sans-serif;font-size:12.5px;color:#e4e4ea;
  outline:none;transition:border-color .2s,box-shadow .2s;min-width:0;
}
#fds-inp::placeholder{color:#3e3e4a;}
#fds-inp:focus{border-color:rgba(91,163,245,.4);box-shadow:0 0 0 2px rgba(91,163,245,.08);}
#fds-send{
  width:36px;height:36px;flex-shrink:0;
  background:linear-gradient(135deg,#0e38a0,#2f80ed);
  border:none;border-radius:10px;color:#fff;cursor:pointer;
  display:flex;align-items:center;justify-content:center;
  transition:transform .2s,box-shadow .2s;
}
#fds-send:hover{transform:scale(1.08);box-shadow:0 4px 16px rgba(47,128,237,.4);}
#fds-send:active{transform:scale(.95);}

/* ── CLOSED SCREEN ────────────────────────────────── */
#fds-closed{
  flex:1;flex-direction:column;align-items:center;
  justify-content:center;gap:13px;padding:26px 22px;text-align:center;
}
.fds-closed-icon{
  width:54px;height:54px;background:rgba(239,68,68,.1);
  border:1px solid rgba(239,68,68,.25);border-radius:50%;
  display:flex;align-items:center;justify-content:center;
}
.fds-closed-title{font-family:'Inter',sans-serif;font-size:16px;font-weight:800;color:#e4e4ea;}
.fds-closed-sub{font-size:12px;color:#73737f;line-height:1.6;max-width:250px;}
#fds-newticket{
  display:inline-flex;align-items:center;padding:10px 22px;
  background:rgba(91,163,245,.11);border:1px solid rgba(91,163,245,.3);
  border-radius:10px;color:#5ba3f5;
  font-family:'Inter',sans-serif;font-size:13px;font-weight:600;
  cursor:pointer;transition:background .2s,transform .2s;margin-top:4px;
}
#fds-newticket:hover{background:rgba(91,163,245,.2);transform:translateY(-2px);}

/* ── RESPONSIVE ───────────────────────────────────── */
@media(max-width:480px){
  #fds-panel{width:calc(100vw - 24px);right:12px;bottom:118px;height:480px;}
  #fds-bubble{bottom:18px;right:18px;}
  #fds-bubble img{width:70px;height:70px;}
}