.ob-sohbet{--s-yan:18px;--s-alt:18px;position:fixed;bottom:var(--s-alt);z-index:130;font-size:.92rem}
.ob-sohbet--sag{right:var(--s-yan)}
.ob-sohbet--sol{left:var(--s-yan)}
body:has(.ob-sohbet--sag:not([hidden])) .ob-yukari{bottom:92px}
body:has(.ob-sohbet--sol:not([hidden])) .ob-yuzen{bottom:92px}
.ob-sohbet__balon{position:relative;display:inline-grid;place-items:center;width:62px;height:62px;border:0;border-radius:22px 22px 8px 22px;background:var(--ob-grad);color:#fff;box-shadow:0 18px 36px -12px color-mix(in srgb,var(--ob-primary) 8%,transparent);transition:transform .25s var(--ob-ease),border-radius .3s var(--ob-ease)}
.ob-sohbet--sol .ob-sohbet__balon{border-radius:22px 22px 22px 8px}
.ob-sohbet__balon:hover{transform:translateY(-3px) scale(1.03)}
.ob-sohbet__balon.is-open{border-radius:50%}
.ob-sohbet__halo{position:absolute;inset:-6px;border-radius:inherit;border:2px solid color-mix(in srgb,var(--ob-accent) 70%,transparent);opacity:0;animation:ob-sohbet-halo 2.8s ease-out infinite;pointer-events:none}
.ob-sohbet__balon.is-open .ob-sohbet__halo{display:none}
@keyframes ob-sohbet-halo{0%{transform:scale(.9);opacity:.8}70%,100%{transform:scale(1.18);opacity:0}}
.ob-sohbet__balon-ikon{grid-area:1/1;display:inline-grid;place-items:center;transition:transform .3s var(--ob-ease),opacity .2s}
.ob-sohbet__balon-ikon--kapat{opacity:0;transform:rotate(-90deg) scale(.6)}
.ob-sohbet__balon.is-open .ob-sohbet__balon-ikon--ac{opacity:0;transform:rotate(90deg) scale(.6)}
.ob-sohbet__balon.is-open .ob-sohbet__balon-ikon--kapat{opacity:1;transform:none}
.ob-sohbet__rozet{position:absolute;top:-6px;right:-6px;display:inline-grid;place-items:center;min-width:24px;height:24px;padding:0 6px;border-radius:var(--ob-pill);background:var(--ob-err);color:#fff;font-size:.72rem;font-weight:800;box-shadow:0 0 0 3px var(--ob-bg)}
.ob-sohbet__panel{position:absolute;bottom:78px;display:flex;flex-direction:column;width:min(380px,calc(100vw - 2 * var(--s-yan)));height:min(600px,calc(100vh - 120px));border-radius:24px;background:var(--ob-surface);color:var(--ob-text);border:1px solid var(--ob-line);box-shadow:0 36px 80px -28px rgba(8,12,40,.55);overflow:hidden;animation:ob-sohbet-ac .28s var(--ob-ease)}
.ob-sohbet--sag .ob-sohbet__panel{right:0;transform-origin:100% 100%}
.ob-sohbet--sol .ob-sohbet__panel{left:0;transform-origin:0 100%}
@keyframes ob-sohbet-ac{from{opacity:0;transform:translateY(14px) scale(.96)}to{opacity:1;transform:none}}
.ob-sohbet__bas{position:relative;display:flex;align-items:center;gap:12px;padding:18px 14px 18px 18px;background:var(--ob-dark);color:#fff;isolation:isolate}
.ob-sohbet__bas::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(260px 140px at 0% 0%,color-mix(in srgb,var(--ob-primary) 8%,transparent),transparent 70%),radial-gradient(240px 140px at 100% 100%,color-mix(in srgb,var(--ob-secondary) 8%,transparent),transparent 70%)}
.ob-sohbet__avatar{position:relative;display:inline-grid;place-items:center;flex:none;width:46px;height:46px;border-radius:15px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2)}
.ob-sohbet__bas-metin{display:grid;flex:1;min-width:0;line-height:1.3}
.ob-sohbet__bas-metin strong{font-size:1.02rem}
.ob-sohbet__durum{display:flex;align-items:center;gap:6px;color:var(--ob-on-dark-muted);font-size:.78rem}
.ob-sohbet__nokta{flex:none;width:8px;height:8px;border-radius:50%;background:#34D399;box-shadow:0 0 0 3px rgba(52,211,153,.25)}
.ob-sohbet__bas-eylem{display:flex;gap:4px}
.ob-sohbet__bdugme{display:inline-grid;place-items:center;width:36px;height:36px;border:0;border-radius:11px;background:transparent;color:#fff}
.ob-sohbet__bdugme:hover,.ob-sohbet__bdugme[aria-expanded="true"]{background:rgba(255,255,255,.14)}
.ob-sohbet__menu{position:absolute;top:calc(100% - 8px);right:14px;z-index:5;display:grid;min-width:200px;padding:6px;border-radius:14px;background:var(--ob-surface);border:1px solid var(--ob-line);box-shadow:var(--ob-shadow-lg)}
.ob-sohbet__menu button{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border:0;border-radius:10px;background:none;color:var(--ob-text);font-size:.88rem;font-weight:600;text-align:left}
.ob-sohbet__menu button:hover{background:var(--ob-surface-2);color:var(--ob-primary)}
.ob-sohbet__giris{display:flex;flex-direction:column;gap:12px;flex:1;min-height:0;padding:20px 18px;overflow-y:auto;background:var(--ob-bg)}
.ob-sohbet__giris-metin{position:relative;margin:0 0 4px;padding:14px 16px;border-radius:4px 18px 18px 18px;background:var(--ob-surface);border:1px solid var(--ob-line);color:var(--ob-text-2);line-height:1.5}
.ob-sohbet__alan{display:grid;gap:6px}
.ob-sohbet__alan>span{font-size:.8rem;font-weight:700;color:var(--ob-text-2)}
.ob-sohbet__alan .ob-girdi,.ob-sohbet__alan .ob-secim{min-height:44px;font-size:.9rem}
.ob-sohbet__hata{margin:0;padding:10px 12px;border-radius:10px;background:var(--ob-err-bg);color:var(--ob-err);font-size:.84rem}
.ob-sohbet__not{display:flex;align-items:center;justify-content:center;gap:6px;color:var(--ob-muted);font-size:.74rem;text-align:center}
.ob-sohbet__govde{position:relative;display:flex;flex-direction:column;flex:1;min-height:0;background:var(--ob-bg)}
.ob-sohbet__mesajlar{display:flex;flex-direction:column;gap:12px;flex:1;min-height:0;padding:18px 16px;overflow-y:auto;scroll-behavior:smooth}
.ob-sohbet .pc__sys{align-self:center;max-width:90%;padding:6px 12px;border-radius:var(--ob-pill);background:var(--ob-surface-2);color:var(--ob-muted);font-size:.76rem;text-align:center}
.ob-sohbet .pc__msg{display:flex;align-items:flex-end;gap:8px;max-width:86%}
.ob-sohbet .pc__msg--me{align-self:flex-end;flex-direction:row-reverse}
.ob-sohbet .pc__msg-av{display:inline-grid;place-items:center;flex:none;width:30px;height:30px;border-radius:10px;background:var(--ob-grad-soft);color:var(--ob-primary);font-size:.8rem;font-weight:800}
.ob-sohbet .pc__bubble{display:grid;gap:3px;min-width:0;padding:10px 13px 7px;border-radius:18px 18px 18px 5px;background:var(--ob-surface);border:1px solid var(--ob-line);box-shadow:var(--ob-shadow-sm)}
.ob-sohbet .pc__msg--me .pc__bubble{border-radius:18px 18px 5px 18px;border-color:transparent;background:var(--ob-grad);color:#fff}
.ob-sohbet .pc__msg-name{font-size:.72rem;font-weight:800;color:var(--ob-primary)}
.ob-sohbet .pc__msg-text{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.45}
.ob-sohbet .pc__msg-time{justify-self:end;font-size:.66rem;color:var(--ob-muted)}
.ob-sohbet .pc__msg--me .pc__msg-time{color:rgba(255,255,255,.75)}
.ob-sohbet .pc__msg[data-pc-bekliyor] .pc__bubble{opacity:.7}
.ob-sohbet__temsilci{display:grid;gap:6px;padding:10px 16px;border-top:1px solid var(--ob-line);background:var(--ob-surface)}
.ob-sohbet__temsilci-dugme{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:0 14px;border:1.5px dashed color-mix(in srgb,var(--ob-primary) 45%,transparent);border-radius:var(--ob-pill);background:color-mix(in srgb,var(--ob-primary) 6%,transparent);color:var(--ob-primary);font-size:.85rem;font-weight:700}
.ob-sohbet__temsilci-dugme::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--ob-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--ob-accent) 8%,transparent)}
.ob-sohbet__temsilci-dugme:hover{border-style:solid;background:color-mix(in srgb,var(--ob-primary) 12%,transparent)}
.ob-sohbet__temsilci-dugme:disabled{opacity:.6;cursor:progress}
.ob-sohbet__temsilci-not{color:var(--ob-muted);font-size:.8rem;text-align:center}
.ob-sohbet__temsilci.is-done .ob-sohbet__temsilci-not{color:var(--ob-ok)}
.ob-sohbet__yaziyor{position:absolute;left:16px;bottom:64px;display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:var(--ob-pill);background:var(--ob-surface);border:1px solid var(--ob-line);color:var(--ob-muted);font-size:.76rem;box-shadow:var(--ob-shadow-sm)}
.ob-sohbet__noktalar{display:inline-flex;gap:3px}
.ob-sohbet__noktalar i{width:5px;height:5px;border-radius:50%;background:var(--ob-primary);animation:ob-sohbet-nokta 1.2s infinite ease-in-out}
.ob-sohbet__noktalar i:nth-child(2){animation-delay:.15s}
.ob-sohbet__noktalar i:nth-child(3){animation-delay:.3s}
@keyframes ob-sohbet-nokta{0%,60%,100%{transform:none;opacity:.4}30%{transform:translateY(-4px);opacity:1}}
.ob-sohbet__yaz{display:flex;align-items:flex-end;gap:8px;padding:10px 12px;border-top:1px solid var(--ob-line);background:var(--ob-surface)}
.ob-sohbet__yaz textarea{flex:1;min-height:44px;max-height:120px;padding:11px 14px;border:1.5px solid var(--ob-line);border-radius:14px;background:var(--ob-bg);color:var(--ob-text);font-size:.9rem;line-height:1.4;resize:none}
.ob-sohbet__yaz textarea:focus{outline:0;border-color:var(--ob-primary);box-shadow:var(--ob-ring)}
.ob-sohbet__gonder{display:inline-grid;place-items:center;flex:none;width:44px;height:44px;border:0;border-radius:14px;background:var(--ob-grad);color:#fff;transition:transform .2s var(--ob-ease)}
.ob-sohbet__gonder:hover{transform:scale(1.05)}
.ob-sohbet__puan{display:grid;gap:12px;padding:18px;border-top:1px solid var(--ob-line);background:var(--ob-surface);text-align:center}
.ob-sohbet__puan p{margin:0;font-weight:700}
.ob-sohbet__yildizlar{display:flex;justify-content:center;gap:4px}
.ob-sohbet__yildiz{display:inline-grid;place-items:center;width:42px;height:42px;border:0;border-radius:12px;background:none;color:var(--ob-line-2);transition:color .15s,transform .15s}
.ob-sohbet__yildiz:hover{transform:scale(1.12)}
.ob-sohbet__yildiz.is-on{color:#F5B301}
.ob-sohbet__puan .ob-metin-alani{min-height:70px;font-size:.88rem}
.ob-sohbet__kapandi{display:grid;justify-items:center;gap:10px;margin:0;padding:16px;border-top:1px solid var(--ob-line);background:var(--ob-surface);color:var(--ob-muted);font-size:.86rem}
@media (max-width:480px){
.ob-sohbet{--s-yan:14px;--s-alt:14px}
.ob-sohbet__balon{width:56px;height:56px}
.ob-sohbet__panel{position:fixed;left:8px;right:8px;bottom:84px;width:auto;height:min(620px,calc(100vh - 100px));border-radius:20px}
.ob-sohbet--sag .ob-sohbet__panel,.ob-sohbet--sol .ob-sohbet__panel{left:8px;right:8px}
body:has(.ob-sohbet--sag:not([hidden])) .ob-yukari{bottom:82px}
body:has(.ob-sohbet--sol:not([hidden])) .ob-yuzen{bottom:82px}
}
@media (prefers-reduced-motion:reduce){.ob-sohbet__halo,.ob-sohbet__noktalar i{animation:none}}