/* HostingDomain canli destek kutusu (site + musteri paneli) */
#hdc{--hdc-a:#4f46e5;--hdc-bg:#fff;--hdc-tx:#0f172a;--hdc-mu:#64748b;--hdc-bd:#e2e8f0;--hdc-me:#eef2ff;position:fixed;right:20px;bottom:20px;z-index:1060;font:14px/1.45 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:var(--hdc-tx)}
[dir=rtl] #hdc{right:auto;left:20px}
#hdc *{box-sizing:border-box}
#hdc [hidden]{display:none!important}
.hdc-fab{width:58px;height:58px;border-radius:999px;border:0;background:var(--hdc-a);color:#fff;display:grid;place-items:center;cursor:pointer;box-shadow:0 14px 34px -12px rgba(79,70,229,.7);position:relative;transition:transform .15s}
.hdc-fab:hover{transform:translateY(-2px)}
.hdc-fab:focus-visible{outline:3px solid #a5b4fc;outline-offset:3px}
.hdc-badge{position:absolute;top:-4px;right:-4px;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:#ef4444;color:#fff;font-size:11px;font-weight:700;display:grid;place-items:center}
.hdc-panel{position:absolute;right:0;bottom:72px;width:360px;max-width:calc(100vw - 32px);height:520px;max-height:calc(100vh - 110px);background:var(--hdc-bg);border:1px solid var(--hdc-bd);border-radius:16px;box-shadow:0 30px 70px -20px rgba(15,23,42,.45);display:none;flex-direction:column;overflow:hidden}
[dir=rtl] .hdc-panel{right:auto;left:0}
#hdc.hdc-open .hdc-panel{display:flex}
.hdc-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:var(--hdc-a);color:#fff}
.hdc-title{font-size:15px}
.hdc-sub{font-size:12px;opacity:.9;display:flex;align-items:center;gap:6px}
.hdc-dot{width:8px;height:8px;border-radius:99px;background:#94a3b8}.hdc-dot.on{background:#22c55e}
.hdc-x{background:none;border:0;color:#fff;font-size:24px;line-height:1;cursor:pointer;padding:0 4px}
.hdc-offnote{padding:8px 16px;background:#fff7ed;color:#9a3412;font-size:12.5px;border-bottom:1px solid #fed7aa}
.hdc-start{padding:16px;display:flex;flex-direction:column;gap:9px;overflow:auto}
.hdc-hello{margin:0 0 4px;color:var(--hdc-mu)}
.hdc-start input,.hdc-start textarea,.hdc-send textarea{width:100%;border:1px solid var(--hdc-bd);border-radius:10px;padding:9px 11px;font:inherit;color:inherit;background:#fff;resize:none}
.hdc-start input:focus,.hdc-start textarea:focus,.hdc-send textarea:focus{outline:2px solid #c7d2fe;border-color:var(--hdc-a)}
.hdc-hp{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0}
.hdc-btn{border:0;border-radius:10px;background:var(--hdc-a);color:#fff;padding:10px 14px;font-weight:600;cursor:pointer}
.hdc-chat{display:flex;flex-direction:column;flex:1;min-height:0}
.hdc-chat[hidden],.hdc-start[hidden]{display:none}
.hdc-msgs{flex:1;overflow:auto;padding:14px;display:flex;flex-direction:column;gap:8px;background:#f8fafc}
.hdc-m{max-width:82%;display:flex;flex-direction:column}
.hdc-m .hdc-b{padding:8px 11px;border-radius:12px;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:anywhere}
.hdc-visitor{align-self:flex-end;align-items:flex-end}.hdc-visitor .hdc-b{background:var(--hdc-a);color:#fff;border-bottom-right-radius:4px}
.hdc-admin{align-self:flex-start}.hdc-admin .hdc-b{background:#fff;border:1px solid var(--hdc-bd);border-bottom-left-radius:4px}
.hdc-system{align-self:center;max-width:100%}.hdc-system .hdc-b{background:none;color:var(--hdc-mu);font-size:12px;padding:2px}
.hdc-who{color:var(--hdc-mu);font-size:11px;margin:0 4px 2px}
.hdc-t{color:#94a3b8;font-size:10.5px;margin:2px 4px 0}
.hdc-send{display:flex;gap:6px;padding:10px;border-top:1px solid var(--hdc-bd);background:#fff}
.hdc-send[hidden]{display:none}
.hdc-go{border:0;border-radius:10px;background:var(--hdc-a);color:#fff;width:44px;cursor:pointer;font-size:16px}
.hdc-end{border:0;background:none;color:var(--hdc-mu);font-size:12px;padding:4px 0 8px;cursor:pointer;text-decoration:underline}
.hdc-ended{padding:14px;text-align:center;border-top:1px solid var(--hdc-bd)}
.hdc-ended p{margin:0 0 6px;color:var(--hdc-mu)}
.hdc-rate{margin-bottom:10px}.hdc-rate button{border:0;background:none;font-size:24px;color:#f59e0b;cursor:pointer;padding:0 2px}
.hdc-err{position:absolute;left:12px;right:12px;bottom:12px;background:#fef2f2;color:#991b1b;border:1px solid #fecaca;border-radius:10px;padding:8px 10px;font-size:12.5px}
.hd-wa{bottom:92px!important}
@media (max-width:480px){.hdc-panel{position:fixed;right:8px;left:8px;bottom:86px;width:auto;height:auto;top:70px;max-height:none}}
