/* Canli destek balonu (26 Eyl 2026). Renkler renkler.css tokenlarindan: acik/koyu tema otomatik. */
.sohbet{position:fixed;right:max(16px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom));z-index:60;
  display:flex;flex-direction:column;align-items:flex-end;gap:10px;font-family:var(--f-govde)}
.sohbet-dugme{display:inline-flex;align-items:center;gap:8px;min-height:52px;padding:0 20px 0 16px;border:0;border-radius:999px;
  background:var(--vurgu);color:var(--vurgu-ink);font:inherit;font-size:15px;font-weight:700;cursor:pointer;position:relative;
  box-shadow:0 14px 30px -12px color-mix(in srgb,var(--vurgu) 70%,transparent),0 4px 10px rgba(1,30,76,.12);transition:transform .15s ease}
.sohbet-dugme:hover{transform:translateY(-2px)}
.sohbet-dugme:focus-visible{outline:3px solid var(--murekkep);outline-offset:3px}
.sohbet-dugme .ikon{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.sohbet.acik .sohbet-dugme-yazi{display:none}
.sohbet.acik .sohbet-dugme{padding:0 14px}
.sohbet-rozet{position:absolute;top:-4px;right:-4px;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:var(--kritik);
  color:#fff;font-size:12px;font-weight:800;display:grid;place-items:center;border:2px solid var(--yuzey)}
.sohbet-rozet[hidden]{display:none}

.sohbet-pencere{width:min(370px,calc(100vw - 32px));height:min(540px,calc(100dvh - 120px));display:flex;flex-direction:column;
  background:var(--yuzey);color:var(--murekkep);border:1px solid var(--cizgi);border-radius:22px;overflow:hidden;
  box-shadow:0 30px 60px -24px rgba(1,30,76,.45),0 8px 20px rgba(1,30,76,.12)}
.sohbet-pencere[hidden]{display:none}
.sohbet-pencere{order:-1}  /* acikken pencere ustte, dugme altta */
.sohbet-bas{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 14px 14px 18px;
  background:var(--marka-gradyan);color:#fff}
.sohbet-bas strong{display:block;font-size:15.5px}
.sohbet-durum{display:flex;align-items:center;gap:6px;font-size:12.5px;opacity:.92;margin-top:2px}
.sohbet-durum i{width:8px;height:8px;border-radius:50%;background:#FFC857;flex:none}
.sohbet.cevrimici .sohbet-durum i{background:#5EE3B4;box-shadow:0 0 0 3px rgba(94,227,180,.25)}
.sohbet-kapat{width:36px;height:36px;border:0;border-radius:10px;background:rgba(255,255,255,.12);color:#fff;font-size:22px;line-height:1;cursor:pointer}
.sohbet-kapat:hover{background:rgba(255,255,255,.22)}

.sohbet-akis{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:8px;background:var(--zemin);overscroll-behavior:contain}
.sohbet-karsilama{margin:0 0 4px;align-self:flex-start;max-width:88%;padding:10px 13px;border-radius:16px 16px 16px 4px;background:var(--yuzey);
  border:1px solid var(--cizgi);font-size:14px;line-height:1.45}
.sohbet-mesaj{max-width:85%;display:flex;flex-direction:column;gap:3px;padding:9px 12px 6px;font-size:14px;line-height:1.45;
  white-space:pre-wrap;overflow-wrap:anywhere}
.sohbet-mesaj time{font-size:11px;opacity:.7;align-self:flex-end}
.sohbet-mesaj.benden{align-self:flex-end;background:var(--vurgu);color:var(--vurgu-ink);border-radius:16px 16px 4px 16px}
.sohbet-mesaj.ekipten{align-self:flex-start;background:var(--yuzey);border:1px solid var(--cizgi);border-radius:16px 16px 16px 4px}

.sohbet-form{border-top:1px solid var(--cizgi);padding:10px 12px 12px;display:flex;flex-direction:column;gap:8px;background:var(--yuzey)}
.sohbet-kimlik{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.sohbet-kimlik[hidden]{display:none}
.sohbet-kimlik input[type=text]{min-width:0;min-height:40px;padding:8px 12px;border:1px solid var(--cizgi-alan);border-radius:12px;
  background:var(--alan-dolgu,var(--yuzey));color:var(--murekkep);font:inherit;font-size:14px}
.sohbet-kvkk{grid-column:1/-1;display:flex;gap:8px;align-items:flex-start;font-size:12px;line-height:1.4;color:var(--soluk)}
.sohbet-kvkk input{margin-top:2px;width:16px;height:16px;flex:none;accent-color:var(--vurgu)}
.sohbet-yaz{display:flex;gap:8px;align-items:flex-end}
.sohbet-yaz textarea{flex:1;min-width:0;min-height:44px;max-height:120px;resize:none;padding:10px 12px;border:1px solid var(--cizgi-alan);
  border-radius:14px;background:var(--alan-dolgu,var(--yuzey));color:var(--murekkep);font:inherit;font-size:14.5px;line-height:1.4}
.sohbet-form :is(input[type=text],textarea):focus{outline:none;border-color:var(--vurgu);box-shadow:0 0 0 3px var(--vurgu-yumusak)}
.sohbet-gonder{width:44px;height:44px;flex:none;border:0;border-radius:14px;background:var(--vurgu);color:var(--vurgu-ink);cursor:pointer;display:grid;place-items:center}
.sohbet-gonder svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linejoin:round;stroke-linecap:round}
.sohbet-hata{margin:0;font-size:12.5px;font-weight:600;color:var(--kritik)}
.sohbet-hata[hidden]{display:none}

/* Panelde telefonda alttaki yuzen menunun ustunde dur */
@media (max-width:959px){.sohbet[data-tur="musteri"]{bottom:calc(max(16px,env(safe-area-inset-bottom)) + 76px)}}
@media (max-width:480px){
  .sohbet-dugme-yazi{display:none}
  .sohbet-dugme{padding:0 15px}
  .sohbet-pencere{width:calc(100vw - 24px);height:calc(100dvh - 110px)}
  .sohbet{right:12px}
  .sohbet.acik .sohbet-dugme{display:none}
  .sohbet-pencere{height:calc(100dvh - 40px)}
}
@media (prefers-reduced-motion:reduce){.sohbet-dugme{transition:none}}

/* ---------------- yonetim ekrani (yalniz platform sahibi) ---------------- */
.sy{display:grid;grid-template-columns:minmax(260px,320px) minmax(0,1fr);gap:18px;align-items:start}
.sy-liste{padding:8px;max-height:calc(100dvh - 180px);overflow-y:auto}
.sy-liste ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}
.sy-oge{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 8px;padding:10px 12px;border-radius:14px;text-decoration:none;color:var(--murekkep)}
.sy-oge:hover{background:var(--yuzey-2)}
.sy-oge.secili{background:var(--vurgu-yumusak)}
.sy-oge.kapali{opacity:.6}
.sy-ad{font-weight:700;font-size:14.5px;display:flex;align-items:center;gap:6px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sy-oge small{grid-column:1;font-size:12.5px;color:var(--soluk);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sy-oge time{grid-column:2;grid-row:1;font-size:12px;color:var(--soluk-2);white-space:nowrap}
.sy-bos{padding:14px;color:var(--soluk);font-size:14px;line-height:1.5}
.sy-konusma{padding:0;overflow:hidden;display:flex;flex-direction:column;height:calc(100dvh - 180px);min-height:420px}
.sy-bas{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;border-bottom:1px solid var(--cizgi)}
.sy-bas h2{margin:0;font-size:17px}
.sy-bas p{margin:2px 0 0;font-size:13px;color:var(--soluk);overflow-wrap:anywhere}
.sy-akis{flex:1}
@media (max-width:899px){.sy{grid-template-columns:minmax(0,1fr)}.sy-liste{max-height:280px}.sy-konusma{height:70dvh}}

/* 26 Eyl 2026 gece: iOS Safari 16 px altindaki alana dokununca sayfayi buyutur ve geri kucultmez (canli sohbet tasiyor gibi
   gorunuyordu). Dokunmatik ekranda butun alanlar 16 px; !important: alan kurallarinin secicileri daha ozgul. Masaustu degismez. */
@media (pointer:coarse){input,select,textarea{font-size:16px!important}}