/* bycrm.net canli destek balonu. Kendi degiskenleriyle calisir (site.css olmadan da). */
.bcc{--bcc-ink:#1a1a1c;--bcc-muted:rgba(26,26,28,.6);--bcc-dark:#0d0d12;--bcc-lime:#daff95;--bcc-lime-2:#bfee67;--bcc-blue:#2f7cff;--bcc-bg:#f2f5fa;--bcc-stroke:#dfe4eb;
  position:fixed;right:24px;bottom:24px;z-index:2147483000;font-family:'Inter Tight',ui-sans-serif,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;font-size:15px;line-height:1.45;color:var(--bcc-ink)}
[dir=rtl] .bcc{right:auto;left:24px}
.bcc *{box-sizing:border-box}
.bcc button{font:inherit;cursor:pointer;border:0;background:none;color:inherit;padding:0}

.bcc-fab{width:62px;height:62px;border-radius:50%;background:var(--bcc-dark);color:var(--bcc-lime);display:grid;place-items:center;box-shadow:0 10px 30px -8px rgba(13,13,18,.55),0 0 0 6px rgba(218,255,149,.35);transition:transform .2s ease}
.bcc-fab:hover{transform:scale(1.06)}
.bcc-fab svg{width:28px;height:28px}
.bcc-fab .bcc-x{display:none}
.bcc.is-open .bcc-fab .bcc-x{display:block}
.bcc.is-open .bcc-fab .bcc-ic{display:none}
.bcc-dot{position:absolute;top:2px;right:2px;min-width:18px;height:18px;border-radius:9px;background:#ff4d4f;color:#fff;font-size:11px;font-weight:600;display:none;align-items:center;justify-content:center;padding:0 5px;border:2px solid #fff}
.bcc-dot.on{display:flex}

.bcc-teaser{position:absolute;right:78px;bottom:4px;width:300px;background:#fff;border:1.5px solid var(--bcc-dark);border-radius:16px;padding:14px 34px 14px 14px;display:flex;gap:12px;box-shadow:0 12px 32px -12px rgba(16,24,40,.3);animation:bcc-in .35s ease}
[dir=rtl] .bcc-teaser{right:auto;left:78px;padding:14px 14px 14px 34px}
.bcc-teaser b{display:block;font-weight:600;margin-bottom:2px}
.bcc-teaser p{margin:0;color:var(--bcc-muted);font-size:13.5px}
.bcc-teaser .bcc-tx{position:absolute;top:8px;right:10px;color:var(--bcc-muted);font-size:16px;line-height:1}
[dir=rtl] .bcc-teaser .bcc-tx{right:auto;left:10px}
.bcc-teaser-body{cursor:pointer;display:flex;gap:12px}

.bcc-av{flex:none;width:40px;height:40px;border-radius:50%;background:var(--bcc-lime);color:var(--bcc-dark);display:grid;place-items:center;font-weight:700;position:relative}
.bcc-av svg{width:22px;height:22px}
.bcc-av .bcc-st{position:absolute;right:-1px;bottom:-1px;width:12px;height:12px;border-radius:50%;background:#9aa3af;border:2px solid #fff}
.bcc-av .bcc-st.on{background:#22c55e}

.bcc-panel{position:absolute;right:0;bottom:78px;width:380px;height:min(600px,calc(100vh - 120px));background:#fff;border-radius:20px;box-shadow:0 24px 60px -16px rgba(13,13,18,.45);display:none;flex-direction:column;overflow:hidden;animation:bcc-in .25s ease}
[dir=rtl] .bcc-panel{right:auto;left:0}
.bcc.is-open .bcc-panel{display:flex}
.bcc.is-open .bcc-teaser{display:none}
.bcc-head{background:var(--bcc-dark);color:#fff;padding:16px 16px 14px;display:flex;align-items:center;gap:12px}
.bcc-head b{display:block;font-weight:600;font-size:16px}
.bcc-head small{color:rgba(255,255,255,.65);font-size:12.5px;display:flex;align-items:center;gap:6px}
.bcc-head .bcc-hx{margin-left:auto;color:rgba(255,255,255,.7);width:32px;height:32px;border-radius:50%;display:grid;place-items:center}
[dir=rtl] .bcc-head .bcc-hx{margin-left:0;margin-right:auto}
.bcc-head .bcc-hx:hover{background:rgba(255,255,255,.1)}

.bcc-msgs{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:8px;background:var(--bcc-bg)}
.bcc-m{max-width:82%;padding:9px 13px;border-radius:16px;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:anywhere;font-size:14.5px}
.bcc-m small{display:block;font-size:11px;color:var(--bcc-muted);margin-bottom:2px;font-weight:600}
.bcc-m a{color:var(--bcc-blue);text-decoration:underline}
.bcc-m.visitor{align-self:flex-end;background:var(--bcc-dark);color:#fff;border-bottom-right-radius:4px}
.bcc-m.bot,.bcc-m.admin{align-self:flex-start;background:#fff;border:1px solid var(--bcc-stroke);border-bottom-left-radius:4px}
.bcc-m.admin{border-color:var(--bcc-lime-2);box-shadow:inset 3px 0 0 var(--bcc-lime-2)}
.bcc-m.system{align-self:center;background:none;color:var(--bcc-muted);font-size:12.5px;text-align:center;max-width:92%;padding:4px 8px}
.bcc-typing{align-self:flex-start;background:#fff;border:1px solid var(--bcc-stroke);border-radius:16px;padding:12px 14px;display:none;gap:4px}
.bcc-typing.on{display:flex}
.bcc-typing i{width:6px;height:6px;border-radius:50%;background:#9aa3af;animation:bcc-b 1s infinite}
.bcc-typing i:nth-child(2){animation-delay:.15s}.bcc-typing i:nth-child(3){animation-delay:.3s}

.bcc-mail{margin:0 12px 10px;background:#fff;border:1px solid var(--bcc-stroke);border-radius:14px;padding:12px;display:none;flex-direction:column;gap:8px}
.bcc-mail.on{display:flex}
.bcc-mail b{font-size:13.5px;font-weight:600}
.bcc-mail input{width:100%;border:1px solid var(--bcc-stroke);border-radius:10px;padding:8px 10px;font:inherit;font-size:14px}
.bcc-mail button{background:var(--bcc-dark);color:#fff;border-radius:10px;padding:8px;font-weight:600;font-size:14px}

.bcc-foot{border-top:1px solid var(--bcc-stroke);padding:10px 12px 8px;background:#fff}
.bcc-human{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--bcc-blue);margin:0 4px 8px}
.bcc-human[disabled]{color:var(--bcc-muted);cursor:default}
.bcc-form{display:flex;gap:8px;align-items:flex-end}
.bcc-form textarea{flex:1;resize:none;border:1px solid var(--bcc-stroke);border-radius:14px;padding:10px 12px;font:inherit;font-size:14.5px;max-height:120px;min-height:44px;outline:none}
.bcc-form textarea:focus{border-color:var(--bcc-dark)}
.bcc-send{flex:none;width:44px;height:44px;border-radius:50%;background:var(--bcc-lime);color:var(--bcc-dark);display:grid;place-items:center}
.bcc-send:disabled{opacity:.5}
.bcc-send svg{width:20px;height:20px}
.bcc-note{font-size:11px;color:var(--bcc-muted);text-align:center;margin-top:6px}

@keyframes bcc-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes bcc-b{0%,60%,100%{transform:none;opacity:.5}30%{transform:translateY(-4px);opacity:1}}
@media (max-width:520px){
  .bcc{right:16px;bottom:16px}
  [dir=rtl] .bcc{left:16px}
  .bcc-teaser{width:calc(100vw - 110px)}
  .bcc-panel{position:fixed;inset:0;width:auto;height:auto;border-radius:0;bottom:0}
  .bcc.is-open .bcc-fab{display:none}
}
@media print{.bcc{display:none}}