@import url(https://fonts.googleapis.com/css2?family=Lexend:wght@400;500;600;700&family=IBM+Plex+Sans:wght@400;500;600&display=swap&subset=vietnamese);#halobot-widget-root{--hb-graphite:#1F2529;--hb-graphite-soft:#2C343A;--hb-steel:#3D4A52;--hb-ink:#26303A;--hb-copper:#C2703B;--hb-copper-dark:#A85C2C;--hb-copper-tint:#F1E7DE;--hb-copper-warn:#FBF0E9;--hb-copper-text:#8A5327;--hb-sand:#F5F1EC;--hb-sand-2:#FAF7F3;--hb-sand-3:#FBF9F6;--hb-white:#FFFFFF;--hb-border:#DCD6CE;--hb-border-soft:#E4DDD4;--hb-border-cool:#D8DDE0;--hb-chip:#EBE5DC;--hb-text:#1F2529;--hb-text-2:#5A6066;--hb-text-3:#6B7076;--hb-text-muted:#9A948B;--hb-mint:#2F7D68;--hb-mint-tint:#E7EDEA;--hb-alert:#B4442F;--hb-alert-tint:#FBF0ED;--hb-alert-border:#EBD3CC;--hb-alert-text:#8E3A28;--hb-space-1:4px;--hb-space-2:8px;--hb-space-3:12px;--hb-space-4:16px;--hb-space-5:22px;--hb-space-6:32px;--hb-radius-bubble:16px;--hb-radius-card:12px;--hb-radius-panel:26px;--hb-radius-btn:12px;--hb-radius-pill:999px;--hb-shadow-panel:0 18px 48px rgba(31,37,41,.16);--hb-shadow-bubble:0 10px 24px rgba(31,37,41,.28);--hb-shadow-btn:0 4px 12px rgba(194,112,59,.32);--hb-font-display:'Lexend', system-ui, sans-serif;--hb-font-body:'IBM Plex Sans', system-ui, sans-serif;position:fixed;z-index:999999;bottom:16px;right:16px;font-family:var(--hb-font-body);-webkit-font-smoothing:antialiased}#halobot-widget-root *{box-sizing:border-box}@keyframes hb-typing{0%,60%,100%{transform:translateY(0);opacity:.45}30%{transform:translateY(-3px);opacity:1}}@keyframes hb-pulse{0%{box-shadow:0 0 0 0 rgb(47 125 104 / .5)}70%{box-shadow:0 0 0 7px #fff0}100%{box-shadow:0 0 0 0 #fff0}}@keyframes hb-fade-in{from{opacity:0}to{opacity:1}}@keyframes hb-highlight{from{background:var(--hb-copper-warn)}to{background:#fff0}}.hb-bubble-wrap{position:relative;display:flex;align-items:flex-end;gap:10px}.hb-panel.hb-open~.hb-bubble-wrap{display:none}.hb-nudge{background:var(--hb-white);border:1px solid var(--hb-border-soft);border-radius:14px 14px 4px 14px;padding:9px 12px;font-size:12.5px;line-height:1.4;color:var(--hb-steel);max-width:168px;box-shadow:0 6px 18px rgb(31 37 41 / .10);opacity:0;transform:translateY(6px);pointer-events:none;transition:opacity 200ms ease,transform 200ms ease}.hb-nudge.hb-visible{opacity:1;transform:translateY(0);pointer-events:auto}.hb-bubble{width:58px;height:58px;border-radius:20px;background:var(--hb-graphite);box-shadow:var(--hb-shadow-bubble);display:flex;align-items:center;justify-content:center;cursor:pointer;border:none;padding:0;flex-shrink:0;transition:background 200ms ease,transform 200ms ease}.hb-bubble:hover{background:var(--hb-graphite-soft);transform:translateY(-2px)}.hb-bubble-marks{display:flex;flex-direction:column;gap:4px;align-items:center}.hb-notch{border-radius:var(--hb-radius-pill)}.hb-bubble-marks .hb-notch:first-child{width:22px;height:6px;background:var(--hb-sand)}.hb-bubble-marks .hb-notch:last-child{width:14px;height:6px;background:var(--hb-copper)}.hb-badge{position:absolute;top:-6px;right:-6px;min-width:22px;height:22px;padding:0 6px;border-radius:var(--hb-radius-pill);background:var(--hb-copper);border:2px solid var(--hb-sand);color:var(--hb-white);font-family:var(--hb-font-display);font-size:12px;font-weight:600;display:none;align-items:center;justify-content:center}.hb-badge.hb-visible{display:flex}.hb-panel{position:absolute;right:0;bottom:88px;width:380px;height:560px;max-width:calc(100vw - 32px);max-height:calc(100vh - 120px);background:var(--hb-sand);border-radius:20px;box-shadow:var(--hb-shadow-panel);display:none;flex-direction:column;overflow:hidden;opacity:0;transform:translateY(8px);transition:opacity 180ms ease,transform 180ms ease}.hb-panel.hb-open{display:flex}.hb-panel.hb-animate-in{opacity:1;transform:translateY(0)}.hb-header{background:var(--hb-graphite);padding:10px 16px 14px;display:flex;flex-direction:column;gap:12px;flex-shrink:0}.hb-drag-row{display:flex;justify-content:center;display:none}.hb-drag-handle{width:44px;height:5px;border-radius:var(--hb-radius-pill);background:rgb(245 241 236 / .34);cursor:grab;transition:background 150ms ease}.hb-drag-handle:hover{background:rgb(245 241 236 / .6)}.hb-header-row{display:flex;align-items:center;gap:12px}.hb-avatar-bot{width:42px;height:42px;border-radius:14px;background:var(--hb-graphite-soft);display:flex;align-items:center;justify-content:center;flex-shrink:0}.hb-avatar-bot .hb-marks{display:flex;flex-direction:column;gap:3px;align-items:center}.hb-avatar-bot .hb-notch:first-child{width:18px;height:5px;background:var(--hb-sand)}.hb-avatar-bot .hb-notch:last-child{width:11px;height:5px;background:var(--hb-copper)}.hb-header-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.hb-shop-name{font-family:var(--hb-font-display);font-size:16px;font-weight:600;color:var(--hb-sand)}.hb-status-line{display:flex;align-items:center;gap:6px;font-size:12.5px;color:#A8B0B6}.hb-status-dot{width:7px;height:7px;border-radius:var(--hb-radius-pill);background:var(--hb-mint);animation:hb-pulse 2.4s infinite;flex-shrink:0}.hb-status-dot.hb-offline{background:#9A948B;animation:none}.hb-close-btn{width:32px;height:32px;border-radius:10px;background:var(--hb-graphite-soft);color:#A8B0B6;border:none;font-size:17px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background 150ms ease,color 150ms ease}.hb-close-btn:hover{background:#384249;color:var(--hb-sand)}.hb-body{background:var(--hb-sand);padding:18px 14px;display:flex;flex-direction:column;gap:14px;flex:1;overflow-y:auto;position:relative}.hb-day-chip{align-self:center;font-size:11.5px;color:var(--hb-text-muted);background:#EDE7DF;padding:4px 10px;border-radius:var(--hb-radius-pill)}.hb-row{display:flex;gap:9px;align-items:flex-end}.hb-row.hb-row-user{justify-content:flex-end}.hb-avatar{width:28px;height:28px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.hb-avatar-square{border-radius:10px;background:var(--hb-graphite)}.hb-avatar-square .hb-notch{width:12px;height:4px;background:var(--hb-copper)}.hb-avatar-round{border-radius:var(--hb-radius-pill);background:var(--hb-steel);font-family:var(--hb-font-display);font-size:11px;font-weight:600;color:var(--hb-sand)}.hb-msg-col{max-width:78%;display:flex;flex-direction:column;gap:4px}.hb-row-user .hb-msg-col{align-items:flex-end}.hb-bubble-msg{padding:11px 14px;font-size:15px;line-height:1.5;white-space:pre-wrap;word-break:break-word}.hb-bubble-msg strong{color:#E8A063;font-weight:600}.hb-bubble-bot{background:var(--hb-graphite);color:#F0EDE8;border-radius:16px 16px 16px 5px}.hb-bubble-staff{background:var(--hb-white);color:var(--hb-ink);border:1px solid var(--hb-border-cool);border-left:3px solid var(--hb-steel);border-radius:6px 16px 16px 5px}.hb-bubble-user{background:var(--hb-copper);color:#FFF9F4;border-radius:16px 16px 5px 16px}.hb-msg-label{font-size:11px;color:var(--hb-text-muted);padding-left:4px}.hb-row-user .hb-msg-label{padding-left:0;padding-right:4px}.hb-handoff-row{display:flex;align-items:center;gap:10px;padding:2px 0}.hb-handoff-line{flex:1;height:1px;background:#E2DBD1}.hb-handoff-text{font-size:11.5px;color:var(--hb-mint);font-weight:500;white-space:nowrap}.hb-typing-bubble{padding:13px 14px;display:flex;gap:5px;align-items:center}.hb-typing-bubble.hb-bubble-bot{border-radius:16px 16px 16px 5px}.hb-typing-bubble.hb-bubble-staff{border-radius:6px 16px 16px 5px}.hb-typing-dot{width:6px;height:6px;border-radius:var(--hb-radius-pill);animation:hb-typing 1.2s infinite}.hb-bubble-bot .hb-typing-dot{background:#F0EDE8}.hb-bubble-staff .hb-typing-dot{background:var(--hb-steel)}.hb-typing-dot:nth-child(2){animation-delay:.18s}.hb-typing-dot:nth-child(3){animation-delay:.36s}.hb-hours-banner{background:var(--hb-sand);border:1px solid var(--hb-border-soft);border-radius:14px;padding:13px 14px;display:flex;gap:11px;align-items:flex-start}.hb-hours-banner .hb-notch{width:18px;height:6px;background:var(--hb-copper);margin-top:6px;flex-shrink:0}.hb-hours-banner-text{font-size:14px;line-height:1.55;color:var(--hb-steel)}.hb-error-banner{background:var(--hb-alert-tint);border:1px solid var(--hb-alert-border);border-radius:14px;padding:13px 14px;display:flex;flex-direction:column;gap:10px}.hb-error-text{font-size:14px;line-height:1.55;color:var(--hb-alert-text)}.hb-error-actions{display:flex;gap:8px;flex-wrap:wrap}.hb-btn-retry,.hb-btn-call{font-family:var(--hb-font-display);font-size:13px;font-weight:500;padding:7px 13px;border-radius:10px;cursor:pointer;border:none}.hb-btn-retry{background:var(--hb-alert);color:var(--hb-white)}.hb-btn-retry:hover{background:#9B3826}.hb-btn-call{background:#fff0;border:1px solid #E0C6BE;color:var(--hb-alert-text)}.hb-btn-call:hover{background:#F6E4DF}.hb-new-msgs-chip{position:sticky;bottom:4px;align-self:center;font-family:var(--hb-font-display);font-size:12px;font-weight:500;padding:6px 12px;border-radius:var(--hb-radius-pill);background:var(--hb-graphite);color:var(--hb-sand);cursor:pointer;box-shadow:0 4px 12px rgb(31 37 41 / .2);display:none}.hb-new-msgs-chip.hb-visible{display:block;animation:hb-fade-in 150ms ease}.hb-footer{flex-shrink:0;background:var(--hb-white);border-top:1px solid var(--hb-border-soft);padding:12px 14px 14px;display:flex;flex-direction:column;gap:10px}.hb-quick-row{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none}.hb-quick-row::-webkit-scrollbar{display:none}.hb-quick-chip{font-family:var(--hb-font-body);font-size:13px;padding:7px 12px;border-radius:var(--hb-radius-pill);border:1px solid var(--hb-border);background:var(--hb-sand-2);color:var(--hb-steel);white-space:nowrap;cursor:pointer;flex-shrink:0;transition:border-color 150ms ease,color 150ms ease}.hb-quick-chip:hover{border-color:var(--hb-copper);color:var(--hb-copper-dark)}.hb-input-row{display:flex;align-items:flex-end;gap:10px}.hb-input{flex:1;min-height:46px;max-height:120px;border:1px solid var(--hb-border);border-radius:16px;background:var(--hb-sand-2);padding:13px 14px;font-family:var(--hb-font-body);font-size:15px;color:var(--hb-text);resize:none;outline:none;line-height:1.4;transition:border-color 150ms ease}.hb-input::placeholder{color:var(--hb-text-muted)}.hb-input:focus{border-color:var(--hb-copper)}.hb-send-btn{width:46px;height:46px;border-radius:16px;background:var(--hb-copper);color:var(--hb-white);border:none;display:flex;align-items:center;justify-content:center;flex-shrink:0;cursor:pointer;box-shadow:var(--hb-shadow-btn);transition:background 150ms ease}.hb-send-btn:hover{background:var(--hb-copper-dark)}.hb-send-btn:disabled{background:var(--hb-border);box-shadow:none;cursor:default}.hb-send-btn svg{width:19px;height:19px}.hb-footer-note{text-align:center;font-size:11px;color:#A5A099}@media (max-width:640px){.hb-panel{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;border-radius:0}.hb-drag-row{display:flex}.hb-body{font-size:15px}.hb-send-btn{width:46px;height:46px;border-radius:16px}.hb-close-btn{display:none}}@media (min-width:641px){.hb-bubble-msg{font-size:14px;line-height:1.55}.hb-send-btn{width:40px;height:40px;border-radius:14px}}