/* İŞKO — web sohbet asistanı (kurumsal lacivert + turuncu) */
#isko-kok, #isko-kok *{ box-sizing:border-box; font-family:'Poppins','Nunito',Arial,sans-serif; }
#isko-kok{ --n:#1C3566; --nd:#152748; --nm:#264B8F; --o:#F47B20; --o2:#FF9540; --bg:#EBEFF5; --ink:#0F172A; --mut:#64748B; --line:#DCE4EE; }

.isko-fab{
  position:fixed; right:22px; bottom:22px; z-index:99990; width:70px; height:70px; border-radius:50%; border:3px solid #fff;
  background:#fff; box-shadow:0 12px 28px rgba(28,53,102,.35); cursor:pointer; padding:0; display:flex; align-items:center; justify-content:center;
  transition:transform .2s ease, box-shadow .2s ease;
}
.isko-fab:hover{ transform:translateY(-3px) scale(1.04); box-shadow:0 16px 32px rgba(244,123,32,.4); }
.isko-fab svg{ width:52px; height:52px; animation:isko-yuz 3.6s ease-in-out infinite; }
.isko-fab .isko-goz{ transform-box:fill-box; transform-origin:center; animation:isko-goz 5.5s infinite; }
.isko-fab .isko-goz2{ animation-delay:.04s; }
@keyframes isko-yuz{ 0%,100%{ transform:translateY(0);} 50%{ transform:translateY(-3px);} }
@keyframes isko-goz{ 0%,90%,100%{ transform:scaleY(1);} 93%{ transform:scaleY(.1);} }
.isko-fab-nokta{ position:absolute; top:-2px; right:-2px; width:16px; height:16px; border-radius:50%; background:var(--o); border:2px solid #fff; animation:isko-nabiz 2s infinite; }
@keyframes isko-nabiz{ 0%{ box-shadow:0 0 0 0 rgba(244,123,32,.6);} 70%{ box-shadow:0 0 0 10px rgba(244,123,32,0);} 100%{ box-shadow:0 0 0 0 rgba(244,123,32,0);} }

/* Karşılama balonu */
.isko-selam{
  position:fixed; right:22px; bottom:104px; z-index:99990; max-width:260px; background:#fff; color:var(--ink); border-radius:18px 18px 4px 18px;
  padding:12px 34px 12px 14px; box-shadow:0 12px 30px rgba(28,53,102,.22); font-size:13.5px; line-height:1.4; cursor:pointer;
  animation:isko-gel .45s cubic-bezier(.2,.9,.3,1.2) both;
}
.isko-selam b{ color:var(--n); }
.isko-selam-x{ position:absolute; top:6px; right:8px; border:0; background:transparent; color:var(--mut); font-size:16px; cursor:pointer; line-height:1; }
@keyframes isko-gel{ from{ opacity:0; transform:translateY(10px) scale(.96);} to{ opacity:1; transform:none;} }

.isko-panel{
  position:fixed; right:22px; bottom:104px; z-index:99991; width:380px; max-width:calc(100vw - 24px); height:560px; max-height:calc(100vh - 130px);
  background:var(--bg); border-radius:24px; box-shadow:0 24px 60px rgba(15,23,42,.35); display:none; flex-direction:column; overflow:hidden;
}
.isko-panel.acik{ display:flex; animation:isko-gel .3s ease both; }
.isko-ust{ background:linear-gradient(135deg,var(--nd),var(--n)); color:#fff; padding:14px 16px; display:flex; align-items:center; gap:12px; }
.isko-ust-maskot{ width:44px; height:44px; background:#fff; border-radius:50%; display:flex; align-items:center; justify-content:center; flex:none; }
.isko-ust-maskot svg{ width:34px; height:34px; }
.isko-ust-ad{ font-weight:800; font-size:16px; line-height:1.1; }
.isko-ust-alt{ font-size:11.5px; opacity:.8; margin-top:2px; }
.isko-kapat{ margin-left:auto; border:0; background:rgba(255,255,255,.15); color:#fff; width:32px; height:32px; border-radius:50%; cursor:pointer; font-size:18px; line-height:1; }
.isko-kapat:hover{ background:rgba(255,255,255,.28); }

.isko-akis{ flex:1; overflow-y:auto; padding:14px 14px 6px; display:flex; flex-direction:column; gap:10px; scroll-behavior:smooth; }
.isko-m{ max-width:88%; padding:10px 13px; border-radius:16px; font-size:13.5px; line-height:1.5; word-wrap:break-word; animation:isko-gel .25s ease both; }
.isko-m.bot{ background:#fff; color:var(--ink); border-bottom-left-radius:4px; box-shadow:0 2px 8px rgba(28,53,102,.08); align-self:flex-start; }
.isko-m.ben{ background:linear-gradient(135deg,var(--o),var(--o2)); color:#fff; border-bottom-right-radius:4px; align-self:flex-end; }
.isko-m.baslik{ font-weight:700; color:var(--n); }

.isko-ilan{ display:block; background:#fff; border-radius:14px; padding:11px 13px; text-decoration:none !important; color:var(--ink); box-shadow:0 2px 8px rgba(28,53,102,.1); border-left:4px solid var(--o); animation:isko-gel .25s ease both; }
.isko-ilan:hover{ box-shadow:0 6px 16px rgba(244,123,32,.25); }
.isko-ilan b{ display:block; font-size:13px; color:var(--n); line-height:1.35; }
.isko-ilan span{ display:block; font-size:11.5px; color:var(--mut); margin-top:3px; }
.isko-link{ display:inline-block; align-self:flex-start; background:var(--n); color:#fff !important; text-decoration:none !important; padding:8px 14px; border-radius:20px; font-size:12.5px; font-weight:700; }
.isko-link:hover{ background:var(--o); }
.isko-yaziyor{ display:flex; gap:4px; padding:12px 14px; }
.isko-yaziyor i{ width:7px; height:7px; border-radius:50%; background:var(--mut); animation:isko-z 1s infinite; }
.isko-yaziyor i:nth-child(2){ animation-delay:.15s; } .isko-yaziyor i:nth-child(3){ animation-delay:.3s; }
@keyframes isko-z{ 0%,60%,100%{ transform:translateY(0); opacity:.4;} 30%{ transform:translateY(-4px); opacity:1;} }

.isko-oneri{ padding:6px 12px 8px; display:flex; flex-wrap:wrap; gap:6px; }
.isko-chip{ border:1px solid var(--line); background:#fff; color:var(--n); border-radius:18px; padding:6px 12px; font-size:12px; font-weight:600; cursor:pointer; transition:all .15s; }
.isko-chip:hover{ border-color:var(--o); color:var(--o); }
.isko-form{ display:flex; gap:8px; padding:10px 12px 12px; background:#fff; border-top:1px solid var(--line); }
.isko-form input{ flex:1; border:1px solid var(--line); border-radius:22px; padding:10px 14px; font-size:13.5px; outline:none; background:var(--bg); }
.isko-form input:focus{ border-color:var(--n); background:#fff; }
.isko-form button{ border:0; width:42px; height:42px; border-radius:50%; background:linear-gradient(135deg,var(--o),var(--o2)); color:#fff; cursor:pointer; font-size:18px; flex:none; }

/* Dikkat: sağ alttaki "yukarı çık" düğmesi İŞKO'nun üstüne taşınır */
html body .scroll-top{ bottom:106px !important; right:26px !important; }

@media (max-width:991px){
  .isko-fab{ right:14px; bottom:18px; width:62px; height:62px; }
  .isko-fab svg{ width:46px; height:46px; }
  .isko-selam{ right:14px; bottom:90px; }
  .isko-panel{ right:8px; left:8px; width:auto; max-width:none; bottom:90px; height:calc(100vh - 170px); }
  html body .scroll-top{ bottom:92px !important; right:18px !important; }
}
@media (prefers-reduced-motion:reduce){ .isko-fab svg,.isko-fab .isko-goz,.isko-fab-nokta{ animation:none; } }