*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#1a1a2e;color:#e0e0e0}.sc-container{display:flex;flex-direction:column;height:100vh;max-height:100vh;background:#1a1a2e}.sc-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#16162a;border-bottom:1px solid #2a2a4a;flex-shrink:0}.sc-header-info{display:flex;align-items:center;gap:8px}.sc-header-title{font-size:15px;font-weight:600;color:#f0f0f0}.sc-header-ticket{font-size:12px;color:#9ca3af;background:#2a2a4a;padding:2px 8px;border-radius:10px}.sc-header-actions{display:flex;gap:8px}.sc-header-btn{background:none;border:1px solid #3a3a5a;color:#9ca3af;padding:4px 12px;border-radius:4px;font-size:13px;cursor:pointer}.sc-header-btn:hover{background:#2a2a4a;color:#f0f0f0}.sc-header-btn-end{color:#ef4444;border-color:#ef4444}.sc-header-btn-end:hover{background:#ef444426}.sc-status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.sc-status-active{background:#22c55e;box-shadow:0 0 6px #22c55e80}.sc-status-ready{background:#3b82f6}.sc-status-ended{background:#6b7280}.sc-center{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;padding:32px;text-align:center;gap:16px}.sc-spinner{width:32px;height:32px;border:3px solid #2a2a4a;border-top-color:#3b82f6;border-radius:50%;animation:sc-spin .8s linear infinite}@keyframes sc-spin{to{transform:rotate(360deg)}}.sc-loading-text{color:#9ca3af;font-size:14px}.sc-error-text{color:#ef4444;font-size:14px}.sc-ended-text{color:#9ca3af;font-size:15px}.sc-ticket-ref{color:#6b7280;font-size:13px}.sc-btn{background:#3b82f6;color:#fff;border:none;padding:8px 24px;border-radius:6px;font-size:14px;cursor:pointer;font-weight:500}.sc-btn:hover{background:#2563eb}.sc-btn:disabled{opacity:.5;cursor:default}.sc-welcome-title{font-size:20px;font-weight:600;color:#f0f0f0}.sc-welcome-text{color:#9ca3af;font-size:14px;max-width:280px}.sc-name-form{display:flex;flex-direction:column;gap:12px;width:100%;max-width:280px}.sc-name-input{background:#0f0f1e;border:1px solid #3a3a5a;color:#e0e0e0;padding:10px 14px;border-radius:6px;font-size:14px;outline:none}.sc-name-input:focus{border-color:#3b82f6}.sc-name-input::placeholder{color:#6b7280}.sc-messages{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:8px}.sc-welcome-inline{text-align:center;color:#9ca3af;font-size:14px;padding:32px 0}.sc-bubble{max-width:80%;padding:8px 12px;border-radius:12px;font-size:14px;line-height:1.4}.sc-bubble-customer{align-self:flex-end;background:#3b82f6;color:#fff;border-bottom-right-radius:4px}.sc-bubble-agent{align-self:flex-start;background:#2a2a4a;color:#e0e0e0;border-bottom-left-radius:4px}.sc-bubble-failed{opacity:.6}.sc-bubble-name{font-size:11px;color:#9ca3af;margin-bottom:2px;font-weight:500}.sc-bubble-text{white-space:pre-wrap;word-break:break-word}.sc-bubble-time{font-size:11px;margin-top:4px;opacity:.6}.sc-bubble-customer .sc-bubble-time{text-align:right}.sc-input-bar{display:flex;align-items:flex-end;gap:8px;padding:12px 16px;background:#16162a;border-top:1px solid #2a2a4a;flex-shrink:0}.sc-input{flex:1;background:#0f0f1e;border:1px solid #3a3a5a;color:#e0e0e0;padding:10px 14px;border-radius:8px;font-size:14px;font-family:inherit;outline:none;resize:none;max-height:100px}.sc-input:focus{border-color:#3b82f6}.sc-input::placeholder{color:#6b7280}.sc-send-btn{background:#3b82f6;color:#fff;border:none;padding:10px 16px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;flex-shrink:0}.sc-send-btn:hover{background:#2563eb}.sc-send-btn:disabled{opacity:.4;cursor:default}@media (prefers-color-scheme: light){body.sc-light,.sc-container.sc-light{background:#fff;color:#1a1a2e}.sc-light .sc-header{background:#f8f9fa;border-bottom-color:#e5e7eb}.sc-light .sc-header-title{color:#111827}.sc-light .sc-header-ticket{background:#e5e7eb;color:#6b7280}.sc-light .sc-header-btn{border-color:#d1d5db;color:#6b7280}.sc-light .sc-header-btn:hover{background:#f3f4f6;color:#111827}.sc-light .sc-bubble-agent{background:#f3f4f6;color:#1a1a2e}.sc-light .sc-messages{background:#fff}.sc-light .sc-input-bar{background:#f8f9fa;border-top-color:#e5e7eb}.sc-light .sc-input,.sc-light .sc-name-input{background:#fff;border-color:#d1d5db;color:#1a1a2e}}