.sp2{--bg:#fafafa;--pane:#fff;--pane2:#f4f5f7;--line:#e5e7eb;--text:#111827;--muted:#6b7280;--blue:#2563eb;--bubble:#fff;background:var(--bg);width:100%;min-height:100vh;color:var(--text);font-size:14px}.dark .sp2{--bg:#000;--pane:#141418;--pane2:#1f1f25;--line:#2a2a31;--text:#f5f5f5;--muted:#a1a1aa;--bubble:#19191e;--blue:#3b82f6}.sp2 *{box-sizing:border-box}.sp2 button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}.sp2-wrap{flex-direction:column;max-width:1182px;margin:0 auto;padding:20px 12px;display:flex}@media (min-width:640px){.sp2-wrap{padding:20px}}@media (min-width:768px){.sp2{height:100dvh;overflow:hidden}.sp2-wrap{height:100%}}.sp2-top{flex-shrink:0;align-items:center;gap:8px;margin-bottom:8px;display:flex}.sp2-back{cursor:pointer;color:#6b7280;background:0 0;border:0;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:color .15s;display:flex}.dark .sp2-back{color:#afafaf}.sp2-back:hover{color:#2563eb}.dark .sp2-back:hover{color:#60a5fa}.sp2-back:focus-visible{outline-offset:2px;outline:2px solid #2563eb}.sp2-back svg{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;width:24px;height:24px}.sp2-top h1{flex:1;margin:0;font-size:26px;font-weight:700;line-height:1.25}@media (min-width:640px){.sp2-top h1{font-size:30px}}.sp2-panel{border:1px solid var(--line);background:var(--pane);border-radius:24px;grid-template-columns:1fr;height:calc(100dvh - 148px);min-height:0;display:grid;overflow:hidden;box-shadow:0 12px 40px #0f172a0a}@media (min-width:768px){.sp2-panel{flex:1;grid-template-columns:minmax(0,365px) minmax(0,1fr);height:auto}}.sp2-list{border-right:1px solid var(--line);flex-direction:column;min-height:0;display:flex}.sp2-list-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;padding:14px 14px 10px;display:flex}.sp2-list-head strong{font-size:15px}.sp2-new{border-radius:99px;align-items:center;gap:5px;padding:7px 12px 7px 9px;font-weight:600;display:inline-flex;background:var(--blue)!important;color:#fff!important;font-size:13px!important}.sp2-new svg{fill:none;stroke:currentColor;stroke-width:2.4px;stroke-linecap:round;width:16px;height:16px}.sp2-rows{flex:1;padding:6px;overflow-y:auto}.sp2-row{text-align:left;border-radius:14px;align-items:center;gap:11px;width:100%;padding:10px;display:flex}.sp2-row:hover{background:var(--pane2)}.sp2-row.is-selected{background:color-mix(in srgb,var(--blue) 10%,var(--pane))}.sp2-row-icon{background:var(--pane2);width:38px;height:38px;color:var(--muted);border-radius:12px;flex-shrink:0;place-items:center;display:grid}.sp2-row-icon svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:19px;height:19px}.sp2-row-main{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.sp2-row-main strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;overflow:hidden}.sp2-row-main small{color:var(--muted);font-size:12px}.sp2-chip{background:var(--pane2);color:var(--muted);white-space:nowrap;border-radius:99px;padding:2px 8px;font-size:11px;font-style:normal;font-weight:600}.sp2-chip.is-open{color:#15803d;background:#dcfce7}.dark .sp2-chip.is-open{color:#75deb0;background:#153d2d}.sp2-chip.is-pending{color:#b45309;background:#fef3c7}.dark .sp2-chip.is-pending{color:#fcd34d;background:#4a3a1c}.sp2-chip.is-resolved{color:#1d4ed8;background:#dbeafe}.dark .sp2-chip.is-resolved{color:#9bc5ff;background:#1c3151}.sp2-muted{color:var(--muted);margin:14px;font-size:13px}.sp2-muted a{color:var(--blue);font-weight:600}.sp2-thread{flex-direction:column;min-width:0;min-height:0;display:flex;position:relative}.sp2-thread.is-drag{outline:2px dashed var(--blue);outline-offset:-8px}.sp2-thread-head{border-bottom:1px solid var(--line);flex-shrink:0;align-items:center;gap:10px;padding:10px 14px;display:flex}.sp2-agent{color:#fff;background:#2563eb;border-radius:50%;flex-shrink:0;place-items:center;width:36px;height:36px;font-size:18px;font-weight:800;line-height:1;display:grid}.sp2-agent.is-small{width:26px;height:26px;font-size:14px}.sp2-agent.is-big{width:56px;height:56px;margin:0 auto 10px;font-size:28px}.sp2-agent.has-dot{position:relative}.sp2-agent.has-dot:after{content:"";border:2px solid var(--pane);background:#9ca3af;border-radius:50%;width:11px;height:11px;position:absolute;bottom:-1px;right:-1px}.sp2-agent.is-big.has-dot:after{border-width:3px;width:15px;height:15px;bottom:1px;right:1px}.sp2-agent.has-dot.is-online:after{background:#22c55e}.sp2-status{color:var(--muted)}.sp2-status.is-online{color:#16a34a}.dark .sp2-status.is-online{color:#4ade80}.sp2-start .sp2-status-center{margin:-4px 0 10px;font-size:12.5px}.sp2-who{flex-direction:column;flex:1;min-width:0;display:flex}.sp2-who strong{font-size:14px}.sp2-who small{color:var(--muted);font-size:12px}.sp2-typing-text{color:var(--blue);align-items:center;gap:4px;font-weight:600;display:inline-flex}.sp2-typing-text svg,.sp2-typing svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:13px;height:13px}.sp2-messages{overscroll-behavior:contain;flex-direction:column;flex:1;gap:6px;min-height:0;padding:14px 16px;display:flex;overflow-y:auto}.sp2-notice{text-align:center;max-width:460px;color:var(--muted);background:var(--pane2);border-radius:12px;align-self:center;margin-bottom:6px;padding:8px 12px;font-size:12px;line-height:1.45}.sp2-empty{color:var(--muted);text-align:center;margin:auto;font-size:13px}.sp2-day{justify-content:center;margin:8px 0 4px;display:flex}.sp2-day span{color:var(--muted);background:var(--pane2);border-radius:99px;padding:2px 10px;font-size:11px}.sp2-line{align-items:flex-end;gap:6px;display:flex}.sp2-line.is-own{justify-content:flex-end}.sp2-bubble{border:1px solid var(--line);background:var(--bubble);overflow-wrap:anywhere;border-radius:14px;max-width:min(82%,520px);padding:5px 10px 4px;font-size:14px;line-height:1.4}.sp2-line.is-own .sp2-bubble{color:#fff;background:#2563eb;border-color:#2563eb}.sp2-bubble p{white-space:pre-wrap;margin:0}.sp2-bubble time{text-align:right;opacity:.65;margin-top:1px;font-size:10px;display:block}.sp2-bubble img,.sp2-bubble video{border-radius:10px;max-width:min(100%,280px);max-height:300px;margin:3px 0;display:block}.sp2-bubble.is-media{background:0 0;border:0;padding:3px}.sp2-line.is-own .sp2-bubble.is-media{background:0 0}.sp2-bubble.is-media time{color:var(--muted);opacity:1;padding:0 4px}.sp2-media-wait{background:var(--pane2);border-radius:10px;width:180px;height:120px;display:block}.sp2-typing{color:var(--muted);align-items:center;gap:4px;padding:9px 12px;display:flex}.sp2-typing i{background:currentColor;border-radius:50%;width:6px;height:6px;animation:1.2s infinite both sp2-blink}.sp2-typing i:nth-of-type(2){animation-delay:.2s}.sp2-typing i:nth-of-type(3){animation-delay:.4s}@keyframes sp2-blink{0%,80%,to{opacity:.25}40%{opacity:1}}.sp2-closed{text-align:center;color:var(--muted);border-top:1px solid var(--line);padding:12px;font-size:13px}.sp2-closed button{color:var(--blue);font-weight:600}.sp2-composer{border-top:1px solid var(--line);padding:8px 10px calc(8px + env(safe-area-inset-bottom));flex-direction:column;flex-shrink:0;gap:6px;display:flex}.sp2-attach{border:1px solid var(--line);background:var(--pane2);border-radius:12px;align-items:center;gap:10px;padding:6px;display:flex}.sp2-attach img,.sp2-attach video{object-fit:cover;border-radius:8px;flex-shrink:0;width:48px;height:48px}.sp2-attach span{flex-direction:column;flex:1;min-width:0;display:flex}.sp2-attach strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.sp2-attach small{color:var(--muted);font-size:11px}.sp2-attach button{width:28px;height:28px;color:var(--muted);border-radius:50%;font-size:18px}.sp2-compose-row{align-items:flex-end;gap:8px;display:flex}.sp2-icon{border-radius:50%;flex-shrink:0;place-items:center;width:40px;height:40px;display:grid;border:1px solid var(--line)!important;color:var(--muted)!important}.sp2-icon:hover{color:var(--blue)!important;border-color:var(--blue)!important}.sp2-icon svg{fill:none;stroke:currentColor;stroke-width:1.9px;stroke-linecap:round;stroke-linejoin:round;width:19px;height:19px}.sp2-compose-row textarea{resize:none;field-sizing:content;border:1px solid var(--line);background:var(--pane);min-height:40px;max-height:140px;color:var(--text);font:inherit;border-radius:12px;outline:none;flex:1;padding:9px 12px;font-size:14px;line-height:1.4}.sp2-compose-row textarea:focus{border-color:var(--blue)}.sp2-send{border-radius:50%;flex-shrink:0;place-items:center;width:40px;height:40px;display:grid;color:#fff!important;background:#2563eb!important}.sp2-send:disabled{opacity:.4;cursor:default}.sp2-send svg{fill:none;stroke:currentColor;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;width:19px;height:19px}.sp2-spin{border:2px solid #fff6;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite sp2-rot}@keyframes sp2-rot{to{transform:rotate(360deg)}}.sp2-hint{color:var(--muted);padding-left:48px;font-size:11px}.sp2-drop{background:color-mix(in srgb,var(--blue) 10%,transparent);color:var(--blue);pointer-events:none;border-radius:18px;place-items:center;font-weight:700;display:grid;position:absolute;inset:8px}.sp2-error{color:#b91c1c;background:#fee2e2;border-radius:10px;justify-content:space-between;align-items:center;gap:10px;padding:8px 12px;font-size:12.5px;display:flex;position:absolute;bottom:84px;left:12px;right:12px}.dark .sp2-error{color:#fca5a5;background:#3a1d1d}.sp2-error button{font-size:16px}.sp2-start{text-align:center;width:100%;max-width:420px;margin:auto;padding:20px}.sp2-start h2{margin:0;font-size:20px;font-weight:700}.sp2-start p{color:var(--muted);margin:6px 0 16px;font-size:13px}.sp2-topics{text-align:left;flex-direction:column;gap:6px;display:flex}.sp2-topics button{border-radius:14px;align-items:center;gap:11px;padding:8px 10px;font-weight:550;display:flex;border:1px solid var(--line)!important;font-size:14px!important}.sp2-topics button:hover{background:var(--pane2);border-color:var(--blue)!important}.sp2-chev{fill:none;width:16px;height:16px;stroke:var(--muted);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;margin-left:auto}.sp2-placeholder{color:var(--muted);text-align:center;flex-direction:column;align-items:center;gap:6px;margin:auto;padding:20px;display:flex}.sp2-placeholder svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linejoin:round;width:40px;height:40px}.sp2-placeholder strong{color:var(--text);font-size:15px}.sp2-placeholder span{font-size:13px}.sp2-only-mobile{display:none}@media (max-width:767px){.sp2-panel.is-thread .sp2-list,.sp2-panel:not(.is-thread) .sp2-thread{display:none}.sp2-only-mobile{display:flex}.sp2-top.sp2-hide-mobile{display:none}.sp2-panel.is-thread{height:calc(100dvh - 40px)}.sp2-start .sp2-only-mobile{position:absolute;top:8px;left:8px}}@media (prefers-reduced-motion:reduce){.sp2-typing i,.sp2-spin{animation:none}}