.chat-widget-trigger{bottom:24px;z-index:140;background:var(--grad);width:60px;height:60px;color:var(--on-accent);box-shadow:var(--glow), 0 14px 30px #0006;border-radius:50%;justify-content:center;align-items:center;font-size:23px;transition:transform .2s;display:flex;position:fixed;inset-inline-end:24px}.chat-widget-trigger:hover{transform:scale(1.06)}.chat-widget-trigger .badge{top:-4px;color:#fff;background:#ff5c5c;border-radius:10px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 5px;font-size:11px;font-weight:800;display:flex;position:absolute;inset-inline-end:-4px}.chat-widget-panel{bottom:98px;z-index:140;background:var(--color-surface);border:1px solid var(--color-border);width:360px;max-width:calc(100vw - 32px);max-height:70vh;box-shadow:var(--shadow-lg);border-radius:18px;flex-direction:column;display:flex;position:fixed;inset-inline-end:24px;overflow:hidden}.chat-widget.left .chat-widget-trigger,.chat-widget.left .chat-widget-panel{inset-inline:24px auto}.chat-widget-header{background:var(--color-bg);border-bottom:1px solid var(--color-border);align-items:center;gap:10px;padding:16px 18px;display:flex}.chat-widget-header .avatar{background:var(--grad);width:34px;height:34px;color:var(--on-accent);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:15px;display:flex}.chat-widget-header .title{font-family:var(--font-display);font-size:14.5px;font-weight:700}.chat-widget-header .status{color:var(--color-primary);align-items:center;gap:5px;font-size:12px;display:flex}.chat-widget-header .status:before{content:"";background:var(--color-primary);border-radius:50%;width:7px;height:7px}.chat-widget-header .close{width:30px;height:30px;color:var(--color-text-muted);border-radius:8px;justify-content:center;align-items:center;margin-inline-start:auto;display:flex}.chat-widget-header .close:hover{background:var(--surface-2);color:var(--color-text)}.chat-widget-tabs{border-bottom:1px solid var(--color-border);display:flex}.chat-widget-tabs button{color:var(--color-text-muted);border-bottom:2px solid #0000;flex:1;padding:11px;font-size:13px;font-weight:700}.chat-widget-tabs button.on{color:var(--color-primary);border-color:var(--color-primary)}.chat-widget-live{flex-direction:column;flex:1;min-height:0;display:flex}.chat-widget-messages{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;gap:12px;min-height:0;padding:16px;display:flex;overflow-y:auto}.chat-widget-bubble{gap:8px;max-width:82%;display:flex}.chat-widget-bubble .txt{background:var(--surface-2);border-radius:13px;padding:10px 13px;font-size:13.5px;line-height:1.55}.chat-widget-bubble.user{flex-direction:row-reverse;align-self:flex-end}.chat-widget-bubble.user .txt{background:color-mix(in srgb, var(--color-primary) 14%, transparent)}.chat-widget-bubble .time{color:var(--color-text-muted);margin-top:4px;font-size:10.5px;display:block}.chat-widget-start{flex-direction:column;flex:1;gap:0;min-height:0;padding:0;display:flex;overflow:hidden}.chat-widget-start p{color:var(--color-text-muted);margin:0;font-size:13px}.chat-widget-start-body{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;flex-direction:column;flex:1;gap:12px;min-height:0;padding:18px;display:flex;overflow-y:auto}.chat-widget-start-foot{padding:12px 18px;padding-bottom:calc(12px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--color-border);background:var(--color-surface);flex:none}.chat-widget-start-foot .chat-widget-primary{margin-top:0}.chat-widget-start-foot .chat-widget-error{margin:0 0 8px}.chat-widget-input{border-top:1px solid var(--color-border);align-items:center;gap:8px;padding:12px 14px;display:flex}.chat-widget-input input{border-radius:10px;flex:1;height:42px}.chat-widget-input button{background:var(--grad);width:42px;height:42px;color:var(--on-accent);border-radius:10px;flex:none;justify-content:center;align-items:center;display:flex}.chat-widget-offline{text-align:center;padding:22px 18px}.chat-widget-offline .icon{background:var(--surface-2);width:46px;height:46px;color:var(--color-text-muted);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 12px;font-size:18px;display:flex}.chat-widget-offline p{color:var(--color-text-muted);margin:0 0 14px;font-size:13.5px}@media (width<=480px){.chat-widget-panel{inset-inline-end:12px;width:calc(100vw - 24px);bottom:88px}.chat-widget-trigger{inset-inline-end:16px;bottom:16px}}.chat-widget{z-index:140;font-size:14px;position:fixed;bottom:24px}.chat-widget-right{inset-inline-end:24px}.chat-widget-left{inset-inline:24px auto}.chat-widget-fab,.chat-widget-trigger{cursor:pointer;background:var(--grad);width:60px;height:60px;color:var(--on-accent);box-shadow:var(--glow), 0 14px 30px #0006;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:23px;transition:transform .2s;display:flex}.chat-widget-trigger{bottom:24px;position:fixed;inset-inline-end:24px}.chat-widget-fab:hover,.chat-widget-trigger:hover{transform:scale(1.06)}.chat-widget .chat-widget-panel{bottom:calc(100% + 14px);width:360px;max-width:calc(100vw - 32px);max-height:70vh;position:absolute;inset-inline-end:0}.chat-widget-left .chat-widget-panel{inset-inline:0 auto}.chat-widget-close,.chat-widget-header .close{width:30px;height:30px;color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;margin-inline-start:auto;font-size:22px;line-height:1;display:flex}.chat-widget-close:hover,.chat-widget-header .close:hover{background:var(--surface-2);color:var(--color-text)}.chat-widget-tabs button.active,.chat-widget-tabs button.on{color:var(--color-primary);border-color:var(--color-primary);border:none;border-bottom:2px solid var(--color-primary);cursor:pointer;background:0 0}.chat-widget-tabs button{cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000}.chat-msg{max-width:82%;margin-bottom:8px;display:flex}.chat-msg p{background:var(--surface-2);border-radius:13px;margin:0;padding:10px 13px;font-size:13.5px;line-height:1.55}.chat-msg-customer{align-self:flex-end;margin-inline-start:auto}.chat-msg-customer p{background:color-mix(in srgb, var(--color-primary) 14%, transparent)}.chat-msg-admin p{background:var(--surface-2)}.chat-widget-compose,.chat-widget-input{border-top:1px solid var(--color-border);flex-direction:column;gap:8px;padding:12px 14px;display:flex}.chat-widget-compose textarea,.chat-widget-field input,.chat-widget-field textarea{border:1px solid var(--color-border);width:100%;font:inherit;box-sizing:border-box;background:var(--surface-2);color:var(--color-text);border-radius:10px;padding:8px 10px}.chat-widget-field{gap:4px;margin-bottom:10px;font-size:13px;display:grid}.chat-widget-primary{background:var(--grad);width:100%;color:var(--on-accent);cursor:pointer;border:none;border-radius:10px;margin-top:8px;padding:10px 12px;font-weight:700}.chat-widget-primary:disabled{opacity:.6;cursor:not-allowed}.chat-widget-welcome{font-weight:700}.chat-widget-hint,.chat-widget-logged-in{color:var(--color-text-muted);font-size:13px}.chat-widget-error{color:#ff5c5c;margin:8px 0 0;font-size:13px}.chat-widget-closed{flex-direction:column;align-items:stretch;gap:8px;padding:8px 12px 12px;display:flex}.chat-widget-closed .chat-widget-hint{text-align:center;margin:0}.chat-widget-channels{padding:12px}.chat-channel-link{color:var(--color-text);border-radius:8px;align-items:center;gap:10px;padding:10px 12px;text-decoration:none;display:flex}.chat-channel-icon{width:28px;height:28px;color:var(--color-primary);flex:none;justify-content:center;align-items:center;font-size:16px;display:inline-flex}.chat-channel-link:hover{background:var(--surface-2)}@media (width<=768px){.chat-widget.is-open{z-index:10000;width:100%;height:100dvh;position:fixed;inset:0}.chat-widget.is-open .chat-widget-panel{overscroll-behavior:contain;border-radius:0;width:100%;max-width:none;height:100dvh;max-height:100dvh;margin:0;position:fixed;inset:0}.chat-widget.is-open .chat-widget-fab{display:none!important}.chat-widget.is-open .chat-widget-live,.chat-widget.is-open .chat-widget-channels{flex:1;min-height:0}.chat-widget.is-open .chat-widget-channels{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;overflow-y:auto}.chat-widget.is-open .chat-widget-messages{height:auto}.chat-widget.is-open,.chat-widget.is-open .chat-widget-panel{top:var(--chat-vv-top,0px);height:var(--chat-vv-height,100dvh);bottom:auto}.chat-widget.is-open .chat-widget-panel{max-height:var(--chat-vv-height,100dvh);box-sizing:border-box;padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px)}.chat-widget.is-open .chat-widget-header{padding-top:calc(16px + env(safe-area-inset-top,0px))}.chat-widget.is-open .chat-widget-compose,.chat-widget.is-open .chat-widget-channels{padding-bottom:calc(12px + env(safe-area-inset-bottom,0px))}}.chat-msg-ai p{background:color-mix(in srgb, var(--color-primary) 8%, var(--surface-2));border:1px solid var(--color-border)}.chat-msg-label{color:var(--color-text-muted);margin-bottom:2px;font-size:11px;font-weight:700;display:block}.chat-msg-typing p{opacity:.75}.chat-widget-ai-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:0 14px 8px;display:flex}.chat-widget-human-btn{border:1px solid var(--color-primary);color:var(--color-primary);font:inherit;cursor:pointer;background:0 0;border-radius:8px;padding:6px 10px;font-size:12.5px;font-weight:600}.chat-widget-human-btn:disabled{opacity:.6;cursor:not-allowed}.chat-typing-dots{vertical-align:middle;gap:3px;margin-inline-start:6px;display:inline-flex}.chat-typing-dots i{opacity:.35;background:currentColor;border-radius:50%;width:5px;height:5px;animation:1.2s ease-in-out infinite chat-typing-bounce}.chat-typing-dots i:nth-child(2){animation-delay:.15s}.chat-typing-dots i:nth-child(3){animation-delay:.3s}@keyframes chat-typing-bounce{0%,60%,to{opacity:.35;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}@media (prefers-reduced-motion:reduce){.chat-typing-dots i{opacity:.7;animation:none}}.chat-widget-fab{position:relative}.chat-widget-unread{top:2px;border:2px solid var(--color-surface,#fff);background:#ef4444;border-radius:50%;width:14px;height:14px;position:absolute;inset-inline-end:2px}.chat-widget-panel:focus{outline:none}