/* ===========================================================
   Laline — Canlı AI Sohbet Balonu  ·  ai-chat.css  v1.2.0
   -----------------------------------------------------------
   ÖNEMLİ: Tüm bileşen kuralları #aic-root ile öneklenmiştir.
   Böylece sıfırlama kuralları (#aic-root button / svg) ile
   aynı özgüllük düzeyinde yarışır ve düğme arka planı, rengi
   ve ikon gizleme kuralları asla ezilmez.
   Seçiciler .aic- ön ekiyle yalıtılmıştır; sayfa stilleriyle
   çakışmaz. %100 mobil uyumlu (dvh + safe-area).
   =========================================================== */

#aic-root{
  --aic-ink:#111110;
  --aic-ink-soft:#3a3a36;
  --aic-ash:#78776f;
  --aic-paper:#ffffff;
  --aic-canvas:#f4f4f2;
  --aic-veil:#fafaf8;
  --aic-rule:#e6e5e0;
  --aic-rule-2:#d7d6d0;
  --aic-accent:#111110;
  --aic-radius:22px;
  --aic-shadow:0 24px 70px rgba(17,17,16,.20), 0 4px 14px rgba(17,17,16,.08);
  --aic-safe:env(safe-area-inset-bottom, 0px);
  --aic-fab:58px;

  position:fixed;
  z-index:2147483000;
  inset:auto 0 0 auto;
  width:0;height:0;
  font-family:'Plus Jakarta Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
  -webkit-font-smoothing:antialiased;
  color:var(--aic-ink);
}

/* ---------------- Sıfırlama (en düşük öncelik) ---------------- */
#aic-root *,#aic-root *::before,#aic-root *::after{box-sizing:border-box}
#aic-root button{font-family:inherit;cursor:pointer;border:0;background:none;color:inherit;padding:0}
#aic-root svg{display:block}

/* ---------------- Açma düğmesi ---------------- */
#aic-root .aic-fab{
  position:fixed;
  right:max(16px, env(safe-area-inset-right,0px));
  bottom:calc(18px + var(--aic-safe));
  width:var(--aic-fab);height:var(--aic-fab);
  padding:0;
  border:0;border-radius:999px;
  background:var(--aic-accent);
  color:#fff;
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 12px 30px rgba(17,17,16,.30), 0 2px 6px rgba(17,17,16,.20);
  transition:transform .28s cubic-bezier(.32,.72,0,1), box-shadow .28s, opacity .2s;
  -webkit-tap-highlight-color:transparent;
  isolation:isolate;
}
#aic-root[data-pos="left"] .aic-fab{
  right:auto;left:max(16px, env(safe-area-inset-left,0px));
}
#aic-root .aic-fab:hover{transform:translateY(-2px) scale(1.04);box-shadow:0 16px 36px rgba(17,17,16,.34)}
#aic-root .aic-fab:active{transform:scale(.94)}

/* Dolu (saydam olmayan) sohbet ikonu */
#aic-root .aic-fab .aic-ic-chat{
  display:block;
  width:27px;height:27px;
  fill:currentColor;stroke:none;
}
/* Kapatma ikonu — yalnızca panel açıkken */
#aic-root .aic-fab .aic-ic-close{
  display:none;
  width:22px;height:22px;
  fill:none;stroke:currentColor;stroke-width:2.2;
  stroke-linecap:round;stroke-linejoin:round;
}
#aic-root.is-open .aic-fab .aic-ic-chat{display:none}
#aic-root.is-open .aic-fab .aic-ic-close{display:block}

#aic-root .aic-dot{
  position:absolute;top:1px;right:1px;
  width:13px;height:13px;border-radius:999px;
  background:#e0483f;border:2.5px solid var(--aic-paper);
  opacity:0;transform:scale(.4);transition:.3s;
}
#aic-root .aic-fab.has-dot .aic-dot{opacity:1;transform:scale(1)}
#aic-root.is-open .aic-fab .aic-dot{opacity:0}

/* ---------------- Karşılama baloncuğu ---------------- */
#aic-root .aic-nudge{
  position:fixed;
  right:max(16px, env(safe-area-inset-right,0px));
  bottom:calc(18px + var(--aic-fab) + 12px + var(--aic-safe));
  max-width:min(268px, calc(100vw - 32px));
  background:var(--aic-paper);
  border:1px solid var(--aic-rule);
  border-radius:16px 16px 4px 16px;
  padding:12px 38px 12px 14px;
  font-size:13px;line-height:1.5;color:var(--aic-ink-soft);
  box-shadow:0 16px 40px rgba(17,17,16,.12);
  opacity:0;transform:translateY(10px) scale(.96);
  pointer-events:none;transition:.35s cubic-bezier(.32,.72,0,1);
}
#aic-root[data-pos="left"] .aic-nudge{
  right:auto;left:max(16px, env(safe-area-inset-left,0px));
  border-radius:16px 16px 16px 4px;
}
#aic-root .aic-nudge.on{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}
#aic-root .aic-nudge b{display:block;color:var(--aic-ink);font-weight:700;font-size:13px;margin-bottom:2px}
#aic-root .aic-nudge-x{
  position:absolute;top:6px;right:6px;width:26px;height:26px;
  padding:0;border-radius:999px;background:transparent;
  display:flex;align-items:center;justify-content:center;color:var(--aic-ash);
}
#aic-root .aic-nudge-x:hover{background:var(--aic-canvas);color:var(--aic-ink)}
#aic-root .aic-nudge-x svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2.2}

/* ---------------- Perde ---------------- */
#aic-root .aic-scrim{
  position:fixed;inset:0;background:rgba(24,25,22,.42);
  backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);
  opacity:0;visibility:hidden;transition:opacity .28s,visibility .28s;
}
#aic-root.is-open .aic-scrim{opacity:1;visibility:visible}

/* ---------------- Panel ---------------- */
#aic-root .aic-panel{
  position:fixed;
  right:max(16px, env(safe-area-inset-right,0px));
  bottom:calc(18px + var(--aic-fab) + 14px + var(--aic-safe));
  width:min(388px, calc(100vw - 32px));
  height:min(640px, calc(100vh - 130px));
  height:min(640px, calc(100dvh - 130px));
  background:var(--aic-paper);
  border:1px solid var(--aic-rule);
  border-radius:var(--aic-radius);
  box-shadow:var(--aic-shadow);
  display:flex;flex-direction:column;overflow:hidden;
  opacity:0;visibility:hidden;
  transform:translateY(18px) scale(.97);
  transform-origin:bottom right;
  transition:opacity .3s cubic-bezier(.32,.72,0,1), transform .3s cubic-bezier(.32,.72,0,1), visibility .3s;
}
#aic-root[data-pos="left"] .aic-panel{
  right:auto;left:max(16px, env(safe-area-inset-left,0px));
  transform-origin:bottom left;
}
#aic-root.is-open .aic-panel{opacity:1;visibility:visible;transform:translateY(0) scale(1)}

/* ---------------- Başlık ---------------- */
#aic-root .aic-head{
  flex:0 0 auto;display:flex;align-items:center;gap:12px;
  padding:15px 16px;background:var(--aic-ink);color:#fff;
}
#aic-root .aic-avatar{
  width:40px;height:40px;border-radius:999px;flex:0 0 auto;
  background:rgba(255,255,255,.12);
  display:flex;align-items:center;justify-content:center;overflow:hidden;
}
#aic-root .aic-avatar img{width:74%;height:auto;object-fit:contain;filter:brightness(0) invert(1)}
#aic-root .aic-avatar svg{width:21px;height:21px;fill:#fff;stroke:none}
#aic-root .aic-head-txt{flex:1 1 auto;min-width:0}
#aic-root .aic-head-txt b{display:block;font-size:14.5px;font-weight:700;letter-spacing:-.01em;line-height:1.25}
#aic-root .aic-head-txt span{
  display:flex;align-items:center;gap:6px;margin-top:3px;
  font-size:11.5px;font-weight:500;color:rgba(255,255,255,.66);
}
#aic-root .aic-live{width:6px;height:6px;border-radius:999px;background:#43c07a;flex:0 0 auto;animation:aic-pulse 2s infinite}
@keyframes aic-pulse{0%,100%{opacity:1}50%{opacity:.35}}
#aic-root .aic-head-btn{
  width:34px;height:34px;padding:0;border-radius:999px;flex:0 0 auto;
  background:transparent;
  display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.8);
  transition:.2s;
}
#aic-root .aic-head-btn:hover{background:rgba(255,255,255,.14);color:#fff}
#aic-root .aic-head-btn svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2}

/* ---------------- Mesajlar ---------------- */
#aic-root .aic-body{
  flex:1 1 auto;overflow-y:auto;overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch;
  padding:18px 16px 8px;background:var(--aic-veil);
  display:flex;flex-direction:column;gap:12px;
  scrollbar-width:thin;scrollbar-color:var(--aic-rule-2) transparent;
}
#aic-root .aic-body::-webkit-scrollbar{width:6px}
#aic-root .aic-body::-webkit-scrollbar-thumb{background:var(--aic-rule-2);border-radius:999px}

#aic-root .aic-msg{display:flex;max-width:100%;animation:aic-in .3s cubic-bezier(.32,.72,0,1)}
@keyframes aic-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
#aic-root .aic-msg.me{justify-content:flex-end}
#aic-root .aic-bub{
  max-width:85%;padding:11px 14px;border-radius:16px;
  font-size:14px;line-height:1.62;letter-spacing:-.005em;
  word-wrap:break-word;overflow-wrap:anywhere;white-space:pre-wrap;
}
#aic-root .aic-msg.ai .aic-bub{
  background:var(--aic-paper);border:1px solid var(--aic-rule);
  border-bottom-left-radius:5px;color:var(--aic-ink-soft);
  box-shadow:0 2px 8px rgba(17,17,16,.04);
}
#aic-root .aic-msg.me .aic-bub{
  background:var(--aic-ink);color:#fff;border-bottom-right-radius:5px;
}
#aic-root .aic-msg.err .aic-bub{
  background:#fdf3f2;border:1px solid #f2d9d6;color:#9c3a32;
}
#aic-root .aic-bub a{color:inherit;text-decoration:underline;text-underline-offset:2px;font-weight:600}
#aic-root .aic-msg.me .aic-bub a{color:#fff}
#aic-root .aic-bub strong{font-weight:700;color:var(--aic-ink)}
#aic-root .aic-msg.me .aic-bub strong{color:#fff}
#aic-root .aic-bub .aic-li{display:block;padding-left:14px;position:relative}
#aic-root .aic-bub .aic-li::before{content:'—';position:absolute;left:0;opacity:.5}

/* Yazıyor göstergesi */
#aic-root .aic-typing{display:flex;gap:4px;align-items:center;padding:4px 2px}
#aic-root .aic-typing i{
  width:6px;height:6px;border-radius:999px;background:var(--aic-ash);
  animation:aic-bounce 1.2s infinite ease-in-out;
}
#aic-root .aic-typing i:nth-child(2){animation-delay:.16s}
#aic-root .aic-typing i:nth-child(3){animation-delay:.32s}
@keyframes aic-bounce{0%,60%,100%{transform:translateY(0);opacity:.4}30%{transform:translateY(-4px);opacity:1}}

/* ---------------- Hızlı yanıtlar ---------------- */
#aic-root .aic-quick{
  flex:0 0 auto;display:flex;gap:7px;padding:10px 16px 0;
  overflow-x:auto;scrollbar-width:none;background:var(--aic-veil);
}
#aic-root .aic-quick::-webkit-scrollbar{display:none}
#aic-root .aic-quick:empty{display:none}
#aic-root .aic-chip{
  flex:0 0 auto;white-space:nowrap;
  padding:8px 13px;border-radius:999px;
  background:var(--aic-paper);border:1px solid var(--aic-rule);
  font-size:12.5px;font-weight:600;color:var(--aic-ink-soft);
  transition:.2s;-webkit-tap-highlight-color:transparent;
}
#aic-root .aic-chip:hover{background:var(--aic-ink);border-color:var(--aic-ink);color:#fff}
#aic-root .aic-chip:active{transform:scale(.96)}

/* ---------------- Yazma alanı ---------------- */
#aic-root .aic-foot{
  flex:0 0 auto;background:var(--aic-paper);
  border-top:1px solid var(--aic-rule);
  padding:11px 12px calc(11px + var(--aic-safe));
}
#aic-root .aic-form{display:flex;align-items:flex-end;gap:9px}
#aic-root .aic-input{
  flex:1 1 auto;min-width:0;
  border:1px solid var(--aic-rule);border-radius:18px;
  background:var(--aic-canvas);color:var(--aic-ink);
  padding:11px 14px;
  font-family:inherit;font-size:16px;line-height:1.45;
  resize:none;max-height:120px;min-height:44px;
  outline:none;transition:border-color .2s, background .2s;
  -webkit-appearance:none;appearance:none;
}
#aic-root .aic-input::placeholder{color:var(--aic-ash)}
#aic-root .aic-input:focus{border-color:var(--aic-rule-2);background:var(--aic-paper)}
#aic-root .aic-send{
  flex:0 0 auto;width:44px;height:44px;padding:0;border-radius:999px;
  background:var(--aic-ink);color:#fff;
  display:flex;align-items:center;justify-content:center;
  transition:.22s;-webkit-tap-highlight-color:transparent;
}
#aic-root .aic-send svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.9}
#aic-root .aic-send:disabled{opacity:.3;cursor:default}
#aic-root .aic-send:not(:disabled):hover{transform:scale(1.06)}
#aic-root .aic-send:not(:disabled):active{transform:scale(.93)}

#aic-root .aic-note{
  margin:8px 2px 0;font-size:10.5px;line-height:1.5;color:var(--aic-ash);
  text-align:center;letter-spacing:.01em;
}
#aic-root .aic-note a{color:var(--aic-ink-soft);font-weight:600;text-decoration:none;border-bottom:1px solid var(--aic-rule-2)}
#aic-root .aic-note a:hover{color:var(--aic-ink)}

/* ---------------- Mobil: tam ekran sayfa ---------------- */
@media (max-width:640px){
  #aic-root{--aic-fab:56px}
  #aic-root .aic-panel{
    right:0;left:0;top:0;bottom:0;
    width:100%;height:100vh;height:100dvh;
    max-height:none;border:0;border-radius:0;
    transform:translateY(100%) scale(1);
    transform-origin:center bottom;
    transition:transform .34s cubic-bezier(.32,.72,0,1), opacity .2s, visibility .34s;
  }
  #aic-root[data-pos="left"] .aic-panel{left:0;right:0}
  #aic-root.is-open .aic-panel{transform:translateY(0)}
  #aic-root .aic-head{padding-top:calc(15px + env(safe-area-inset-top,0px))}
  #aic-root .aic-body{padding:16px 14px 6px}
  #aic-root .aic-bub{max-width:88%;font-size:14.5px}
  #aic-root .aic-quick{padding:10px 14px 0}
  #aic-root .aic-foot{padding:10px 12px calc(12px + var(--aic-safe))}
  #aic-root.is-open .aic-fab{opacity:0;pointer-events:none;transform:scale(.6)}
  #aic-root.is-open .aic-nudge{display:none}
}

/* Sohbet açıkken mobilde sayfa kaydırmasını kilitle */
body.aic-locked{overflow:hidden !important;touch-action:none}
@media (min-width:641px){ body.aic-locked{overflow:auto !important;touch-action:auto} }

/* Hareket azaltma tercihi */
@media (prefers-reduced-motion:reduce){
  #aic-root *,#aic-root *::before,#aic-root *::after{
    animation-duration:.01ms !important;transition-duration:.01ms !important;
  }
}

/* Yazdırma sırasında gizle */
@media print{ #aic-root{display:none !important} }