/* XSeller V3.6.5-R1.7 — AI CSKH + HUMAN HANDOFF + ADMIN LIVE SUPPORT */
:root{--r17-red:#ff2847;--r17-bg:#090b10;--r17-panel:#0b0d12;--r17-line:rgba(255,255,255,.09);--r17-muted:#9ea5b1;--r17-green:#45e08a}
.xs-r17-hud,.xs-r17-admin{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;box-sizing:border-box}.xs-r17-hud *,.xs-r17-admin *{box-sizing:border-box}
.xs-r17-hud{position:fixed;right:18px;bottom:18px;z-index:9998;display:flex;flex-direction:column;align-items:flex-end;gap:10px;pointer-events:none}
.xs-r17-launch{pointer-events:auto;display:flex;align-items:flex-end;gap:10px}.xs-r17-pill{border:1px solid var(--r17-line);border-radius:999px;background:rgba(12,13,17,.96);color:#fff;padding:10px 14px;min-height:52px;cursor:pointer;box-shadow:0 16px 42px rgba(0,0,0,.34)}.xs-r17-pill strong{display:block;font-size:14px}.xs-r17-pill span{display:block;color:var(--r17-muted);font-size:11px;margin-top:3px}.xs-r17-mini{position:relative;width:112px;height:112px;border:0;background:transparent;padding:0;cursor:pointer}.xs-r17-mini img{width:112px;height:112px;object-fit:contain;filter:drop-shadow(0 16px 24px rgba(0,0,0,.4))}.xs-r17-online{position:absolute;right:64px;top:4px;white-space:nowrap;border:1px solid rgba(255,40,71,.25);background:rgba(255,40,71,.13);border-radius:999px;padding:7px 10px;color:#fff;font-size:11px;font-weight:800}.xs-r17-online:before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--r17-green);margin-right:6px;box-shadow:0 0 0 4px rgba(69,224,138,.12)}
.xs-r17-panel{pointer-events:auto;width:min(400px,calc(100vw - 24px));max-height:min(760px,calc(100vh - 100px));display:flex;flex-direction:column;border:1px solid var(--r17-line);border-radius:22px;overflow:hidden;background:radial-gradient(circle at 100% 0,rgba(255,40,71,.15),transparent 35%),linear-gradient(160deg,#0c0e13,#08090d);box-shadow:0 24px 70px rgba(0,0,0,.5);opacity:0;visibility:hidden;transform:translateY(12px) scale(.98);transition:.22s ease}.xs-r17-hud[data-open="1"] .xs-r17-panel{opacity:1;visibility:visible;transform:none}.xs-r17-hud[data-open="1"] .xs-r17-pill{display:none}
.xs-r17-head{display:flex;align-items:center;justify-content:space-between;padding:13px 14px;border-bottom:1px solid rgba(255,255,255,.06)}.xs-r17-head-main{display:flex;align-items:center;gap:10px}.xs-r17-avatar{width:44px;height:44px;border-radius:13px;object-fit:cover;object-position:center top;border:1px solid rgba(255,255,255,.08);background:rgba(255,40,71,.08)}.xs-r17-title strong{display:block;color:#fff;font-size:15px}.xs-r17-title span{display:flex;align-items:center;gap:6px;color:var(--r17-muted);font-size:11px;margin-top:3px}.xs-r17-title i{width:8px;height:8px;border-radius:50%;background:var(--r17-green)}.xs-r17-x{border:0;border-radius:10px;width:34px;height:34px;background:rgba(255,255,255,.05);color:#fff;cursor:pointer}
.xs-r17-mode{margin:12px 12px 0;padding:10px 11px;border-radius:13px;border:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.025);font-size:12px;line-height:1.5;color:#d7dbe3}.xs-r17-mode.human{border-color:rgba(69,224,138,.18);background:rgba(69,224,138,.06)}.xs-r17-mode.waiting{border-color:rgba(255,170,61,.22);background:rgba(255,170,61,.06)}
.xs-r17-quick{display:flex;flex-wrap:wrap;gap:7px;padding:10px 12px 0}.xs-r17-chip{border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03);color:#eef0f3;border-radius:999px;padding:8px 11px;min-height:34px;font-size:12px;cursor:pointer}.xs-r17-chip.human{border-color:rgba(69,224,138,.25);background:rgba(69,224,138,.08);color:#effff6;font-weight:800}.xs-r17-chip:hover{border-color:rgba(255,40,71,.26)}
.xs-r17-thread{padding:12px;display:flex;flex-direction:column;gap:9px;overflow:auto;min-height:150px;max-height:340px}.xs-r17-msg{display:flex}.xs-r17-msg.user{justify-content:flex-end}.xs-r17-bubble{max-width:86%;padding:10px 12px;border-radius:15px;font-size:13px;line-height:1.55;white-space:pre-wrap;word-break:break-word}.xs-r17-msg.ai .xs-r17-bubble,.xs-r17-msg.system .xs-r17-bubble{background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.07);color:#f5f6f7}.xs-r17-msg.user .xs-r17-bubble{background:rgba(255,40,71,.15);border:1px solid rgba(255,40,71,.25);color:#fff}.xs-r17-msg.human .xs-r17-bubble{background:rgba(69,224,138,.08);border:1px solid rgba(69,224,138,.18);color:#f1fff7}.xs-r17-who{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:#7de7aa;margin-bottom:4px}
.xs-r17-form{padding:11px 12px 12px;border-top:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.015)}.xs-r17-input{width:100%;min-height:74px;max-height:150px;resize:vertical;padding:11px 12px;border-radius:14px;border:1px solid rgba(255,255,255,.08);background:#11141b;color:#fff;outline:none}.xs-r17-input:focus{border-color:rgba(255,40,71,.3);box-shadow:0 0 0 4px rgba(255,40,71,.07)}.xs-r17-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:9px}.xs-r17-help{font-size:10px;color:#858d99;line-height:1.4}.xs-r17-send{border:0;border-radius:12px;padding:10px 14px;min-width:100px;min-height:40px;background:linear-gradient(135deg,#ff2847,#ff4962);color:#fff;font-weight:800;cursor:pointer}
/* admin live-support control */
.xs-r17-admin-launch{position:fixed;right:20px;bottom:20px;z-index:10020;border:1px solid rgba(255,40,71,.28);border-radius:14px;background:#151016;color:#fff;padding:11px 14px;box-shadow:0 18px 45px rgba(0,0,0,.38);cursor:pointer;font-weight:800}.xs-r17-admin-launch b{display:inline-grid;place-items:center;min-width:24px;height:24px;margin-left:7px;border-radius:999px;background:var(--r17-red);font-size:11px}.xs-r17-admin-launch[data-zero="1"] b{background:rgba(255,255,255,.1);color:#aaa}
.xs-r17-admin-drawer{position:fixed;right:12px;top:82px;bottom:12px;z-index:10030;width:min(720px,calc(100vw - 24px));display:grid;grid-template-columns:270px 1fr;border:1px solid var(--r17-line);border-radius:18px;overflow:hidden;background:#090b10;box-shadow:0 26px 80px rgba(0,0,0,.55);opacity:0;visibility:hidden;transform:translateX(14px);transition:.2s ease;color:#fff}.xs-r17-admin[data-open="1"] .xs-r17-admin-drawer{opacity:1;visibility:visible;transform:none}.xs-r17-admin-list{border-right:1px solid var(--r17-line);display:flex;flex-direction:column;min-width:0}.xs-r17-admin-list-head,.xs-r17-admin-chat-head{padding:13px;border-bottom:1px solid var(--r17-line)}.xs-r17-admin-list-head strong{display:block}.xs-r17-admin-list-head span{font-size:11px;color:var(--r17-muted)}.xs-r17-admin-tools{display:flex;gap:6px;margin-top:8px}.xs-r17-admin-tools button{border:1px solid var(--r17-line);background:rgba(255,255,255,.04);color:#fff;border-radius:9px;padding:7px 8px;font-size:11px;cursor:pointer}.xs-r17-admin-threads{overflow:auto;padding:7px}.xs-r17-thread-row{width:100%;text-align:left;border:1px solid transparent;background:transparent;color:#fff;border-radius:11px;padding:10px;cursor:pointer;margin-bottom:5px}.xs-r17-thread-row:hover,.xs-r17-thread-row.active{background:rgba(255,255,255,.045);border-color:rgba(255,255,255,.07)}.xs-r17-thread-row.waiting{border-left:3px solid #ffa93d}.xs-r17-thread-row strong{display:flex;justify-content:space-between;gap:6px;font-size:12px}.xs-r17-thread-row small{display:block;color:var(--r17-muted);font-size:10px;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.xs-r17-unread{min-width:18px;height:18px;display:grid;place-items:center;border-radius:999px;background:var(--r17-red);font-size:9px}
.xs-r17-admin-chat{display:flex;flex-direction:column;min-width:0}.xs-r17-admin-chat-head{display:flex;justify-content:space-between;gap:10px;align-items:center}.xs-r17-admin-chat-head strong{font-size:14px}.xs-r17-admin-chat-head small{display:block;color:var(--r17-muted);margin-top:3px}.xs-r17-admin-chat-actions{display:flex;gap:6px}.xs-r17-admin-chat-actions button{border:1px solid var(--r17-line);background:rgba(255,255,255,.04);color:#fff;border-radius:9px;padding:7px 9px;font-size:11px;cursor:pointer}.xs-r17-admin-messages{flex:1;overflow:auto;padding:12px;display:flex;flex-direction:column;gap:8px}.xs-r17-admin-empty{margin:auto;color:#7f8792;font-size:13px;text-align:center}.xs-r17-admin-compose{border-top:1px solid var(--r17-line);padding:10px;display:flex;gap:8px}.xs-r17-admin-compose textarea{flex:1;min-height:64px;resize:vertical;border:1px solid var(--r17-line);border-radius:12px;background:#11141a;color:#fff;padding:10px;outline:none}.xs-r17-admin-compose button{align-self:stretch;min-width:92px;border:0;border-radius:12px;background:var(--r17-red);color:#fff;font-weight:800;cursor:pointer}.xs-r17-toast{position:fixed;right:22px;top:84px;z-index:10050;border:1px solid rgba(255,40,71,.25);border-radius:12px;background:#151016;color:#fff;padding:10px 13px;box-shadow:0 14px 36px rgba(0,0,0,.4);font-size:12px;opacity:0;transform:translateY(-8px);transition:.2s}.xs-r17-toast.show{opacity:1;transform:none}
@media(max-width:760px){.xs-r17-hud{right:10px;left:10px;bottom:10px}.xs-r17-panel{width:min(100%,420px)}.xs-r17-pill{display:none}.xs-r17-mini{width:98px;height:98px}.xs-r17-mini img{width:98px;height:98px}.xs-r17-admin-drawer{grid-template-columns:1fr;top:66px}.xs-r17-admin-list{max-height:36%;border-right:0;border-bottom:1px solid var(--r17-line)}.xs-r17-admin-launch{right:12px;bottom:12px}}

/* =========================================================
   R1.8 — Direct call + admin phone configuration
   ========================================================= */
.xs-r18-call{display:inline-flex!important;align-items:center;justify-content:center;text-decoration:none!important;border-color:rgba(77,226,139,.28)!important;background:rgba(77,226,139,.08)!important;color:#dfffee!important}.xs-r18-call:hover{background:rgba(77,226,139,.14)!important}.xs-r18-call[hidden]{display:none!important}
.xs-r18-phone-settings{margin-top:10px;padding:10px;border:1px solid rgba(255,255,255,.07);border-radius:12px;background:rgba(255,255,255,.025)}.xs-r18-phone-settings label{display:block;margin-bottom:7px;color:#fff;font-size:11px;font-weight:800}.xs-r18-phone-row{display:flex;gap:6px}.xs-r18-phone-row input{min-width:0;flex:1;height:34px;border:1px solid rgba(255,255,255,.09);border-radius:9px;background:#11141a;color:#fff;padding:0 9px;outline:none;font-size:12px}.xs-r18-phone-row input:focus{border-color:rgba(255,40,71,.32);box-shadow:0 0 0 3px rgba(255,40,71,.07)}.xs-r18-phone-row button{height:34px;border:1px solid rgba(255,40,71,.24);border-radius:9px;background:rgba(255,40,71,.11);color:#fff;padding:0 10px;font-size:11px;font-weight:800;cursor:pointer}.xs-r18-phone-settings small{display:block;margin-top:6px;color:#8d95a1;font-size:10px;line-height:1.4}