:root{--dtc-chat-blue:#176bff;--dtc-chat-navy:#0b1f44;--dtc-chat-bg:#f4f8ff;--dtc-chat-line:#dbe7f5;--dtc-chat-muted:#687a93}
.dtc-chat-launcher{position:fixed;right:22px;bottom:22px;z-index:9997;border:0;border-radius:18px;background:linear-gradient(135deg,#176bff,#0d50ce);color:#fff;min-width:58px;height:58px;padding:0 18px;display:flex;align-items:center;justify-content:center;gap:9px;font:700 13px Inter,system-ui,sans-serif;box-shadow:0 18px 45px rgba(23,107,255,.31);cursor:pointer;transition:.22s ease}
.dtc-chat-launcher:hover{transform:translateY(-3px);box-shadow:0 23px 52px rgba(23,107,255,.38)}
.dtc-chat-launcher svg{width:21px;height:21px}.dtc-chat-launcher-label{display:none}.dtc-chat-launcher-badge{position:absolute;right:-5px;top:-6px;min-width:21px;height:21px;border-radius:999px;background:#ef4444;border:3px solid #fff;color:#fff;font-size:10px;display:none;place-items:center;padding:0 4px}
.dtc-chat-panel{position:fixed;right:22px;bottom:92px;z-index:9998;width:min(390px,calc(100vw - 28px));height:min(650px,calc(100vh - 120px));border:1px solid rgba(175,199,231,.75);border-radius:24px;background:#fff;box-shadow:0 28px 85px rgba(14,43,91,.24);overflow:hidden;display:none;grid-template-rows:auto 1fr auto;font:400 14px Inter,system-ui,sans-serif;color:#10213d;animation:dtcChatIn .24s ease both}
.dtc-chat-panel.open{display:grid}.dtc-chat-head{padding:15px 16px;background:linear-gradient(135deg,#0f58dd,#2185ff);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:12px}.dtc-chat-brand{display:flex;align-items:center;gap:10px}.dtc-chat-logo{width:38px;height:38px;border-radius:12px;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.25);display:grid;place-items:center;font-weight:900;font-size:12px}.dtc-chat-title{font-weight:800;font-size:14px}.dtc-chat-sub{font-size:10px;opacity:.75;margin-top:2px}.dtc-chat-close{width:34px;height:34px;border:0;border-radius:10px;background:rgba(255,255,255,.13);color:#fff;cursor:pointer;font-size:20px}.dtc-chat-main{min-height:0;overflow:auto;background:linear-gradient(#f8fbff,#f4f8ff);padding:14px}.dtc-chat-start{background:#fff;border:1px solid var(--dtc-chat-line);border-radius:18px;padding:16px}.dtc-chat-start h3{margin:0 0 5px;font-size:16px}.dtc-chat-start p{margin:0 0 15px;color:var(--dtc-chat-muted);font-size:12px;line-height:1.55}.dtc-chat-field{display:block;margin-top:10px;font-size:11px;font-weight:750;color:#34445e}.dtc-chat-field input{width:100%;height:43px;margin-top:6px;border:1px solid var(--dtc-chat-line);border-radius:11px;background:#fbfdff;padding:0 12px;outline:none;font:inherit;color:#10213d}.dtc-chat-field input:focus{border-color:var(--dtc-chat-blue);box-shadow:0 0 0 3px rgba(23,107,255,.09)}.dtc-chat-primary{width:100%;height:44px;margin-top:14px;border:0;border-radius:12px;background:var(--dtc-chat-blue);color:#fff;font-weight:800;cursor:pointer}.dtc-chat-error{display:none;margin-top:10px;padding:9px 11px;border-radius:10px;background:#fff0f2;border:1px solid #ffd4da;color:#ad3343;font-size:11px;line-height:1.4}.dtc-chat-error.show{display:block}
.dtc-chat-thread{display:flex;flex-direction:column;gap:11px}.dtc-chat-date{text-align:center;color:#8b98a9;font-size:10px;margin:4px 0}.dtc-chat-msg{max-width:84%;display:flex;flex-direction:column;gap:5px}.dtc-chat-msg.customer{align-self:flex-end;align-items:flex-end}.dtc-chat-msg.admin,.dtc-chat-msg.system{align-self:flex-start}.dtc-chat-bubble{border-radius:15px;padding:10px 12px;font-size:12px;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere}.dtc-chat-msg.customer .dtc-chat-bubble{background:#176bff;color:#fff;border-bottom-right-radius:5px}.dtc-chat-msg.admin .dtc-chat-bubble{background:#fff;border:1px solid var(--dtc-chat-line);color:#10213d;border-bottom-left-radius:5px}.dtc-chat-msg.system .dtc-chat-bubble{background:#eef5ff;color:#31547e;border:1px solid #d3e4fa}.dtc-chat-meta{font-size:9px;color:#8a97a8}.dtc-chat-files{display:flex;flex-direction:column;gap:5px}.dtc-chat-file{border:1px solid var(--dtc-chat-line);background:#fff;color:#24599c;border-radius:10px;padding:7px 9px;font-size:10px;font-weight:700;cursor:pointer;text-align:left;max-width:240px}.dtc-chat-msg.customer .dtc-chat-file{background:#eaf2ff}.dtc-chat-empty{text-align:center;color:#7a8ba2;font-size:12px;padding:34px 16px}.dtc-chat-footer{padding:10px 12px 12px;background:#fff;border-top:1px solid var(--dtc-chat-line)}.dtc-chat-selected-files{display:none;margin-bottom:7px;padding:7px 9px;border-radius:9px;background:#eef5ff;color:#31547e;font-size:10px}.dtc-chat-selected-files.show{display:block}.dtc-chat-compose{display:grid;grid-template-columns:auto 1fr auto;gap:7px;align-items:end}.dtc-chat-attach{width:39px;height:39px;border:1px solid var(--dtc-chat-line);border-radius:11px;background:#f7faff;color:#31547e;cursor:pointer;display:grid;place-items:center;font-size:18px}.dtc-chat-input{resize:none;min-height:39px;max-height:100px;border:1px solid var(--dtc-chat-line);border-radius:11px;background:#fbfdff;padding:9px 10px;outline:none;font:inherit;font-size:12px;color:#10213d}.dtc-chat-input:focus{border-color:var(--dtc-chat-blue);box-shadow:0 0 0 3px rgba(23,107,255,.08)}.dtc-chat-send{width:42px;height:39px;border:0;border-radius:11px;background:var(--dtc-chat-blue);color:#fff;cursor:pointer;font-weight:900}.dtc-chat-status{display:flex;justify-content:space-between;gap:8px;margin-top:7px;color:#8996a7;font-size:9px}.dtc-chat-new{border:0;background:transparent;color:#176bff;font-size:10px;font-weight:750;cursor:pointer}.dtc-chat-hidden{display:none!important}
@keyframes dtcChatIn{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}
@media(min-width:720px){.dtc-chat-launcher-label{display:inline}}
@media(max-width:560px){.dtc-chat-launcher{right:14px;bottom:14px}.dtc-chat-panel{right:8px;left:8px;bottom:82px;width:auto;height:min(660px,calc(100vh - 98px));border-radius:20px}}
@media(prefers-reduced-motion:reduce){.dtc-chat-panel,.dtc-chat-launcher{animation:none;transition:none}}