/* ==========================================================================
   IT Fix AI Assistant — Premium Widget (v3)
   Yalnızca .itfix-ai-* class'ları altında çalışır. Backend, JS, HTML akışı
   değişmemiştir. Tema CSS'inin eski override'larına dayanıklı olması için
   tüm kritik kurallar .itfix-ai-widget parent altında, !important ile.
   ========================================================================== */

.itfix-ai-widget{
  /* Palet — kullanıcının verdiği spec ile uyumlu */
  --itfix-accent:#f97316;
  --itfix-accent-2:#f59e0b;
  --itfix-accent-deep:#d97706;
  --itfix-accent-soft:#fff7ed;
  --itfix-accent-soft-2:#fff4e8;

  --itfix-ink:#1f2937;
  --itfix-ink-2:#273241;
  --itfix-muted:#64748b;
  --itfix-muted-2:#94a3b8;

  --itfix-line:rgba(15,23,42,.08);
  --itfix-line-2:rgba(15,23,42,.05);
  --itfix-line-strong:rgba(15,23,42,.10);
  --itfix-line-accent:rgba(217,119,6,.16);

  --itfix-panel:#fffaf4;
  --itfix-bot-bg:#ffffff;
  --itfix-bg-soft:#fdfbf7;

  --itfix-shadow-msg-bot:0 10px 28px rgba(15,23,42,.08);
  --itfix-shadow-msg-user:0 12px 30px rgba(217,119,6,.24);
  --itfix-shadow-composer:0 10px 26px rgba(15,23,42,.08);
  --itfix-shadow-panel:0 24px 70px rgba(15,23,42,.22);

  /* Dock (quick-bar) legacy */
  --itfix-dock-bg:rgba(255,255,255,.82);
  --itfix-dock-border:rgba(166,185,208,.42);
  --itfix-dock-shadow:0 18px 44px rgba(15,23,42,.12), 0 3px 12px rgba(15,23,42,.06), inset 0 1px 0 rgba(255,255,255,.92);
  --itfix-button-bg:linear-gradient(180deg,rgba(255,255,255,.94),rgba(244,248,252,.82));
  --itfix-button-border:rgba(163,184,207,.42);
  --itfix-button-shadow:0 8px 22px rgba(15,23,42,.08), inset 0 1px 0 rgba(255,255,255,.86);
  --itfix-phone-color:#0b77bd;
  --itfix-whatsapp-color:#128c4b;
  --itfix-mail-color:#0f62fe;

  position:fixed;
  right:22px;
  bottom:22px;
  z-index:100050;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Inter,"Helvetica Neue",Arial,sans-serif;
  color:var(--itfix-ink);
}

.itfix-ai-widget *,
.itfix-ai-widget *::before,
.itfix-ai-widget *::after{
  box-sizing:border-box;
}

.itfix-ai-widget--left{
  right:auto;
  left:22px;
}

/* ===========================================================
   Quick-bar (dock) — sade ikon kümesi, kart/kapsül arka planı YOK
   =========================================================== */
.itfix-ai-widget .itfix-ai-quickbar{
  position:relative;
  width:auto;
  min-width:0;
  max-width:none;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:10px;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
  transition:opacity .18s ease;
}

/* İkonlar — kart yok, ince transparan daire arka plan */
.itfix-ai-widget .itfix-ai-quick{
  position:relative;
  width:44px;
  min-width:44px;
  height:44px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(15,23,42,.06);
  border-radius:50%;
  padding:0;
  background:rgba(255,255,255,.72);
  color:#1f2933;
  box-shadow:0 4px 14px rgba(15,23,42,.06);
  text-decoration:none;
  cursor:pointer;
  backdrop-filter:blur(10px) saturate(140%);
  -webkit-backdrop-filter:blur(10px) saturate(140%);
  transition:transform .18s ease, background .18s ease, border-color .18s ease, color .18s ease, box-shadow .22s ease;
  isolation:isolate;
}

.itfix-ai-widget .itfix-ai-quick svg{
  width:18px;
  height:18px;
  flex:0 0 18px;
  fill:currentColor;
  filter:none;
}

.itfix-ai-widget .itfix-ai-quick span{
  position:absolute;
  right:54px;
  top:50%;
  width:max-content;
  height:28px;
  display:flex;
  align-items:center;
  padding:0 10px;
  border:1px solid rgba(15,23,42,.08);
  border-radius:8px;
  background:#ffffff;
  box-shadow:0 8px 20px rgba(15,23,42,.10);
  transform:translate(6px,-50%);
  opacity:0;
  white-space:nowrap;
  color:#1f2937;
  font-size:11.5px;
  line-height:1;
  font-weight:600;
  letter-spacing:.01em;
  pointer-events:none;
  transition:opacity .16s ease, transform .18s ease;
}

.itfix-ai-widget--left .itfix-ai-quick span{
  right:auto;
  left:54px;
  transform:translate(-6px,-50%);
}

.itfix-ai-widget .itfix-ai-quick:hover,
.itfix-ai-widget .itfix-ai-quick:focus-visible{
  transform:scale(1.06);
  background:#ffffff;
  border-color:rgba(15,23,42,.10);
  box-shadow:0 10px 22px rgba(15,23,42,.10);
  outline:0;
}

.itfix-ai-widget .itfix-ai-quick:hover span,
.itfix-ai-widget .itfix-ai-quick:focus-visible span{
  opacity:1;
  transform:translate(0,-50%);
}

.itfix-ai-widget .itfix-ai-quick--phone{ color:var(--itfix-phone-color) !important; }
.itfix-ai-widget .itfix-ai-quick--phone:hover{
  border-color:rgba(11,119,189,.28);
}
.itfix-ai-widget .itfix-ai-quick--whatsapp{ color:var(--itfix-whatsapp-color) !important; }
.itfix-ai-widget .itfix-ai-quick--whatsapp:hover{
  border-color:rgba(18,140,75,.28);
}
.itfix-ai-widget .itfix-ai-quick--mail{ color:var(--itfix-mail-color) !important; }
.itfix-ai-widget .itfix-ai-quick--mail:hover{
  border-color:rgba(15,98,254,.26);
}

/* Sadece chat (CTA) ikonu turuncu, biraz daha belirgin */
.itfix-ai-widget .itfix-ai-quick--assistant{
  margin-top:2px;
  width:50px;
  min-width:50px;
  height:50px;
  border:1px solid rgba(217,119,6,.30) !important;
  background:linear-gradient(135deg, var(--itfix-accent) 0%, var(--itfix-accent-deep) 100%) !important;
  color:#fff !important;
  box-shadow:0 10px 22px rgba(217,119,6,.30), inset 0 1px 0 rgba(255,255,255,.22) !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}

.itfix-ai-widget .itfix-ai-quick--assistant svg{
  width:20px;
  height:20px;
  flex:0 0 20px;
}

.itfix-ai-widget .itfix-ai-quick--assistant:hover,
.itfix-ai-widget .itfix-ai-quick--assistant:focus-visible{
  color:#fff !important;
  background:linear-gradient(135deg, #fb923c 0%, var(--itfix-accent-deep) 100%) !important;
  box-shadow:0 14px 28px rgba(217,119,6,.36), inset 0 1px 0 rgba(255,255,255,.22) !important;
  transform:scale(1.06);
}

.itfix-ai-widget .itfix-ai-quick--assistant span,
.itfix-ai-widget .itfix-ai-quick--assistant:hover span{
  color:var(--itfix-ink) !important;
}

.itfix-ai-widget .itfix-ai-quick:focus-visible{
  border-color:rgba(217,119,6,.5);
  box-shadow:0 0 0 3px rgba(217,119,6,.18), 0 6px 14px rgba(15,23,42,.10);
}

/* ===========================================================
   Panel — kullanıcının spec'i
   =========================================================== */
.itfix-ai-widget .itfix-ai-panel{
  position:absolute !important;
  right:0 !important;
  bottom:0 !important;
  width:min(420px, calc(100vw - 24px)) !important;
  max-height:min(660px, calc(100vh - 100px)) !important;
  display:flex !important;
  flex-direction:column !important;
  border:1px solid rgba(217,119,6,.14) !important;
  border-radius:26px !important;
  background:#fffaf4 !important;
  box-shadow:var(--itfix-shadow-panel) !important;
  overflow:hidden !important;
  opacity:0;
  transform:translateY(14px) scale(.985);
  pointer-events:none;
  transition:opacity .2s ease, transform .2s ease;
  color:var(--itfix-ink) !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}

.itfix-ai-widget--left .itfix-ai-panel{
  right:auto !important;
  left:0 !important;
}

.itfix-ai-widget.is-open .itfix-ai-panel{
  opacity:1;
  transform:translateY(0) scale(1);
  pointer-events:auto;
}

.itfix-ai-widget.is-open .itfix-ai-quickbar{
  opacity:0;
  pointer-events:none;
}

/* ----- Panel header ----- */
.itfix-ai-widget .itfix-ai-panel__head{
  position:relative;
  display:flex !important;
  align-items:center;
  gap:12px;
  padding:14px 16px !important;
  border-bottom:1px solid var(--itfix-line-2) !important;
  background:linear-gradient(135deg, #fff7ed 0%, #eef7ff 100%) !important;
}

.itfix-ai-widget .itfix-ai-panel__brand{
  width:34px;
  height:34px;
  flex:0 0 34px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:12px !important;
  background:linear-gradient(135deg, var(--itfix-accent) 0%, var(--itfix-accent-deep) 100%) !important;
  color:#fff !important;
  font:800 12px/1 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif !important;
  letter-spacing:.04em;
  box-shadow:0 6px 14px rgba(217,119,6,.24), inset 0 1px 0 rgba(255,255,255,.28) !important;
  border:1px solid rgba(217,119,6,.35) !important;
}

.itfix-ai-widget .itfix-ai-panel__title{
  flex:1 1 auto;
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:2px;
}

.itfix-ai-widget .itfix-ai-panel__title strong{
  display:block !important;
  color:#1f2937 !important;
  font-size:15px !important;
  line-height:1.2 !important;
  font-weight:700 !important;
  letter-spacing:-.005em;
}

.itfix-ai-widget .itfix-ai-panel__title small{
  display:block !important;
  color:#64748b !important;
  font-size:11.5px !important;
  line-height:1.35 !important;
  font-weight:500 !important;
  letter-spacing:.005em;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.itfix-ai-widget .itfix-ai-panel__head button{
  width:30px !important;
  height:30px !important;
  flex:0 0 30px;
  display:flex !important;
  align-items:center;
  justify-content:center;
  border:1px solid var(--itfix-line) !important;
  border-radius:50% !important;
  background:rgba(255,255,255,.78) !important;
  color:var(--itfix-muted) !important;
  cursor:pointer;
  padding:0 !important;
  transition:background .15s ease, color .15s ease, border-color .15s ease, transform .15s ease;
  box-shadow:none !important;
}

.itfix-ai-widget .itfix-ai-panel__head button:hover{
  color:var(--itfix-ink) !important;
  background:#fff !important;
  border-color:var(--itfix-line-strong) !important;
}

.itfix-ai-widget .itfix-ai-panel__head button:focus-visible{
  outline:0;
  border-color:var(--itfix-accent-deep) !important;
  box-shadow:0 0 0 3px rgba(217,119,6,.2) !important;
}

.itfix-ai-widget .itfix-ai-panel__head button:active{
  transform:scale(.95);
}

.itfix-ai-widget .itfix-ai-panel__head button svg{
  width:12px;
  height:12px;
  fill:currentColor;
  display:block;
}

/* ===========================================================
   Messages
   =========================================================== */
.itfix-ai-widget .itfix-ai-messages{
  flex:1 1 auto !important;
  min-height:200px !important;
  padding:18px 16px !important;
  overflow-y:auto !important;
  overscroll-behavior:contain;
  background:linear-gradient(180deg, #fffaf4 0%, #fdfbf7 100%) !important;
  scroll-behavior:smooth;
  scrollbar-width:thin;
  scrollbar-color:rgba(15,23,42,.18) transparent;
  display:flex !important;
  flex-direction:column !important;
  gap:10px !important;
}

.itfix-ai-widget .itfix-ai-messages::-webkit-scrollbar{ width:6px; }
.itfix-ai-widget .itfix-ai-messages::-webkit-scrollbar-track{ background:transparent; }
.itfix-ai-widget .itfix-ai-messages::-webkit-scrollbar-thumb{
  background:rgba(15,23,42,.18);
  border-radius:8px;
}
.itfix-ai-widget .itfix-ai-messages::-webkit-scrollbar-thumb:hover{ background:rgba(15,23,42,.28); }

.itfix-ai-widget .itfix-ai-message{
  margin:0 !important;
  padding:11px 14px !important;
  font-size:13.5px !important;
  line-height:1.55 !important;
  white-space:pre-wrap;
  word-wrap:break-word;
  overflow-wrap:anywhere;
}

/* Bot mesajı — kullanıcının spec'i */
.itfix-ai-widget .itfix-ai-message--assistant{
  align-self:flex-start !important;
  margin-right:auto !important;
  max-width:86% !important;
  background:#ffffff !important;
  color:#1f2937 !important;
  border:1px solid rgba(15,23,42,0.08) !important;
  border-radius:18px 18px 18px 8px !important;
  box-shadow:0 10px 28px rgba(15,23,42,0.08) !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}

/* Kullanıcı mesajı — kullanıcının spec'i */
.itfix-ai-widget .itfix-ai-message--user{
  align-self:flex-end !important;
  margin-left:auto !important;
  max-width:78% !important;
  background:linear-gradient(135deg, #f59e0b 0%, #d97706 100%) !important;
  color:#ffffff !important;
  border:0 !important;
  border-radius:18px 18px 8px 18px !important;
  box-shadow:0 12px 30px rgba(217,119,6,0.24) !important;
}

/* System notu (lead vs.) */
.itfix-ai-widget .itfix-ai-message--system{
  align-self:stretch !important;
  max-width:100% !important;
  margin:2px 0 !important;
  padding:9px 12px !important;
  background:#fff7ed !important;
  color:#7c2d12 !important;
  border:1px dashed rgba(217,119,6,0.32) !important;
  border-radius:12px !important;
  font-size:12.5px !important;
  box-shadow:none !important;
}

.itfix-ai-widget .itfix-ai-message.is-loading{
  color:var(--itfix-muted) !important;
  background:#ffffff !important;
}

.itfix-ai-widget .itfix-ai-message.is-loading::after{
  content:"";
  display:inline-block;
  width:6px;
  height:6px;
  margin-left:6px;
  border-radius:50%;
  background:var(--itfix-accent-deep);
  animation:itfixAiBlink 1.2s infinite ease-in-out;
  vertical-align:middle;
}

@keyframes itfixAiBlink{
  0%, 80%, 100% { opacity:.25; transform:scale(.9); }
  40% { opacity:1; transform:scale(1.15); }
}

/* ===========================================================
   Composer (form + textarea + send) — kullanıcının spec'i
   =========================================================== */
.itfix-ai-widget .itfix-ai-form{
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  margin:10px 14px 8px !important;
  padding:8px !important;
  border:1px solid rgba(15,23,42,0.10) !important;
  border-radius:18px !important;
  background:#ffffff !important;
  box-shadow:0 10px 26px rgba(15,23,42,0.08) !important;
  transition:border-color .18s ease, box-shadow .18s ease;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}

.itfix-ai-widget .itfix-ai-form:focus-within{
  border-color:rgba(217,119,6,0.55) !important;
  box-shadow:0 0 0 4px rgba(217,119,6,0.12), 0 10px 26px rgba(15,23,42,0.08) !important;
}

.itfix-ai-widget .itfix-ai-form textarea{
  flex:1 1 auto !important;
  width:100% !important;
  min-width:0 !important;
  height:42px !important;
  min-height:42px !important;
  max-height:96px !important;
  resize:none !important;
  border:0 !important;
  outline:0 !important;
  background:transparent !important;
  color:#1f2937 !important;
  font:500 13.5px/1.45 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Inter,sans-serif !important;
  padding:10px 6px 10px 10px !important;
  overflow-y:hidden !important;
  box-shadow:none !important;
  scrollbar-width:none;
  -ms-overflow-style:none;
}

.itfix-ai-widget .itfix-ai-form textarea::-webkit-scrollbar{
  width:0 !important;
  height:0 !important;
  display:none !important;
}

.itfix-ai-widget .itfix-ai-form textarea::placeholder{
  color:#94a3b8 !important;
  opacity:1 !important;
  font-weight:500 !important;
}

.itfix-ai-widget .itfix-ai-form button{
  width:42px !important;
  height:42px !important;
  min-width:42px !important;
  flex:0 0 42px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  border:1px solid rgba(217,119,6,0.16) !important;
  border-radius:14px !important;
  background:#fff7ed !important;
  color:#d97706 !important;
  cursor:pointer;
  padding:0 !important;
  box-shadow:none !important;
  transition:background .18s ease, color .18s ease, transform .15s ease, box-shadow .18s ease;
}

.itfix-ai-widget .itfix-ai-form button:hover{
  background:#f97316 !important;
  color:#ffffff !important;
  border-color:rgba(217,119,6,0.45) !important;
  box-shadow:0 6px 14px rgba(217,119,6,0.28) !important;
}

.itfix-ai-widget .itfix-ai-form button:active{
  transform:scale(.96);
}

.itfix-ai-widget .itfix-ai-form button:disabled{
  opacity:.5 !important;
  cursor:not-allowed;
  transform:none;
  box-shadow:none !important;
}

.itfix-ai-widget .itfix-ai-form button svg{
  width:15px !important;
  height:15px !important;
  fill:currentColor !important;
  display:block !important;
  transform:translateX(1px);
}

.itfix-ai-widget .itfix-ai-form button:focus-visible{
  outline:0;
  box-shadow:0 0 0 3px rgba(217,119,6,0.28) !important;
}

/* ===========================================================
   Lead form
   =========================================================== */
.itfix-ai-widget .itfix-ai-lead{
  padding:14px !important;
  border-top:1px solid var(--itfix-line) !important;
  background:#fdfbf7 !important;
}

.itfix-ai-widget .itfix-ai-lead[hidden]{ display:none !important; }

.itfix-ai-widget .itfix-ai-lead__grid{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:8px !important;
  margin-bottom:8px !important;
}

.itfix-ai-widget .itfix-ai-lead label{
  display:grid !important;
  gap:4px !important;
  margin-bottom:8px !important;
  color:var(--itfix-ink-2) !important;
  font-size:11.5px !important;
  line-height:1.2 !important;
  font-weight:600 !important;
  letter-spacing:.01em;
}

.itfix-ai-widget .itfix-ai-lead input,
.itfix-ai-widget .itfix-ai-lead textarea{
  width:100% !important;
  border:1px solid var(--itfix-line-strong) !important;
  border-radius:10px !important;
  padding:9px 11px !important;
  background:#ffffff !important;
  color:#1f2937 !important;
  font:500 13px/1.4 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif !important;
  outline:0 !important;
  box-shadow:none !important;
  transition:border-color .15s ease, box-shadow .15s ease;
}

.itfix-ai-widget .itfix-ai-lead textarea{
  resize:vertical !important;
  min-height:64px !important;
}

.itfix-ai-widget .itfix-ai-lead input:focus,
.itfix-ai-widget .itfix-ai-lead textarea:focus{
  border-color:var(--itfix-accent-deep) !important;
  box-shadow:0 0 0 3px rgba(217,119,6,.14) !important;
}

.itfix-ai-widget .itfix-ai-lead__actions{
  display:flex !important;
  justify-content:flex-end !important;
  gap:8px !important;
  margin-top:4px !important;
}

.itfix-ai-widget .itfix-ai-lead__actions button{
  min-height:36px !important;
  border:1px solid var(--itfix-line-strong) !important;
  border-radius:10px !important;
  padding:0 14px !important;
  background:#ffffff !important;
  color:var(--itfix-ink-2) !important;
  font:600 12.5px/1 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif !important;
  cursor:pointer;
  box-shadow:none !important;
  transition:background .15s ease, border-color .15s ease, color .15s ease;
}

.itfix-ai-widget .itfix-ai-lead__actions button:hover{
  background:#f6f7f9 !important;
  border-color:rgba(15,23,42,.2) !important;
}

.itfix-ai-widget .itfix-ai-lead__actions button[type="submit"]{
  border-color:var(--itfix-accent-deep) !important;
  background:linear-gradient(135deg, var(--itfix-accent-2) 0%, var(--itfix-accent-deep) 100%) !important;
  color:#ffffff !important;
  box-shadow:0 4px 10px rgba(217,119,6,.18) !important;
}

.itfix-ai-widget .itfix-ai-lead__actions button[type="submit"]:hover{
  background:linear-gradient(135deg, #fb923c 0%, var(--itfix-accent-deep) 100%) !important;
}

/* ===========================================================
   KVKK / privacy note
   =========================================================== */
.itfix-ai-widget .itfix-ai-note{
  margin:0 !important;
  padding:10px 16px 14px !important;
  color:var(--itfix-muted) !important;
  font-size:11.5px !important;
  line-height:1.55 !important;
  background:transparent !important;
  border-top:1px solid var(--itfix-line-2) !important;
  font-weight:400 !important;
}

.itfix-ai-widget .itfix-ai-note a{
  color:var(--itfix-accent-deep) !important;
  text-decoration:none !important;
  font-weight:600 !important;
  border-bottom:1px solid rgba(217,119,6,.28) !important;
  transition:color .15s ease, border-color .15s ease;
}

.itfix-ai-widget .itfix-ai-note a:hover{
  color:var(--itfix-accent) !important;
  border-bottom-color:var(--itfix-accent) !important;
}

.itfix-ai-widget .screen-reader-text{
  position:absolute !important;
  width:1px !important;
  height:1px !important;
  padding:0 !important;
  margin:-1px !important;
  overflow:hidden !important;
  clip:rect(0,0,0,0) !important;
  border:0 !important;
}

/* ===========================================================
   Mobile — kompakt yatay ikon dizisi, kart YOK
   =========================================================== */
@media (max-width: 768px){
  .itfix-ai-widget,
  .itfix-ai-widget--left{
    right:14px !important;
    left:auto !important;
    bottom:max(14px, env(safe-area-inset-bottom)) !important;
    transform:none !important;
    width:auto !important;
    max-width:calc(100vw - 24px) !important;
  }

  .itfix-ai-widget--left{
    left:14px !important;
    right:auto !important;
  }

  .itfix-ai-widget .itfix-ai-quickbar{
    width:auto !important;
    min-width:0 !important;
    max-width:calc(100vw - 28px) !important;
    display:inline-flex !important;
    flex-direction:row !important;
    align-items:center !important;
    justify-content:flex-end !important;
    gap:8px !important;
    padding:0 !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
  }

  .itfix-ai-widget .itfix-ai-quick,
  .itfix-ai-widget .itfix-ai-quick:hover,
  .itfix-ai-widget .itfix-ai-quick:focus-visible{
    width:42px !important;
    min-width:42px !important;
    height:42px !important;
    border-radius:50% !important;
    padding:0 !important;
    justify-content:center !important;
    transform:none !important;
    box-shadow:0 4px 12px rgba(15,23,42,.10) !important;
    border:1px solid rgba(15,23,42,.08) !important;
    background:#ffffff !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
  }

  .itfix-ai-widget .itfix-ai-quick:active{
    transform:scale(.94) !important;
  }

  .itfix-ai-widget .itfix-ai-quick svg{
    width:16px !important;
    height:16px !important;
    flex:0 0 16px !important;
  }

  /* Asistan (legacy quickbar tetiği) — artık .itfix-ai-mascot tarafından
     görsel olarak gizleniyor; aşağıdaki kurallar dead-code, dokunulmadı. */
  .itfix-ai-widget .itfix-ai-quick--assistant,
  .itfix-ai-widget .itfix-ai-quick--assistant:hover,
  .itfix-ai-widget .itfix-ai-quick--assistant:focus-visible{
    position:static !important;
    margin:0 !important;
    width:48px !important;
    min-width:48px !important;
    height:48px !important;
    border-radius:50% !important;
    padding:0 !important;
    transform:none !important;
    box-shadow:0 10px 22px rgba(217,119,6,.30), inset 0 1px 0 rgba(255,255,255,.22) !important;
    border:1px solid rgba(217,119,6,.30) !important;
    background:linear-gradient(135deg, var(--itfix-accent) 0%, var(--itfix-accent-deep) 100%) !important;
    color:#fff !important;
  }

  .itfix-ai-widget .itfix-ai-quick--assistant svg{
    width:18px !important;
    height:18px !important;
    flex:0 0 18px !important;
  }

  .itfix-ai-widget--left .itfix-ai-quickbar{
    justify-content:flex-start !important;
  }

  /* Mobilde tooltip yazılarını gizle */
  .itfix-ai-widget .itfix-ai-quick span{
    display:none !important;
  }

  .itfix-ai-widget .itfix-ai-panel,
  .itfix-ai-widget--left .itfix-ai-panel{
    left:12px !important;
    right:12px !important;
    bottom:0 !important;
    width:auto !important;
    margin:0 !important;
    max-height:calc(100dvh - 90px) !important;
    max-height:calc(100vh - 90px) !important;
    border-radius:22px !important;
  }

  .itfix-ai-widget .itfix-ai-messages{
    min-height:180px !important;
    padding:14px !important;
  }

  .itfix-ai-widget .itfix-ai-message--assistant{
    max-width:88% !important;
  }

  .itfix-ai-widget .itfix-ai-message--user{
    max-width:82% !important;
  }

  .itfix-ai-widget .itfix-ai-form{
    margin:8px 10px 6px !important;
  }

  .itfix-ai-widget .itfix-ai-note{
    padding:8px 14px 12px !important;
  }

  .itfix-ai-widget .itfix-ai-lead__grid{
    grid-template-columns:1fr !important;
  }
}

@media (max-width: 430px){
  .itfix-ai-widget .itfix-ai-quickbar{
    gap:6px !important;
  }
  .itfix-ai-widget .itfix-ai-quick,
  .itfix-ai-widget .itfix-ai-quick:hover{
    width:40px !important;
    min-width:40px !important;
    height:40px !important;
  }
  .itfix-ai-widget .itfix-ai-quick--assistant,
  .itfix-ai-widget .itfix-ai-quick--assistant:hover{
    width:46px !important;
    min-width:46px !important;
    height:46px !important;
  }
}

@media (prefers-reduced-motion: reduce){
  .itfix-ai-widget .itfix-ai-quick,
  .itfix-ai-widget .itfix-ai-quick span,
  .itfix-ai-widget .itfix-ai-panel,
  .itfix-ai-widget .itfix-ai-form,
  .itfix-ai-widget .itfix-ai-form button,
  .itfix-ai-widget .itfix-ai-message.is-loading::after{
    transition:none !important;
    animation:none !important;
  }
}

@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){
  /* Quickbar konteyneri artık transparan — fallback'te de arka plan yok */
  .itfix-ai-widget .itfix-ai-quick{
    background:#ffffff;
  }
}

/* ===========================================================
   CTA — görüşme talebi onayı (yeni; mevcut kurallara dokunulmadı)
   =========================================================== */
.itfix-ai-widget .itfix-ai-cta{
  align-self:stretch !important;
  margin:4px 0 2px !important;
  padding:12px 14px !important;
  background:#fff7ed !important;
  border:1px solid rgba(217,119,6,0.18) !important;
  border-radius:14px !important;
  box-shadow:0 6px 18px rgba(217,119,6,0.08) !important;
  display:flex !important;
  flex-direction:column !important;
  gap:10px !important;
}

.itfix-ai-widget .itfix-ai-cta__text{
  margin:0 !important;
  color:#7c2d12 !important;
  font-size:12.5px !important;
  line-height:1.45 !important;
  font-weight:500 !important;
}

.itfix-ai-widget .itfix-ai-cta__actions{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:8px !important;
}

.itfix-ai-widget .itfix-ai-cta__btn{
  flex:0 1 auto !important;
  min-height:34px !important;
  padding:0 14px !important;
  border-radius:10px !important;
  font:600 12.5px/1 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Inter,sans-serif !important;
  cursor:pointer !important;
  transition:background .15s ease, color .15s ease, border-color .15s ease, box-shadow .15s ease !important;
  box-shadow:none !important;
}

.itfix-ai-widget .itfix-ai-cta__btn--primary{
  border:1px solid #d97706 !important;
  background:linear-gradient(135deg,#f59e0b 0%, #d97706 100%) !important;
  color:#ffffff !important;
  box-shadow:0 4px 10px rgba(217,119,6,.20) !important;
}

.itfix-ai-widget .itfix-ai-cta__btn--primary:hover{
  background:linear-gradient(135deg,#fb923c 0%, #d97706 100%) !important;
  box-shadow:0 6px 14px rgba(217,119,6,.28) !important;
}

.itfix-ai-widget .itfix-ai-cta__btn--ghost{
  border:1px solid rgba(217,119,6,0.32) !important;
  background:#ffffff !important;
  color:#b45309 !important;
}

.itfix-ai-widget .itfix-ai-cta__btn--ghost:hover{
  background:#fff7ed !important;
  border-color:rgba(217,119,6,0.55) !important;
  color:#92400e !important;
}

.itfix-ai-widget .itfix-ai-cta__btn:focus-visible{
  outline:0 !important;
  box-shadow:0 0 0 3px rgba(217,119,6,0.28) !important;
}

@media (max-width: 720px){
  .itfix-ai-widget .itfix-ai-cta__actions{
    flex-direction:column !important;
  }
  .itfix-ai-widget .itfix-ai-cta__btn{
    width:100% !important;
    text-align:center !important;
  }
}

/* ============================================================
   IT FIX ASISTAN · COMPACT FLOATING (rebuild 20260520-3)
   Önceki büyük beyaz concierge KARTI (.itfix-ai-concierge, 312px) banner
   gibi duruyordu — geri alındı. Yerine küçük floating: avatar (~76px) +
   mini pill (başlık + 1-satır altmetin). Toplam genişlik ≤240px.
   Eski concierge / character / mascot selectorları görsel olarak nötr.
   ============================================================ */

/* 1) Legacy nötrleme — eski concierge / character / mascot / quickbar-assistant
   görsel olarak çıkmasın (cache'li HTML için defensive) */
.itfix-ai-widget .itfix-ai-quick--assistant,
.itfix-ai-widget .itfix-ai-character,
.itfix-ai-widget .itfix-ai-mascot,
.itfix-ai-widget .itfix-ai-mascot__halo,
.itfix-ai-widget .itfix-ai-mascot__art,
.itfix-ai-widget .itfix-ai-mascot__bubble,
.itfix-ai-widget .itfix-ai-character__glow,
.itfix-ai-widget .itfix-ai-character__avatar,
.itfix-ai-widget .itfix-ai-character__image,
.itfix-ai-widget .itfix-ai-character__label,
.itfix-ai-widget .itfix-ai-concierge,
.itfix-ai-widget .itfix-ai-concierge__glow,
.itfix-ai-widget .itfix-ai-concierge__avatar,
.itfix-ai-widget .itfix-ai-concierge__image,
.itfix-ai-widget .itfix-ai-concierge__pulse,
.itfix-ai-widget .itfix-ai-concierge__body,
.itfix-ai-widget .itfix-ai-concierge__eyebrow,
.itfix-ai-widget .itfix-ai-concierge__dot,
.itfix-ai-widget .itfix-ai-concierge__title,
.itfix-ai-widget .itfix-ai-concierge__sub,
.itfix-ai-widget .itfix-ai-concierge__cta{
  display:none !important;
}

/* 2) Concierge kartı — premium glass yüzey, fixed konum, click → chat aç */
.itfix-ai-widget .itfix-ai-concierge{
  position:fixed !important;
  right:22px;
  bottom:204px;            /* quickbar (3 küçük buton) üzerinde */
  width:312px;
  max-width:calc(100vw - 32px);
  padding:14px 18px 14px 14px;
  display:grid;
  grid-template-columns:64px 1fr;
  gap:14px;
  align-items:center;
  color:#0f172a;
  background:
    linear-gradient(180deg, rgba(255,255,255,.96) 0%, rgba(252,250,247,.94) 100%);
  border:1px solid rgba(217,119,6,.14);
  border-radius:20px;
  box-shadow:
    0 24px 60px rgba(15,23,42,.18),
    0 8px 20px rgba(15,23,42,.10),
    inset 0 1px 0 rgba(255,255,255,.78);
  -webkit-backdrop-filter:blur(14px) saturate(140%);
  backdrop-filter:blur(14px) saturate(140%);
  cursor:pointer;
  z-index:100052;
  text-align:left;
  -webkit-tap-highlight-color:transparent;
  opacity:0;
  transform:translateY(10px) scale(.985);
  transition:
    opacity .35s ease,
    transform .45s cubic-bezier(.2,.7,.2,1),
    box-shadow .25s ease,
    border-color .25s ease;
  will-change:transform, opacity;
}

.itfix-ai-widget .itfix-ai-concierge.is-ready{
  opacity:1;
  transform:translateY(0) scale(1);
}

.itfix-ai-widget .itfix-ai-concierge:hover{
  border-color:rgba(217,119,6,.32);
  box-shadow:
    0 28px 64px rgba(15,23,42,.20),
    0 10px 22px rgba(217,119,6,.16),
    inset 0 1px 0 rgba(255,255,255,.82);
  transform:translateY(-2px) scale(1.005);
}

.itfix-ai-widget .itfix-ai-concierge:focus-visible{
  outline:none;
  border-color:rgba(217,119,6,.55);
  box-shadow:
    0 0 0 3px rgba(217,119,6,.20),
    0 24px 60px rgba(15,23,42,.18);
}

.itfix-ai-widget .itfix-ai-concierge:active{
  transform:translateY(0) scale(.995);
}

/* İlk-giriş emphasis — kısa zarif vurgu */
.itfix-ai-widget .itfix-ai-concierge.is-hinting{
  box-shadow:
    0 0 0 3px rgba(217,119,6,.22),
    0 30px 70px rgba(15,23,42,.22),
    0 10px 24px rgba(217,119,6,.18),
    inset 0 1px 0 rgba(255,255,255,.82);
}

/* 3) Soft amber glow — kartın arka katmanında ince halo */
.itfix-ai-widget .itfix-ai-concierge__glow{
  position:absolute;
  left:-18px;
  top:-22px;
  width:120px;
  height:120px;
  border-radius:50%;
  background:radial-gradient(closest-side,
    rgba(249,115,22,.22) 0%,
    rgba(249,115,22,.08) 50%,
    rgba(249,115,22,0) 78%);
  filter:blur(6px);
  pointer-events:none;
  z-index:-1;
  animation:itfixAiConciergePulse 5.4s ease-in-out infinite;
}

/* 4) Avatar wrapper + image */
.itfix-ai-widget .itfix-ai-concierge__avatar{
  position:relative;
  width:64px;
  height:64px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  /* Premium çerçeve hissi: soft inner ring + dış küçük gölge */
  background:
    radial-gradient(circle at 50% 35%, #ffffff 0%, #eef2f8 75%, #dde3ec 100%);
  box-shadow:
    inset 0 0 0 1px rgba(15,23,42,.06),
    0 6px 14px rgba(15,23,42,.10);
  pointer-events:none;
  overflow:hidden;
}

.itfix-ai-widget .itfix-ai-concierge__image{
  display:block;
  width:62px;
  height:62px;
  pointer-events:none;
  user-select:none;
  -webkit-user-drag:none;
  image-rendering:auto;
}

/* Avatar üstünde nadiren ışık atması — performans için sadece radial mask */
.itfix-ai-widget .itfix-ai-concierge__avatar::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:50%;
  background:
    radial-gradient(circle at 30% 22%, rgba(255,255,255,.55), rgba(255,255,255,0) 45%);
  pointer-events:none;
}

/* 5) "Çevrimiçi" durum noktası — avatarın sağ alt köşesinde küçük yeşil punto */
.itfix-ai-widget .itfix-ai-concierge__pulse{
  position:absolute;
  right:1px;
  bottom:1px;
  width:14px;
  height:14px;
  border-radius:50%;
  background:#22c55e;
  border:2px solid #ffffff;
  box-shadow:0 0 0 1px rgba(15,23,42,.06), 0 0 10px rgba(34,197,94,.55);
  animation:itfixAiConciergeLive 2.6s ease-in-out infinite;
}

/* 6) Sağ taraf — eyebrow + başlık + alt açıklama + CTA */
.itfix-ai-widget .itfix-ai-concierge__body{
  display:grid;
  gap:3px;
  min-width:0;
}

.itfix-ai-widget .itfix-ai-concierge__eyebrow{
  display:inline-flex;
  align-items:center;
  gap:6px;
  font:600 10px/1 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Inter,sans-serif;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:#64748b;
}

.itfix-ai-widget .itfix-ai-concierge__dot{
  width:6px;
  height:6px;
  border-radius:50%;
  background:#22c55e;
  box-shadow:0 0 0 3px rgba(34,197,94,.18);
}

.itfix-ai-widget .itfix-ai-concierge__title{
  font:700 15px/1.15 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Inter,sans-serif;
  letter-spacing:-.01em;
  color:#0b1220;
}

.itfix-ai-widget .itfix-ai-concierge__sub{
  font:500 12px/1.45 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Inter,sans-serif;
  color:#475569;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}

.itfix-ai-widget .itfix-ai-concierge__cta{
  display:inline-flex;
  align-items:center;
  gap:6px;
  margin-top:4px;
  font:700 11px/1 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Inter,sans-serif;
  letter-spacing:.06em;
  text-transform:uppercase;
  color:#b45309;
  transition:transform .25s ease, color .25s ease, gap .25s ease;
}

.itfix-ai-widget .itfix-ai-concierge__cta svg{
  width:14px;
  height:14px;
  display:block;
  transition:transform .25s ease;
}

.itfix-ai-widget .itfix-ai-concierge:hover .itfix-ai-concierge__cta{
  color:#92400e;
  gap:9px;
}
.itfix-ai-widget .itfix-ai-concierge:hover .itfix-ai-concierge__cta svg{
  transform:translateX(2px);
}

/* 7) Chat panel açıkken concierge gizlensin */
.itfix-ai-widget.is-open .itfix-ai-concierge{
  opacity:0;
  pointer-events:none;
  transform:translateY(8px) scale(.97);
}

/* 8) Quickbar SECONDARY — phone/wa/mail artık ana kart değil. Daha küçük,
   daha az kontrast, üst köşede dikey dizilim (kartın üzerinde duruyor). */
.itfix-ai-widget .itfix-ai-quickbar{
  /* Var olan kuralları geçersiz kıl */
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-end !important;
  gap:8px !important;
  padding:0 !important;
  margin:0 !important;
  position:fixed !important;
  right:22px !important;
  bottom:332px !important;   /* concierge kart üstünde, küçük bir aralıkla */
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  z-index:100051 !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}

.itfix-ai-widget .itfix-ai-quick{
  width:38px !important;
  min-width:38px !important;
  height:38px !important;
  border-radius:50% !important;
  background:rgba(255,255,255,.86) !important;
  border:1px solid rgba(15,23,42,.08) !important;
  color:#475569 !important;
  box-shadow:0 6px 14px rgba(15,23,42,.08) !important;
  -webkit-backdrop-filter:blur(8px) saturate(135%) !important;
  backdrop-filter:blur(8px) saturate(135%) !important;
  transition:transform .2s ease, box-shadow .2s ease, color .2s ease, border-color .2s ease, background .2s ease !important;
}

.itfix-ai-widget .itfix-ai-quick:hover{
  transform:translateY(-1px);
  background:#ffffff !important;
  border-color:rgba(217,119,6,.30) !important;
  box-shadow:0 10px 20px rgba(15,23,42,.12) !important;
}

.itfix-ai-widget .itfix-ai-quick svg{
  width:15px !important;
  height:15px !important;
  flex:0 0 15px !important;
}

/* Tooltip etiketleri (mevcut .itfix-ai-quick span) sadece hover'da görünür kalsın
   — ana odak concierge olduğundan default'ta gizliyoruz */
.itfix-ai-widget .itfix-ai-quick span{
  /* Mevcut kurallar zaten tooltip mantığı kullanıyor; ekstra zorlama yok */
}

/* Chat açıkken quickbar da gizlensin (zaten var olan kural .is-open .quickbar) */
.itfix-ai-widget.is-open .itfix-ai-quickbar{
  opacity:0;
  pointer-events:none;
}

/* 9) Animasyonlar — sakin nabız ve halo */
@keyframes itfixAiConciergePulse{
  0%, 100%{ opacity:.7; transform:scale(1); }
  50%{ opacity:1; transform:scale(1.06); }
}

@keyframes itfixAiConciergeLive{
  0%, 100%{
    box-shadow:0 0 0 1px rgba(15,23,42,.06), 0 0 0 0 rgba(34,197,94,.55);
  }
  50%{
    box-shadow:0 0 0 1px rgba(15,23,42,.06), 0 0 0 6px rgba(34,197,94,0);
  }
}

@media (prefers-reduced-motion: reduce){
  .itfix-ai-widget .itfix-ai-concierge,
  .itfix-ai-widget .itfix-ai-concierge__glow,
  .itfix-ai-widget .itfix-ai-concierge__pulse,
  .itfix-ai-widget .itfix-ai-concierge__cta,
  .itfix-ai-widget .itfix-ai-concierge__cta svg{
    animation:none !important;
    transition:none !important;
  }
}

/* 10) Tablet (≤1024) — biraz daha kompakt */
@media (max-width: 1024px){
  .itfix-ai-widget .itfix-ai-concierge{
    width:288px;
    bottom:188px;
    padding:12px 16px 12px 12px;
    grid-template-columns:58px 1fr;
    gap:12px;
  }
  .itfix-ai-widget .itfix-ai-concierge__avatar{ width:58px; height:58px; }
  .itfix-ai-widget .itfix-ai-concierge__image{ width:56px; height:56px; }
  .itfix-ai-widget .itfix-ai-quickbar{ bottom:308px !important; }
}

/* 11) Mobil (≤768) — kompakt kart (avatar + başlık + tek satır CTA) */
@media (max-width: 768px){
  .itfix-ai-widget .itfix-ai-concierge{
    width:auto;
    right:12px;
    left:auto;
    bottom:148px;
    max-width:calc(100vw - 24px);
    padding:10px 14px 10px 10px;
    grid-template-columns:48px 1fr;
    gap:10px;
    border-radius:18px;
    z-index:100049;
  }
  .itfix-ai-widget .itfix-ai-concierge__avatar{ width:48px; height:48px; }
  .itfix-ai-widget .itfix-ai-concierge__image{ width:46px; height:46px; }
  .itfix-ai-widget .itfix-ai-concierge__pulse{
    width:11px; height:11px; right:0; bottom:0;
  }
  .itfix-ai-widget .itfix-ai-concierge__eyebrow{ font-size:9px; letter-spacing:.12em; }
  .itfix-ai-widget .itfix-ai-concierge__title{ font-size:13.5px; }
  .itfix-ai-widget .itfix-ai-concierge__sub{
    font-size:11px;
    -webkit-line-clamp:1;          /* mobilde tek satır kalsın */
  }
  .itfix-ai-widget .itfix-ai-concierge__cta{ font-size:10px; }
  .itfix-ai-widget .itfix-ai-concierge__cta svg{ width:12px; height:12px; }

  .itfix-ai-widget .itfix-ai-quickbar{
    right:14px !important;
    bottom:106px !important;        /* concierge'in üstünde, kompakt aralık */
    gap:6px !important;
  }
  .itfix-ai-widget .itfix-ai-quick,
  .itfix-ai-widget .itfix-ai-quick:hover{
    width:34px !important;
    min-width:34px !important;
    height:34px !important;
    box-shadow:0 4px 10px rgba(15,23,42,.10) !important;
  }
  .itfix-ai-widget .itfix-ai-quick svg{
    width:14px !important;
    height:14px !important;
    flex:0 0 14px !important;
  }
}

/* 12) Çok dar ekran (≤430) — alt satırı (sub) gizle, sadece başlık + CTA */
@media (max-width: 430px){
  .itfix-ai-widget .itfix-ai-concierge{
    bottom:138px;
    padding:9px 12px 9px 9px;
    grid-template-columns:44px 1fr;
    gap:9px;
  }
  .itfix-ai-widget .itfix-ai-concierge__avatar{ width:44px; height:44px; }
  .itfix-ai-widget .itfix-ai-concierge__image{ width:42px; height:42px; }
  .itfix-ai-widget .itfix-ai-concierge__sub{ display:none; }
  .itfix-ai-widget .itfix-ai-concierge__eyebrow{ font-size:8.5px; }
  .itfix-ai-widget .itfix-ai-quickbar{ bottom:96px !important; }
}

/* ============================================================
   IT FIX ASISTAN · FINAL COMPACT FLOATING
   Büyük concierge/mascot denemelerini nötrler; chat API, panel ve form
   davranışı aynı kalır. Ana görünüm: küçük avatar + okunur pill.
   ============================================================ */

.itfix-ai-widget{
  right:24px !important;
  bottom:120px !important;
  left:auto !important;
  width:222px !important;
  max-width:none !important;
  z-index:9000 !important;
}

.itfix-ai-widget.itfix-ai-widget--left{
  right:auto !important;
  left:24px !important;
}

.itfix-ai-widget .itfix-ai-character,
.itfix-ai-widget .itfix-ai-mascot,
.itfix-ai-widget .itfix-ai-mascot__halo,
.itfix-ai-widget .itfix-ai-mascot__art,
.itfix-ai-widget .itfix-ai-mascot__bubble,
.itfix-ai-widget .itfix-ai-character__glow,
.itfix-ai-widget .itfix-ai-character__avatar,
.itfix-ai-widget .itfix-ai-character__image,
.itfix-ai-widget .itfix-ai-character__label,
.itfix-ai-widget .itfix-ai-concierge,
.itfix-ai-widget .itfix-ai-concierge__glow,
.itfix-ai-widget .itfix-ai-concierge__avatar,
.itfix-ai-widget .itfix-ai-concierge__image,
.itfix-ai-widget .itfix-ai-concierge__pulse,
.itfix-ai-widget .itfix-ai-concierge__body,
.itfix-ai-widget .itfix-ai-concierge__eyebrow,
.itfix-ai-widget .itfix-ai-concierge__dot,
.itfix-ai-widget .itfix-ai-concierge__title,
.itfix-ai-widget .itfix-ai-concierge__sub,
.itfix-ai-widget .itfix-ai-concierge__cta,
.itfix-ai-widget .itfix-ai-quick--assistant{
  display:none !important;
  animation:none !important;
  transform:none !important;
}

.itfix-ai-widget .itfix-ai-floating{
  appearance:none !important;
  -webkit-appearance:none !important;
  position:fixed !important;
  right:24px !important;
  bottom:120px !important;
  left:auto !important;
  z-index:9002 !important;
  width:222px !important;
  max-width:calc(100vw - 48px) !important;
  min-height:82px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:10px !important;
  padding:6px 13px 6px 6px !important;
  border:1px solid rgba(15,23,42,.10) !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.94) !important;
  color:#0f172a !important;
  box-shadow:0 18px 42px rgba(15,23,42,.15), 0 6px 16px rgba(15,23,42,.08), inset 0 1px 0 rgba(255,255,255,.92) !important;
  -webkit-backdrop-filter:blur(14px) saturate(145%) !important;
  backdrop-filter:blur(14px) saturate(145%) !important;
  cursor:pointer !important;
  text-align:left !important;
  text-decoration:none !important;
  line-height:1 !important;
  opacity:1 !important;
  transform:translateY(0) scale(1) !important;
  transform-origin:100% 100% !important;
  transition:transform .18s ease, box-shadow .2s ease, border-color .2s ease, background .2s ease, opacity .16s ease !important;
  -webkit-tap-highlight-color:transparent !important;
}

.itfix-ai-widget.itfix-ai-widget--left .itfix-ai-floating{
  right:auto !important;
  left:24px !important;
  transform-origin:0 100% !important;
}

.itfix-ai-widget .itfix-ai-floating:hover,
.itfix-ai-widget .itfix-ai-floating:focus-visible{
  outline:0 !important;
  border-color:rgba(217,119,6,.32) !important;
  background:#ffffff !important;
  box-shadow:0 22px 48px rgba(15,23,42,.17), 0 8px 18px rgba(217,119,6,.14), 0 0 0 3px rgba(217,119,6,.10), inset 0 1px 0 rgba(255,255,255,.96) !important;
  transform:translateY(-1px) scale(1.015) !important;
}

.itfix-ai-widget .itfix-ai-floating:active{
  transform:translateY(0) scale(.992) !important;
}

.itfix-ai-widget .itfix-ai-floating.is-hinting{
  box-shadow:0 22px 48px rgba(15,23,42,.17), 0 0 0 4px rgba(217,119,6,.14), 0 8px 18px rgba(217,119,6,.14), inset 0 1px 0 rgba(255,255,255,.96) !important;
}

.itfix-ai-widget .itfix-ai-avatar-wrap,
.itfix-ai-widget .itfix-ai-floating > .itfix-ai-avatar{
  position:relative !important;
  width:78px !important;
  height:78px !important;
  min-width:78px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:50% !important;
  overflow:hidden !important;
  background:radial-gradient(circle at 50% 30%, #ffffff 0%, #eef2f7 66%, #d8e0eb 100%) !important;
  box-shadow:inset 0 0 0 1px rgba(15,23,42,.07), 0 8px 18px rgba(15,23,42,.12) !important;
  flex:0 0 78px !important;
}

.itfix-ai-widget .itfix-ai-avatar-wrap::after,
.itfix-ai-widget .itfix-ai-floating > .itfix-ai-avatar::after{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  border-radius:50% !important;
  background:radial-gradient(circle at 32% 22%, rgba(255,255,255,.58), rgba(255,255,255,0) 44%) !important;
  pointer-events:none !important;
}

.itfix-ai-widget .itfix-ai-avatar-wrap .itfix-ai-avatar,
.itfix-ai-widget .itfix-ai-floating > .itfix-ai-avatar .itfix-ai-avatar__image{
  display:block !important;
  width:74px !important;
  height:74px !important;
  max-width:74px !important;
  max-height:74px !important;
  object-fit:contain !important;
  border:0 !important;
  border-radius:50% !important;
  box-shadow:none !important;
  user-select:none !important;
  -webkit-user-drag:none !important;
}

.itfix-ai-widget .itfix-ai-avatar-dot,
.itfix-ai-widget .itfix-ai-avatar__dot{
  position:absolute !important;
  right:6px !important;
  bottom:7px !important;
  width:11px !important;
  height:11px !important;
  border-radius:50% !important;
  background:#22c55e !important;
  border:2px solid #ffffff !important;
  box-shadow:0 0 0 1px rgba(15,23,42,.08), 0 0 10px rgba(34,197,94,.44) !important;
  z-index:2 !important;
}

.itfix-ai-widget .itfix-ai-label,
.itfix-ai-widget .itfix-ai-pill{
  min-width:0 !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  justify-content:center !important;
  gap:4px !important;
  padding:0 !important;
  color:#0f172a !important;
  text-shadow:none !important;
  white-space:nowrap !important;
  pointer-events:none !important;
}

.itfix-ai-widget .itfix-ai-label strong,
.itfix-ai-widget .itfix-ai-title{
  display:block !important;
  margin:0 !important;
  color:#0f172a !important;
  font:750 14px/1.05 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Inter,"Helvetica Neue",Arial,sans-serif !important;
  letter-spacing:0 !important;
}

.itfix-ai-widget .itfix-ai-label span,
.itfix-ai-widget .itfix-ai-subtitle{
  display:block !important;
  margin:0 !important;
  color:#475569 !important;
  font:600 11.5px/1.15 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Inter,"Helvetica Neue",Arial,sans-serif !important;
  letter-spacing:0 !important;
  opacity:1 !important;
}

.itfix-ai-widget .itfix-ai-quickbar.itfix-ai-actions,
.itfix-ai-widget .itfix-ai-actions{
  position:fixed !important;
  bottom:120px !important;
  right:256px !important;
  left:auto !important;
  z-index:9001 !important;
  width:auto !important;
  max-width:calc(100vw - 48px) !important;
  display:flex !important;
  flex-direction:row !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:8px !important;
  padding:0 !important;
  margin:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  -webkit-backdrop-filter:none !important;
  backdrop-filter:none !important;
}

.itfix-ai-widget.itfix-ai-widget--left .itfix-ai-quickbar.itfix-ai-actions,
.itfix-ai-widget.itfix-ai-widget--left .itfix-ai-actions{
  right:auto !important;
  left:256px !important;
  justify-content:flex-start !important;
}

.itfix-ai-widget .itfix-ai-action,
.itfix-ai-widget .itfix-ai-quick.itfix-ai-action,
.itfix-ai-widget .itfix-ai-action:hover,
.itfix-ai-widget .itfix-ai-action:focus-visible{
  width:38px !important;
  min-width:38px !important;
  height:38px !important;
  padding:0 !important;
  border-radius:50% !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:rgba(255,255,255,.90) !important;
  border:1px solid rgba(15,23,42,.09) !important;
  box-shadow:0 8px 18px rgba(15,23,42,.10), inset 0 1px 0 rgba(255,255,255,.86) !important;
  -webkit-backdrop-filter:blur(10px) saturate(140%) !important;
  backdrop-filter:blur(10px) saturate(140%) !important;
  transform:none !important;
}

.itfix-ai-widget .itfix-ai-action:hover,
.itfix-ai-widget .itfix-ai-action:focus-visible{
  outline:0 !important;
  background:#ffffff !important;
  border-color:rgba(217,119,6,.28) !important;
  box-shadow:0 11px 22px rgba(15,23,42,.13), 0 0 0 3px rgba(217,119,6,.08) !important;
  transform:translateY(-1px) !important;
}

.itfix-ai-widget .itfix-ai-action svg{
  width:15px !important;
  height:15px !important;
  flex:0 0 15px !important;
}

.itfix-ai-widget .itfix-ai-action span{
  right:46px !important;
  color:#0f172a !important;
  background:#ffffff !important;
  border-color:rgba(15,23,42,.10) !important;
}

.itfix-ai-widget .itfix-ai-action.itfix-ai-quick--phone{ color:#0b77bd !important; }
.itfix-ai-widget .itfix-ai-action.itfix-ai-quick--whatsapp{ color:#128c4b !important; }
.itfix-ai-widget .itfix-ai-action.itfix-ai-quick--mail{ color:#0f62fe !important; }

.itfix-ai-widget.is-open .itfix-ai-floating,
.itfix-ai-widget.is-open .itfix-ai-actions,
.itfix-ai-widget.is-open .itfix-ai-quickbar.itfix-ai-actions{
  opacity:0 !important;
  pointer-events:none !important;
  transform:translateY(4px) scale(.98) !important;
}

.itfix-ai-widget .itfix-ai-panel,
.itfix-ai-widget--left .itfix-ai-panel{
  position:fixed !important;
  right:24px !important;
  left:auto !important;
  bottom:24px !important;
  z-index:9010 !important;
  width:min(420px, calc(100vw - 48px)) !important;
  max-height:min(660px, calc(100dvh - 48px)) !important;
  max-height:min(660px, calc(100vh - 48px)) !important;
  pointer-events:none !important;
}

.itfix-ai-widget.is-open .itfix-ai-panel{
  pointer-events:auto !important;
}

.itfix-ai-widget--left .itfix-ai-panel{
  right:auto !important;
  left:24px !important;
}

body.home.ifx-v31-on .itfix-ai-widget .itfix-ai-panel,
body.home.ifx-v31-on .itfix-ai-widget--left .itfix-ai-panel{
  bottom:120px !important;
  max-height:min(620px, calc(100dvh - 148px)) !important;
  max-height:min(620px, calc(100vh - 148px)) !important;
}

@media (max-width: 768px){
  .itfix-ai-widget,
  .itfix-ai-widget.itfix-ai-widget--left{
    right:14px !important;
    left:auto !important;
    bottom:92px !important;
    width:auto !important;
    max-width:none !important;
    z-index:9000 !important;
  }

  .itfix-ai-widget .itfix-ai-floating{
    right:14px !important;
    left:auto !important;
    bottom:92px !important;
    width:187px !important;
    min-height:64px !important;
    max-width:calc(100vw - 28px) !important;
    gap:8px !important;
    padding:4px 10px 4px 4px !important;
    border-radius:999px !important;
  }

  .itfix-ai-widget .itfix-ai-avatar-wrap,
  .itfix-ai-widget .itfix-ai-floating > .itfix-ai-avatar{
    width:60px !important;
    height:60px !important;
    min-width:60px !important;
    flex-basis:60px !important;
  }

  .itfix-ai-widget .itfix-ai-avatar-wrap .itfix-ai-avatar,
  .itfix-ai-widget .itfix-ai-floating > .itfix-ai-avatar .itfix-ai-avatar__image{
    width:56px !important;
    height:56px !important;
    max-width:56px !important;
    max-height:56px !important;
  }

  .itfix-ai-widget .itfix-ai-avatar-dot,
  .itfix-ai-widget .itfix-ai-avatar__dot{
    right:4px !important;
    bottom:5px !important;
    width:9px !important;
    height:9px !important;
  }

  .itfix-ai-widget .itfix-ai-label,
  .itfix-ai-widget .itfix-ai-pill{
    gap:3px !important;
    max-width:112px !important;
  }

  .itfix-ai-widget .itfix-ai-label strong,
  .itfix-ai-widget .itfix-ai-title{
    font-size:13px !important;
  }

  .itfix-ai-widget .itfix-ai-label span,
  .itfix-ai-widget .itfix-ai-subtitle{
    font-size:10.5px !important;
  }

  .itfix-ai-widget .itfix-ai-quickbar.itfix-ai-actions,
  .itfix-ai-widget .itfix-ai-actions{
    right:211px !important;
    left:auto !important;
    bottom:92px !important;
    gap:7px !important;
    max-width:calc(100vw - 28px) !important;
  }

  .itfix-ai-widget .itfix-ai-action,
  .itfix-ai-widget .itfix-ai-quick.itfix-ai-action,
  .itfix-ai-widget .itfix-ai-action:hover,
  .itfix-ai-widget .itfix-ai-action:focus-visible{
    width:34px !important;
    min-width:34px !important;
    height:34px !important;
  }

  .itfix-ai-widget .itfix-ai-action svg{
    width:14px !important;
    height:14px !important;
    flex-basis:14px !important;
  }

  .itfix-ai-widget .itfix-ai-action span{
    display:none !important;
  }

  body.home.ifx-v31-on .itfix-ai-widget .itfix-ai-floating{
    bottom:124px !important;
  }

  body.home.ifx-v31-on .itfix-ai-widget .itfix-ai-quickbar.itfix-ai-actions,
  body.home.ifx-v31-on .itfix-ai-widget .itfix-ai-actions{
    bottom:124px !important;
  }

  body.home.ifx-v31-on .itfix-ai-widget .itfix-ai-panel,
  body.home.ifx-v31-on .itfix-ai-widget--left .itfix-ai-panel{
    bottom:124px !important;
    max-height:calc(100dvh - 148px) !important;
    max-height:calc(100vh - 148px) !important;
  }

  .itfix-ai-widget .itfix-ai-panel,
  .itfix-ai-widget--left .itfix-ai-panel{
    right:12px !important;
    left:12px !important;
    bottom:12px !important;
    width:auto !important;
    max-height:calc(100dvh - 24px) !important;
    max-height:calc(100vh - 24px) !important;
    border-radius:22px !important;
  }
}

@media (max-width: 380px){
  .itfix-ai-widget .itfix-ai-floating{
    width:172px !important;
  }

  .itfix-ai-widget .itfix-ai-quickbar.itfix-ai-actions,
  .itfix-ai-widget .itfix-ai-actions{
    right:194px !important;
  }

  .itfix-ai-widget .itfix-ai-label span,
  .itfix-ai-widget .itfix-ai-subtitle{
    display:none !important;
  }

  .itfix-ai-widget .itfix-ai-label,
  .itfix-ai-widget .itfix-ai-pill{
    max-width:86px !important;
  }
}

@media (prefers-reduced-motion: reduce){
  .itfix-ai-widget .itfix-ai-floating,
  .itfix-ai-widget .itfix-ai-action{
    transition:none !important;
    animation:none !important;
  }
}

/* ============================================================
   IT FIX ASISTAN · ROAMING CHARACTER FINAL
   Sabit floating pill yerine gezebilen küçük karakter. Chat paneli,
   quick actions ve API akışı aynı DOM içinde korunur.
   ============================================================ */

.itfix-ai-widget{
  position:fixed !important;
  right:0 !important;
  bottom:0 !important;
  left:auto !important;
  width:0 !important;
  height:0 !important;
  max-width:none !important;
  z-index:9000 !important;
  pointer-events:none !important;
}

.itfix-ai-widget .itfix-ai-roaming,
.itfix-ai-widget .itfix-ai-actions{
  pointer-events:auto !important;
}

.itfix-ai-widget .itfix-ai-floating,
.itfix-ai-widget .itfix-ai-pill,
.itfix-ai-widget .itfix-ai-label,
.itfix-ai-widget .itfix-ai-avatar-wrap{
  display:none !important;
}

.itfix-ai-widget .itfix-ai-roaming{
  position:fixed !important;
  left:0 !important;
  top:0 !important;
  right:auto !important;
  bottom:auto !important;
  width:88px !important;
  height:88px !important;
  z-index:9004 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  border:0 !important;
  border-radius:50% !important;
  background:transparent !important;
  color:#0f172a !important;
  cursor:grab !important;
  opacity:0 !important;
  visibility:hidden !important;
  touch-action:none !important;
  user-select:none !important;
  -webkit-user-select:none !important;
  -webkit-tap-highlight-color:transparent !important;
  will-change:transform !important;
  contain:layout paint style !important;
  transition:opacity .22s ease, filter .18s ease !important;
}

.itfix-ai-widget .itfix-ai-roaming.is-ready{
  opacity:1 !important;
  visibility:visible !important;
}

.itfix-ai-widget .itfix-ai-roaming.is-hovered,
.itfix-ai-widget .itfix-ai-roaming:focus-visible{
  outline:0 !important;
  filter:drop-shadow(0 18px 28px rgba(15,23,42,.18)) !important;
}

.itfix-ai-widget .itfix-ai-roaming.is-dragging{
  cursor:grabbing !important;
  z-index:9012 !important;
}

.itfix-ai-widget .itfix-ai-roaming.is-chat-open,
.itfix-ai-widget.is-open .itfix-ai-roaming{
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
}

.itfix-ai-widget .itfix-ai-roaming__avatar{
  position:relative !important;
  width:88px !important;
  height:88px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:50% !important;
  overflow:hidden !important;
  background:
    radial-gradient(circle at 34% 22%, rgba(255,255,255,.94), rgba(255,255,255,0) 44%),
    radial-gradient(circle at 50% 35%, #ffffff 0%, #eef3f9 66%, #dce5ef 100%) !important;
  border:1px solid rgba(15,23,42,.10) !important;
  box-shadow:
    0 18px 38px rgba(15,23,42,.16),
    0 4px 12px rgba(217,119,6,.14),
    inset 0 0 0 1px rgba(255,255,255,.74) !important;
  transition:box-shadow .2s ease, border-color .2s ease, transform .2s ease !important;
}

.itfix-ai-widget .itfix-ai-roaming.is-hovered .itfix-ai-roaming__avatar,
.itfix-ai-widget .itfix-ai-roaming:focus-visible .itfix-ai-roaming__avatar{
  border-color:rgba(217,119,6,.32) !important;
  box-shadow:
    0 22px 46px rgba(15,23,42,.20),
    0 8px 20px rgba(217,119,6,.18),
    0 0 0 4px rgba(217,119,6,.11),
    inset 0 0 0 1px rgba(255,255,255,.78) !important;
  transform:scale(1.035) !important;
}

.itfix-ai-widget .itfix-ai-roaming.is-dragging .itfix-ai-roaming__avatar{
  transform:scale(1.045) !important;
}

.itfix-ai-widget .itfix-ai-roaming__image{
  display:block !important;
  width:82px !important;
  height:82px !important;
  max-width:82px !important;
  max-height:82px !important;
  object-fit:contain !important;
  border:0 !important;
  border-radius:50% !important;
  box-shadow:none !important;
  pointer-events:none !important;
  user-select:none !important;
  -webkit-user-drag:none !important;
}

.itfix-ai-widget .itfix-ai-roaming__status{
  position:absolute !important;
  right:9px !important;
  bottom:9px !important;
  width:11px !important;
  height:11px !important;
  border-radius:50% !important;
  background:#22c55e !important;
  border:2px solid #ffffff !important;
  box-shadow:0 0 0 1px rgba(15,23,42,.08), 0 0 10px rgba(34,197,94,.44) !important;
  z-index:2 !important;
}

.itfix-ai-widget .itfix-ai-roaming__tooltip{
  position:absolute !important;
  right:calc(100% + 10px) !important;
  top:50% !important;
  width:max-content !important;
  max-width:172px !important;
  display:flex !important;
  flex-direction:column !important;
  gap:3px !important;
  padding:9px 11px !important;
  border:1px solid rgba(15,23,42,.10) !important;
  border-radius:12px !important;
  background:rgba(255,255,255,.94) !important;
  color:#0f172a !important;
  box-shadow:0 16px 34px rgba(15,23,42,.14), inset 0 1px 0 rgba(255,255,255,.82) !important;
  -webkit-backdrop-filter:blur(12px) saturate(145%) !important;
  backdrop-filter:blur(12px) saturate(145%) !important;
  opacity:0 !important;
  visibility:hidden !important;
  transform:translate3d(8px,-50%,0) scale(.98) !important;
  transition:opacity .16s ease, visibility .16s ease, transform .18s ease !important;
  pointer-events:none !important;
}

.itfix-ai-widget .itfix-ai-roaming.is-edge-left .itfix-ai-roaming__tooltip{
  right:auto !important;
  left:calc(100% + 10px) !important;
  transform:translate3d(-8px,-50%,0) scale(.98) !important;
}

.itfix-ai-widget .itfix-ai-roaming.is-hovered .itfix-ai-roaming__tooltip,
.itfix-ai-widget .itfix-ai-roaming:focus-visible .itfix-ai-roaming__tooltip{
  opacity:1 !important;
  visibility:visible !important;
  transform:translate3d(0,-50%,0) scale(1) !important;
}

.itfix-ai-widget .itfix-ai-roaming.is-edge-left.is-hovered .itfix-ai-roaming__tooltip,
.itfix-ai-widget .itfix-ai-roaming.is-edge-left:focus-visible .itfix-ai-roaming__tooltip{
  transform:translate3d(0,-50%,0) scale(1) !important;
}

.itfix-ai-widget .itfix-ai-roaming__tooltip strong{
  display:block !important;
  margin:0 !important;
  color:#0f172a !important;
  font:750 13px/1.08 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Inter,"Helvetica Neue",Arial,sans-serif !important;
  letter-spacing:0 !important;
  white-space:nowrap !important;
}

.itfix-ai-widget .itfix-ai-roaming__tooltip span{
  display:block !important;
  margin:0 !important;
  color:#475569 !important;
  font:600 10.5px/1.16 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Inter,"Helvetica Neue",Arial,sans-serif !important;
  letter-spacing:0 !important;
  white-space:nowrap !important;
}

.itfix-ai-widget .itfix-ai-quickbar.itfix-ai-actions,
.itfix-ai-widget .itfix-ai-actions,
.itfix-ai-widget.is-open .itfix-ai-actions,
.itfix-ai-widget.is-open .itfix-ai-quickbar.itfix-ai-actions{
  position:fixed !important;
  right:24px !important;
  left:auto !important;
  bottom:24px !important;
  width:auto !important;
  max-width:calc(100vw - 48px) !important;
  display:flex !important;
  flex-direction:row !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:8px !important;
  opacity:1 !important;
  pointer-events:auto !important;
  transform:none !important;
  z-index:8998 !important;
  padding:0 !important;
  margin:0 !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}

body.home.ifx-v31-on .itfix-ai-widget .itfix-ai-quickbar.itfix-ai-actions,
body.home.ifx-v31-on .itfix-ai-widget .itfix-ai-actions{
  bottom:120px !important;
}

.itfix-ai-widget .itfix-ai-action,
.itfix-ai-widget .itfix-ai-quick.itfix-ai-action,
.itfix-ai-widget .itfix-ai-action:hover,
.itfix-ai-widget .itfix-ai-action:focus-visible{
  width:38px !important;
  min-width:38px !important;
  height:38px !important;
  border-radius:50% !important;
}

.itfix-ai-widget .itfix-ai-panel,
.itfix-ai-widget--left .itfix-ai-panel{
  position:fixed !important;
  right:24px !important;
  left:auto !important;
  bottom:24px !important;
  z-index:9010 !important;
  width:min(420px, calc(100vw - 48px)) !important;
  max-height:min(660px, calc(100dvh - 48px)) !important;
  max-height:min(660px, calc(100vh - 48px)) !important;
  pointer-events:none !important;
}

.itfix-ai-widget.is-open .itfix-ai-panel{
  pointer-events:auto !important;
}

body.home.ifx-v31-on .itfix-ai-widget .itfix-ai-panel,
body.home.ifx-v31-on .itfix-ai-widget--left .itfix-ai-panel{
  bottom:120px !important;
  max-height:min(620px, calc(100dvh - 148px)) !important;
  max-height:min(620px, calc(100vh - 148px)) !important;
}

@media (max-width: 768px){
  .itfix-ai-widget .itfix-ai-roaming{
    width:68px !important;
    height:68px !important;
  }

  .itfix-ai-widget .itfix-ai-roaming__avatar{
    width:68px !important;
    height:68px !important;
  }

  .itfix-ai-widget .itfix-ai-roaming__image{
    width:62px !important;
    height:62px !important;
    max-width:62px !important;
    max-height:62px !important;
  }

  .itfix-ai-widget .itfix-ai-roaming__status{
    right:6px !important;
    bottom:6px !important;
    width:9px !important;
    height:9px !important;
  }

  .itfix-ai-widget .itfix-ai-roaming__tooltip{
    max-width:150px !important;
    padding:8px 10px !important;
  }

  .itfix-ai-widget .itfix-ai-roaming__tooltip strong{
    font-size:12px !important;
  }

  .itfix-ai-widget .itfix-ai-roaming__tooltip span{
    font-size:10px !important;
  }

  .itfix-ai-widget .itfix-ai-quickbar.itfix-ai-actions,
  .itfix-ai-widget .itfix-ai-actions,
  .itfix-ai-widget.is-open .itfix-ai-actions,
  .itfix-ai-widget.is-open .itfix-ai-quickbar.itfix-ai-actions{
    right:14px !important;
    bottom:14px !important;
    gap:7px !important;
    max-width:calc(100vw - 28px) !important;
  }

  body.home.ifx-v31-on .itfix-ai-widget .itfix-ai-quickbar.itfix-ai-actions,
  body.home.ifx-v31-on .itfix-ai-widget .itfix-ai-actions{
    bottom:124px !important;
  }

  .itfix-ai-widget .itfix-ai-action,
  .itfix-ai-widget .itfix-ai-quick.itfix-ai-action,
  .itfix-ai-widget .itfix-ai-action:hover,
  .itfix-ai-widget .itfix-ai-action:focus-visible{
    width:34px !important;
    min-width:34px !important;
    height:34px !important;
  }

  .itfix-ai-widget .itfix-ai-action span{
    display:none !important;
  }

  .itfix-ai-widget .itfix-ai-panel,
  .itfix-ai-widget--left .itfix-ai-panel{
    right:12px !important;
    left:12px !important;
    bottom:12px !important;
    width:auto !important;
    max-height:calc(100dvh - 24px) !important;
    max-height:calc(100vh - 24px) !important;
    border-radius:22px !important;
  }

  body.home.ifx-v31-on .itfix-ai-widget .itfix-ai-panel,
  body.home.ifx-v31-on .itfix-ai-widget--left .itfix-ai-panel{
    bottom:124px !important;
    max-height:calc(100dvh - 148px) !important;
    max-height:calc(100vh - 148px) !important;
  }
}

@media (prefers-reduced-motion: reduce){
  .itfix-ai-widget .itfix-ai-roaming,
  .itfix-ai-widget .itfix-ai-roaming__avatar,
  .itfix-ai-widget .itfix-ai-roaming__tooltip{
    transition:none !important;
    animation:none !important;
  }
}


/* IT FIX ASISTAN · ROAMING SPEECH BUBBLE (20260520) */
.itfix-ai-widget .itfix-ai-roaming{
  overflow:visible !important;
  contain:layout style !important;
}

.itfix-ai-widget .itfix-ai-roaming__bubble{
  position:absolute !important;
  right:calc(100% + 10px) !important;
  left:auto !important;
  top:-8px !important;
  z-index:4 !important;
  min-width:186px !important;
  max-width:218px !important;
  width:max-content !important;
  padding:10px 13px 10px 14px !important;
  border:1px solid rgba(255,255,255,.70) !important;
  border-radius:16px 16px 5px 16px !important;
  background:linear-gradient(180deg, rgba(255,255,255,.96), rgba(248,250,252,.90)) !important;
  color:#111827 !important;
  box-shadow:0 18px 42px rgba(15,23,42,.18), 0 5px 14px rgba(15,23,42,.08), inset 0 1px 0 rgba(255,255,255,.88) !important;
  -webkit-backdrop-filter:blur(14px) saturate(150%) !important;
  backdrop-filter:blur(14px) saturate(150%) !important;
  opacity:0 !important;
  visibility:hidden !important;
  transform:translate3d(8px,-4px,0) scale(.96) !important;
  transform-origin:100% 70% !important;
  transition:opacity .2s ease, visibility .2s ease, transform .22s cubic-bezier(.2,.7,.2,1), box-shadow .22s ease !important;
  pointer-events:none !important;
  text-align:left !important;
}

.itfix-ai-widget .itfix-ai-roaming__bubble::after{
  content:"" !important;
  position:absolute !important;
  right:-5px !important;
  top:30px !important;
  width:10px !important;
  height:10px !important;
  background:rgba(255,255,255,.94) !important;
  border-top:1px solid rgba(255,255,255,.70) !important;
  border-right:1px solid rgba(255,255,255,.70) !important;
  transform:rotate(45deg) !important;
  box-shadow:3px -3px 8px rgba(15,23,42,.03) !important;
}

.itfix-ai-widget .itfix-ai-roaming.is-bubble-right .itfix-ai-roaming__bubble,
.itfix-ai-widget .itfix-ai-roaming.is-edge-left .itfix-ai-roaming__bubble{
  left:calc(100% + 10px) !important;
  right:auto !important;
  border-radius:16px 16px 16px 5px !important;
  transform:translate3d(-8px,-4px,0) scale(.96) !important;
  transform-origin:0 70% !important;
}

.itfix-ai-widget .itfix-ai-roaming.is-bubble-right .itfix-ai-roaming__bubble::after,
.itfix-ai-widget .itfix-ai-roaming.is-edge-left .itfix-ai-roaming__bubble::after{
  left:-5px !important;
  right:auto !important;
  border:0 !important;
  border-left:1px solid rgba(255,255,255,.70) !important;
  border-bottom:1px solid rgba(255,255,255,.70) !important;
  box-shadow:-3px 3px 8px rgba(15,23,42,.03) !important;
}

@media (min-width: 769px){
  .itfix-ai-widget .itfix-ai-roaming.is-ready:not(.is-chat-open) .itfix-ai-roaming__bubble{
    opacity:.68 !important;
    visibility:visible !important;
  }
}

.itfix-ai-widget .itfix-ai-roaming.is-hinting .itfix-ai-roaming__bubble,
.itfix-ai-widget .itfix-ai-roaming.is-hovered .itfix-ai-roaming__bubble,
.itfix-ai-widget .itfix-ai-roaming:focus-visible .itfix-ai-roaming__bubble{
  opacity:1 !important;
  visibility:visible !important;
  transform:translate3d(0,0,0) scale(1) !important;
}

.itfix-ai-widget .itfix-ai-roaming.is-hinting .itfix-ai-roaming__bubble{
  box-shadow:0 20px 48px rgba(15,23,42,.20), 0 8px 20px rgba(217,119,6,.12), inset 0 1px 0 rgba(255,255,255,.90) !important;
}

.itfix-ai-widget .itfix-ai-roaming.is-chat-open .itfix-ai-roaming__bubble,
.itfix-ai-widget.is-open .itfix-ai-roaming__bubble{
  opacity:0 !important;
  visibility:hidden !important;
  transform:translate3d(6px,-4px,0) scale(.94) !important;
}

.itfix-ai-widget .itfix-ai-roaming__bubble strong{
  display:block !important;
  margin:0 !important;
  color:#111827 !important;
  font:750 13px/1.18 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Inter,"Helvetica Neue",Arial,sans-serif !important;
  letter-spacing:0 !important;
  white-space:normal !important;
}

.itfix-ai-widget .itfix-ai-roaming__bubble span{
  display:block !important;
  margin:3px 0 0 !important;
  color:#d97706 !important;
  font:700 10.8px/1.15 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Inter,"Helvetica Neue",Arial,sans-serif !important;
  letter-spacing:.02em !important;
  white-space:nowrap !important;
}

@media (max-width: 768px){
  .itfix-ai-widget .itfix-ai-roaming__bubble{
    top:-7px !important;
    min-width:96px !important;
    max-width:132px !important;
    padding:7px 9px !important;
    border-radius:13px 13px 4px 13px !important;
    transform:translate3d(7px,-3px,0) scale(.94) !important;
  }

  .itfix-ai-widget .itfix-ai-roaming.is-bubble-right .itfix-ai-roaming__bubble,
  .itfix-ai-widget .itfix-ai-roaming.is-edge-left .itfix-ai-roaming__bubble{
    border-radius:13px 13px 13px 4px !important;
    transform:translate3d(-7px,-3px,0) scale(.94) !important;
  }

  .itfix-ai-widget .itfix-ai-roaming__bubble::after{
    top:25px !important;
    width:8px !important;
    height:8px !important;
  }

  .itfix-ai-widget .itfix-ai-roaming__bubble strong{
    font-size:11.2px !important;
    line-height:1.12 !important;
  }

  .itfix-ai-widget .itfix-ai-roaming__bubble span{
    margin-top:2px !important;
    font-size:9.6px !important;
  }

  .itfix-ai-widget .itfix-ai-roaming.is-ready:not(.is-hinting):not(.is-hovered):not(:focus-visible) .itfix-ai-roaming__bubble{
    opacity:0 !important;
    visibility:hidden !important;
  }
}

@media (max-width: 380px){
  .itfix-ai-widget .itfix-ai-roaming__bubble{
    max-width:118px !important;
  }
}


@media (min-width: 769px){
  .itfix-ai-widget .itfix-ai-roaming.is-ready.is-hinting .itfix-ai-roaming__bubble,
  .itfix-ai-widget .itfix-ai-roaming.is-ready.is-hovered .itfix-ai-roaming__bubble,
  .itfix-ai-widget .itfix-ai-roaming.is-ready:focus-visible .itfix-ai-roaming__bubble{
    opacity:1 !important;
    visibility:visible !important;
    transform:translate3d(0,0,0) scale(1) !important;
  }
}

@media (prefers-reduced-motion: reduce){
  .itfix-ai-widget .itfix-ai-roaming__bubble{
    transition:none !important;
    animation:none !important;
  }
}

/* IT FIX QUICK ACTIONS · MOBILE TOUCH TARGETS (20260520) */
@media (max-width: 768px){
  .itfix-ai-widget .itfix-ai-quickbar.itfix-ai-actions,
  .itfix-ai-widget .itfix-ai-actions,
  .itfix-ai-widget.is-open .itfix-ai-actions,
  .itfix-ai-widget.is-open .itfix-ai-quickbar.itfix-ai-actions{
    right:16px !important;
    bottom:calc(16px + env(safe-area-inset-bottom, 0px)) !important;
    gap:11px !important;
    align-items:center !important;
    justify-content:flex-end !important;
    max-width:calc(100vw - 32px) !important;
    z-index:9006 !important;
  }

  body.home.ifx-v31-on .itfix-ai-widget .itfix-ai-quickbar.itfix-ai-actions,
  body.home.ifx-v31-on .itfix-ai-widget .itfix-ai-actions,
  body.home.ifx-v31-on .itfix-ai-widget.is-open .itfix-ai-actions,
  body.home.ifx-v31-on .itfix-ai-widget.is-open .itfix-ai-quickbar.itfix-ai-actions{
    bottom:calc(124px + env(safe-area-inset-bottom, 0px)) !important;
  }

  .itfix-ai-widget .itfix-ai-action,
  .itfix-ai-widget .itfix-ai-quick.itfix-ai-action,
  .itfix-ai-widget .itfix-ai-action:hover,
  .itfix-ai-widget .itfix-ai-action:focus-visible{
    width:48px !important;
    min-width:48px !important;
    height:48px !important;
    min-height:48px !important;
    padding:0 !important;
    border-radius:999px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    background:rgba(255,255,255,.94) !important;
    border:1px solid rgba(255,255,255,.78) !important;
    box-shadow:
      0 12px 28px rgba(15,23,42,.16),
      0 4px 10px rgba(15,23,42,.08),
      inset 0 1px 0 rgba(255,255,255,.92) !important;
    -webkit-backdrop-filter:blur(12px) saturate(145%) !important;
    backdrop-filter:blur(12px) saturate(145%) !important;
    transition:
      transform .18s ease,
      box-shadow .18s ease,
      border-color .18s ease,
      background .18s ease !important;
    touch-action:manipulation !important;
  }

  .itfix-ai-widget .itfix-ai-action:hover,
  .itfix-ai-widget .itfix-ai-action:focus-visible{
    outline:0 !important;
    background:#ffffff !important;
    border-color:rgba(217,119,6,.30) !important;
    box-shadow:
      0 15px 32px rgba(15,23,42,.18),
      0 0 0 3px rgba(217,119,6,.11),
      inset 0 1px 0 rgba(255,255,255,.96) !important;
    transform:translateY(-1px) !important;
  }

  .itfix-ai-widget .itfix-ai-action:active{
    transform:translateY(0) scale(.96) !important;
    box-shadow:
      0 8px 18px rgba(15,23,42,.16),
      inset 0 1px 0 rgba(255,255,255,.88) !important;
  }

  .itfix-ai-widget .itfix-ai-action svg{
    width:21px !important;
    height:21px !important;
    flex:0 0 21px !important;
  }

  .itfix-ai-widget .itfix-ai-action.itfix-ai-quick--phone{
    color:#0b77bd !important;
  }

  .itfix-ai-widget .itfix-ai-action.itfix-ai-quick--whatsapp{
    color:#128c4b !important;
  }

  .itfix-ai-widget .itfix-ai-action.itfix-ai-quick--mail{
    color:#0f4fc4 !important;
  }

  .itfix-ai-widget .itfix-ai-action span{
    display:none !important;
  }
}

@media (max-width: 768px) and (max-height: 700px){
  body.home.ifx-v31-on .itfix-ai-widget .itfix-ai-quickbar.itfix-ai-actions,
  body.home.ifx-v31-on .itfix-ai-widget .itfix-ai-actions,
  body.home.ifx-v31-on .itfix-ai-widget.is-open .itfix-ai-actions,
  body.home.ifx-v31-on .itfix-ai-widget.is-open .itfix-ai-quickbar.itfix-ai-actions{
    left:50% !important;
    right:auto !important;
    bottom:calc(56px + env(safe-area-inset-bottom, 0px)) !important;
    width:166px !important;
    max-width:calc(100vw - 96px) !important;
    transform:translateX(-50%) !important;
  }
}

/* IT FIX AI PANEL · RESPONSIVE VIEWPORT SAFETY (20260521)
   Panel stays inside the visible viewport; messages scroll internally. */
body.itfix-ai-open{
  overflow:hidden !important;
}

.itfix-ai-widget.is-open .itfix-ai-roaming,
.itfix-ai-widget.is-open .itfix-ai-actions,
.itfix-ai-widget.is-open .itfix-ai-quickbar.itfix-ai-actions{
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
}

.itfix-ai-widget .itfix-ai-panel,
.itfix-ai-widget--left .itfix-ai-panel,
body.home.ifx-v31-on .itfix-ai-widget .itfix-ai-panel,
body.home.ifx-v31-on .itfix-ai-widget--left .itfix-ai-panel{
  position:fixed !important;
  top:auto !important;
  right:24px !important;
  left:auto !important;
  bottom:24px !important;
  width:min(520px, calc(100vw - 32px)) !important;
  height:min(660px, calc(100vh - 48px)) !important;
  height:min(660px, calc(100dvh - 48px)) !important;
  max-height:calc(100vh - 48px) !important;
  max-height:calc(100dvh - 48px) !important;
  min-height:0 !important;
  display:flex !important;
  flex-direction:column !important;
  overflow:hidden !important;
  z-index:100080 !important;
  pointer-events:none !important;
  box-sizing:border-box !important;
}

.itfix-ai-widget--left .itfix-ai-panel,
body.home.ifx-v31-on .itfix-ai-widget--left .itfix-ai-panel{
  right:auto !important;
  left:24px !important;
}

.itfix-ai-widget.is-open .itfix-ai-panel{
  pointer-events:auto !important;
}

.itfix-ai-widget .itfix-ai-panel__head{
  position:sticky !important;
  top:0 !important;
  z-index:3 !important;
  flex:0 0 auto !important;
  min-height:60px !important;
  padding:10px 12px 10px 14px !important;
  background:rgba(255,255,255,.94) !important;
  -webkit-backdrop-filter:blur(12px) saturate(145%) !important;
  backdrop-filter:blur(12px) saturate(145%) !important;
}

.itfix-ai-widget .itfix-ai-panel__head .itfix-ai-panel__close{
  position:relative !important;
  z-index:4 !important;
  width:42px !important;
  height:42px !important;
  min-width:42px !important;
  flex:0 0 42px !important;
  border-radius:14px !important;
  color:#0f172a !important;
  background:#ffffff !important;
  border:1px solid rgba(15,23,42,.12) !important;
  box-shadow:0 8px 18px rgba(15,23,42,.10) !important;
  touch-action:manipulation !important;
}

.itfix-ai-widget .itfix-ai-panel__head .itfix-ai-panel__close svg{
  width:16px !important;
  height:16px !important;
}

.itfix-ai-widget .itfix-ai-panel__head .itfix-ai-panel__close:hover,
.itfix-ai-widget .itfix-ai-panel__head .itfix-ai-panel__close:focus-visible{
  color:#d97706 !important;
  border-color:rgba(217,119,6,.36) !important;
  box-shadow:0 0 0 3px rgba(217,119,6,.14), 0 8px 18px rgba(15,23,42,.10) !important;
}

.itfix-ai-widget .itfix-ai-messages{
  flex:1 1 auto !important;
  min-height:0 !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
  overscroll-behavior:contain !important;
  padding:14px 14px 10px !important;
}

.itfix-ai-widget .itfix-ai-message{
  max-width:100% !important;
  word-break:break-word !important;
  overflow-wrap:anywhere !important;
}

.itfix-ai-widget .itfix-ai-message--assistant{
  max-width:88% !important;
}

.itfix-ai-widget .itfix-ai-message--user{
  max-width:82% !important;
}

.itfix-ai-widget .itfix-ai-form,
.itfix-ai-widget .itfix-ai-note,
.itfix-ai-widget .itfix-ai-lead{
  flex:0 0 auto !important;
}

.itfix-ai-widget .itfix-ai-form{
  margin:8px 12px 6px !important;
  padding:7px !important;
}

.itfix-ai-widget .itfix-ai-form textarea{
  max-height:88px !important;
}

.itfix-ai-widget .itfix-ai-note{
  padding:6px 14px 8px !important;
  font-size:11px !important;
  line-height:1.35 !important;
}

.itfix-ai-widget .itfix-ai-scope-note{
  padding-top:2px !important;
  padding-bottom:6px !important;
}

.itfix-ai-widget .itfix-ai-lead{
  max-height:min(360px, 48vh) !important;
  max-height:min(360px, 48dvh) !important;
  overflow-y:auto !important;
  overscroll-behavior:contain !important;
  padding:10px 12px !important;
}

.itfix-ai-widget .itfix-ai-lead textarea{
  min-height:54px !important;
}

@media (max-width: 768px){
  .itfix-ai-widget .itfix-ai-panel,
  .itfix-ai-widget--left .itfix-ai-panel,
  body.home.ifx-v31-on .itfix-ai-widget .itfix-ai-panel,
  body.home.ifx-v31-on .itfix-ai-widget--left .itfix-ai-panel{
    left:12px !important;
    right:12px !important;
    top:calc(var(--site-header-height, 76px) + 10px) !important;
    top:calc(var(--site-header-height, 76px) + 10px + env(safe-area-inset-top, 0px)) !important;
    bottom:calc(12px + env(safe-area-inset-bottom, 0px)) !important;
    width:auto !important;
    height:auto !important;
    max-height:none !important;
    border-radius:22px !important;
  }

  body.admin-bar .itfix-ai-widget .itfix-ai-panel,
  body.admin-bar .itfix-ai-widget--left .itfix-ai-panel,
  body.admin-bar.home.ifx-v31-on .itfix-ai-widget .itfix-ai-panel,
  body.admin-bar.home.ifx-v31-on .itfix-ai-widget--left .itfix-ai-panel{
    top:calc(var(--site-header-height, 76px) + 56px) !important;
    top:calc(var(--site-header-height, 76px) + 56px + env(safe-area-inset-top, 0px)) !important;
  }

  .itfix-ai-widget .itfix-ai-panel__head{
    min-height:58px !important;
    padding:9px 10px 9px 12px !important;
  }

  .itfix-ai-widget .itfix-ai-panel__brand{
    width:32px !important;
    height:32px !important;
    flex-basis:32px !important;
  }

  .itfix-ai-widget .itfix-ai-panel__title strong{
    font-size:14.5px !important;
  }

  .itfix-ai-widget .itfix-ai-panel__title small{
    font-size:11px !important;
  }

  .itfix-ai-widget .itfix-ai-panel__head .itfix-ai-panel__close{
    width:42px !important;
    height:42px !important;
    min-width:42px !important;
    flex-basis:42px !important;
  }

  .itfix-ai-widget .itfix-ai-messages{
    padding:12px 12px 8px !important;
  }

  .itfix-ai-widget .itfix-ai-form{
    margin:7px 10px 5px !important;
  }

  .itfix-ai-widget .itfix-ai-note{
    padding:5px 12px 7px !important;
    font-size:10.8px !important;
  }

  .itfix-ai-widget .itfix-ai-lead{
    max-height:min(330px, 46vh) !important;
    max-height:min(330px, 46dvh) !important;
  }
}

@media (max-width: 768px) and (max-height: 760px){
  .itfix-ai-widget .itfix-ai-panel,
  .itfix-ai-widget--left .itfix-ai-panel,
  body.home.ifx-v31-on .itfix-ai-widget .itfix-ai-panel,
  body.home.ifx-v31-on .itfix-ai-widget--left .itfix-ai-panel{
    top:76px !important;
    top:calc(76px + env(safe-area-inset-top, 0px)) !important;
  }

  .itfix-ai-widget .itfix-ai-panel__head{
    min-height:54px !important;
  }

  .itfix-ai-widget .itfix-ai-messages{
    padding-top:10px !important;
  }

  .itfix-ai-widget .itfix-ai-note{
    font-size:10.5px !important;
    line-height:1.28 !important;
  }
}

/* IT FIX AI PANEL · INTERACTION SAFETY (20260521)
   The open chat becomes an explicit modal interaction layer. */
body.itfix-ai-open{
  overflow:hidden !important;
  touch-action:none;
}

body.itfix-ai-open .itfix-ai-widget,
.itfix-ai-widget.is-open{
  position:fixed !important;
  inset:0 !important;
  width:auto !important;
  height:auto !important;
  max-width:none !important;
  z-index:100070 !important;
  pointer-events:auto !important;
  background:transparent !important;
}

body.itfix-ai-open .itfix-ai-widget .itfix-ai-panel,
.itfix-ai-widget.is-open .itfix-ai-panel,
body.home.ifx-v31-on.itfix-ai-open .itfix-ai-widget .itfix-ai-panel,
body.home.ifx-v31-on .itfix-ai-widget.is-open .itfix-ai-panel{
  z-index:100080 !important;
  pointer-events:auto !important;
  visibility:visible !important;
  touch-action:auto !important;
}

body.itfix-ai-open .itfix-ai-widget .itfix-ai-panel *,
.itfix-ai-widget.is-open .itfix-ai-panel *{
  pointer-events:auto;
}

body.itfix-ai-open .itfix-ai-widget .itfix-ai-panel textarea,
body.itfix-ai-open .itfix-ai-widget .itfix-ai-panel input,
body.itfix-ai-open .itfix-ai-widget .itfix-ai-panel button,
.itfix-ai-widget.is-open .itfix-ai-panel textarea,
.itfix-ai-widget.is-open .itfix-ai-panel input,
.itfix-ai-widget.is-open .itfix-ai-panel button{
  pointer-events:auto !important;
  touch-action:manipulation !important;
  user-select:text !important;
  -webkit-user-select:text !important;
}

body.itfix-ai-open .itfix-ai-widget .itfix-ai-panel button,
.itfix-ai-widget.is-open .itfix-ai-panel button{
  user-select:none !important;
  -webkit-user-select:none !important;
}

body.itfix-ai-open .itfix-ai-widget .itfix-ai-panel__head,
.itfix-ai-widget.is-open .itfix-ai-panel__head{
  z-index:100085 !important;
}

body.itfix-ai-open .itfix-ai-widget .itfix-ai-panel__close,
.itfix-ai-widget.is-open .itfix-ai-panel__close{
  z-index:100090 !important;
  pointer-events:auto !important;
  cursor:pointer !important;
}

body.itfix-ai-open .itfix-ai-widget .itfix-ai-roaming,
body.itfix-ai-open .itfix-ai-widget .itfix-ai-floating,
body.itfix-ai-open .itfix-ai-widget .itfix-ai-actions,
body.itfix-ai-open .itfix-ai-widget .itfix-ai-quickbar,
.itfix-ai-widget.is-open .itfix-ai-roaming,
.itfix-ai-widget.is-open .itfix-ai-floating,
.itfix-ai-widget.is-open .itfix-ai-actions,
.itfix-ai-widget.is-open .itfix-ai-quickbar{
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
}
