/* Canli destek penceresi. Renkler tema degiskenlerinden gelir. */
.lc{position:fixed;bottom:22px;z-index:80;font-family:var(--f-body,system-ui);font-size:14.5px}
.lc--right{right:22px}
.lc--left{left:22px}
.lc__launch{position:relative;width:58px;height:58px;border-radius:50%;background:var(--c-primary);color:var(--c-primary-ink);display:grid;place-items:center;box-shadow:0 10px 30px rgba(15,17,20,.24);transition:transform .18s,box-shadow .18s;cursor:pointer;border:0}
.lc__launch:hover{transform:translateY(-2px);box-shadow:0 14px 36px rgba(15,17,20,.3)}
.lc__launch.has-new::after{content:'';position:absolute;top:4px;right:4px;width:12px;height:12px;border-radius:50%;background:#E04B3A;border:2px solid var(--c-primary)}
.lc__dot{position:absolute;bottom:5px;right:5px;width:11px;height:11px;border-radius:50%;background:#9AA3AE;border:2px solid var(--c-primary)}
.lc__dot.is-on{background:#2FA36B}
.lc__panel{position:absolute;bottom:70px;width:min(360px,calc(100vw - 32px));background:var(--c-surface);border:1px solid var(--c-line);border-radius:calc(var(--radius) + 6px);box-shadow:0 20px 60px rgba(15,17,20,.2);overflow:hidden;display:flex;flex-direction:column;max-height:min(560px,calc(100dvh - 120px));animation:lc-in .18s ease}
.lc--right .lc__panel{right:0}
.lc--left .lc__panel{left:0}
@keyframes lc-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.lc__panel{animation:none}}
.lc__head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;background:var(--c-primary);color:var(--c-primary-ink);flex:none}
.lc__head strong{display:block;font-family:var(--f-heading,inherit);font-size:15px;line-height:1.3}
.lc__head small{display:flex;align-items:center;gap:6px;font-size:12px;opacity:.82;margin-top:3px}
.lc__status{width:8px;height:8px;border-radius:50%;background:#9AA3AE;display:inline-block}
.lc__status.is-on{background:#5FD79B}
.lc__x{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;color:inherit;background:rgba(255,255,255,.14);border:0;cursor:pointer;flex:none}
.lc__x:hover{background:rgba(255,255,255,.26)}
.lc__body{flex:1 1 auto;min-height:0;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:10px;background:var(--c-canvas);scrollbar-width:thin;overscroll-behavior:contain}
.lc__body:empty{min-height:60px}
.lc__msg{max-width:84%;padding:10px 13px;border-radius:12px;line-height:1.55;font-size:14px;position:relative;word-break:break-word}
.lc__msg--in{background:var(--c-surface);border:1px solid var(--c-line);align-self:flex-start;border-bottom-left-radius:4px}
.lc__msg--out{background:var(--c-primary);color:var(--c-primary-ink);align-self:flex-end;border-bottom-right-radius:4px}
.lc__msg--sys{align-self:center;background:transparent;color:var(--c-muted);font-size:12.5px;text-align:center;max-width:100%;padding:4px 8px}
.lc__msg time{display:block;font-size:10.5px;opacity:.6;margin-top:4px;font-style:normal}
.lc__start,.lc__compose{padding:12px;border-top:1px solid var(--c-line);background:var(--c-surface);display:flex;gap:8px;flex-wrap:wrap;flex:none}
.lc__start{flex-direction:column}
/* hidden ozniteligi display:flex tarafindan ezilmesin */
.lc [hidden]{display:none!important}
.lc__input{width:100%;padding:11px 13px;border:1.5px solid var(--c-line);border-radius:var(--radius);font:inherit;font-size:14px;background:var(--c-surface);color:var(--c-ink)}
.lc__input:focus{outline:0;border-color:var(--c-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--c-primary) 15%,transparent)}
.lc__input--area{resize:vertical;min-height:74px;line-height:1.5}
.lc__compose{flex-wrap:nowrap;align-items:center}
.lc__compose .lc__input{flex:1}
.lc__send{flex:none;width:44px;height:44px;border-radius:var(--radius);background:var(--c-primary);color:var(--c-primary-ink);display:grid;place-items:center;border:0;cursor:pointer;transition:filter .15s}
.lc__send:hover{filter:brightness(.92)}
.lc__send--wide{width:100%;height:46px;font-weight:700;font-size:14.5px}
.lc__send:disabled{opacity:.55;pointer-events:none}
.lc__note{font-size:11.5px;color:var(--c-muted);line-height:1.5;margin:0}
@media (max-width:520px){
  .lc{bottom:14px}.lc--right{right:14px}.lc--left{left:14px}
  .lc__panel{bottom:66px;width:calc(100vw - 28px);max-height:calc(100dvh - 96px)}
  .lc__input--area{min-height:62px}
}
@media print{.lc{display:none}}

/* yukari cik butonu widget ile ayni koseyi paylasir, uzerine binmesin */
body:has(.lc) .to-top{bottom:92px}
@media (max-width:640px){body:has(.lc) .to-top{bottom:80px}}