.ta-root{--ta-accent:#ff7a1a;--ta-bg:#1b2638;--ta-bg2:#243148;--ta-line:#2f3d57;--ta-text:#eaf0fa;--ta-mute:#9fb0cc;position:fixed;bottom:18px;z-index:99990;font-family:'Hind Siliguri','Noto Sans Bengali',system-ui,-apple-system,'Segoe UI',sans-serif;font-size:15px;line-height:1.45;color:var(--ta-text)}
.ta-root.ta-right{right:18px}.ta-root.ta-left{left:18px}
.ta-root *{box-sizing:border-box}
.ta-fab{width:58px;height:58px;border-radius:50%;border:0;background:var(--ta-accent);color:#fff;font-size:26px;cursor:pointer;box-shadow:0 6px 20px rgba(0,0,0,.35);display:flex;align-items:center;justify-content:center}
.ta-fab:hover{filter:brightness(1.08)}
.ta-panel{position:relative;width:380px;max-width:calc(100vw - 24px);height:560px;max-height:calc(100vh - 36px);background:var(--ta-bg);border:1px solid var(--ta-line);border-radius:18px;box-shadow:0 14px 40px rgba(0,0,0,.45);display:flex;flex-direction:column;overflow:hidden}
.ta-panel[hidden]{display:none}
.ta-head{display:flex;align-items:center;gap:10px;padding:12px 14px;background:#16202f;border-bottom:1px solid var(--ta-line)}
.ta-avatar{width:40px;height:40px;border-radius:50%;background:var(--ta-accent);display:flex;align-items:center;justify-content:center;font-size:22px;flex:none}
.ta-htxt{flex:1;min-width:0}.ta-title{font-weight:700;font-size:16px}.ta-sub{font-size:12px;color:var(--ta-mute)}
.ta-hbtn{width:36px;height:36px;border-radius:50%;border:0;background:var(--ta-bg2);color:var(--ta-text);font-size:16px;cursor:pointer;flex:none}
.ta-hbtn.ta-call{background:#17a589}
.ta-msgs{flex:1;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:10px;scroll-behavior:smooth}
.ta-msg{max-width:86%;padding:10px 13px;border-radius:14px;white-space:pre-wrap;word-break:break-word}
.ta-bot{align-self:flex-start;background:var(--ta-bg2);border:1px solid var(--ta-line);border-top-left-radius:4px}
.ta-user{align-self:flex-end;background:var(--ta-accent);color:#fff;border-top-right-radius:4px}
.ta-note{align-self:center;font-size:12px;color:var(--ta-mute);background:var(--ta-bg2);padding:3px 12px;border-radius:12px;text-align:center}
.ta-typing{display:flex;gap:4px;padding:12px 14px}
.ta-typing span{width:7px;height:7px;border-radius:50%;background:var(--ta-mute);animation:ta-b 1s infinite}
.ta-typing span:nth-child(2){animation-delay:.15s}.ta-typing span:nth-child(3){animation-delay:.3s}
@keyframes ta-b{0%,60%,100%{opacity:.25;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}
.ta-chips{display:flex;flex-wrap:wrap;gap:8px;padding:0 14px 10px}
.ta-chip{border:1px solid var(--ta-line);background:var(--ta-bg2);color:var(--ta-text);border-radius:18px;padding:6px 12px;font:inherit;font-size:13px;cursor:pointer}
.ta-chip:hover{border-color:var(--ta-accent)}
.ta-input{display:flex;align-items:center;gap:8px;padding:10px 12px;border-top:1px solid var(--ta-line);background:#16202f}
.ta-text{flex:1;min-width:0;height:40px;border-radius:20px;border:1px solid var(--ta-line);background:var(--ta-bg2);color:var(--ta-text);padding:0 14px;font:inherit;outline:0}
.ta-text:focus{border-color:var(--ta-accent)}
.ta-ibtn{width:40px;height:40px;border-radius:50%;border:0;background:var(--ta-bg2);color:var(--ta-text);font-size:17px;cursor:pointer;flex:none}
.ta-send{background:var(--ta-accent);color:#fff}
.ta-mic.on{background:#e53935;animation:ta-p 1s infinite}
@keyframes ta-p{50%{box-shadow:0 0 0 7px rgba(229,57,53,.25)}}
/* cards */
.ta-cards{display:flex;gap:10px;overflow-x:auto;padding:2px 2px 8px;align-self:stretch;scrollbar-width:thin}
.ta-card{flex:none;width:150px;background:var(--ta-bg2);border:1px solid var(--ta-line);border-radius:12px;padding:8px;display:flex;flex-direction:column;gap:4px}
.ta-card img{width:100%;height:110px;object-fit:contain;background:#fff;border-radius:8px}
.ta-card-name{font-size:12.5px;line-height:1.3;height:48px;overflow:hidden}
.ta-card-price{font-weight:700;color:#ffb27a}.ta-card-old{color:var(--ta-mute);font-weight:400;font-size:12px}
.ta-card-stock{font-size:11.5px}.ta-card-stock.in{color:#4cd08a}.ta-card-stock.out{color:#ff7a7a}
.ta-card-act{display:flex;gap:6px;margin-top:2px}
.ta-btn-p,.ta-btn-s{flex:1;text-align:center;text-decoration:none;border-radius:8px;padding:6px 4px;font:inherit;font-size:12.5px;cursor:pointer;border:1px solid var(--ta-accent)}
.ta-btn-p{background:var(--ta-accent);color:#fff}.ta-btn-s{background:transparent;color:var(--ta-text);border-color:var(--ta-line)}
.ta-btn-p:disabled{opacity:.45;cursor:not-allowed}
/* order draft */
.ta-draft{align-self:stretch;background:var(--ta-bg2);border:1px solid var(--ta-accent);border-radius:14px;padding:12px;display:flex;flex-direction:column;gap:8px}
.ta-draft-t{font-weight:700}.ta-draft-r{display:flex;justify-content:space-between;gap:8px;font-size:14px}
.ta-draft-tot{border-top:1px dashed var(--ta-line);padding-top:6px}
.ta-draft-note{font-size:12px;color:var(--ta-mute)}
.ta-f{width:100%;border-radius:8px;border:1px solid var(--ta-line);background:var(--ta-bg);color:var(--ta-text);padding:8px 10px;font:inherit;font-size:14px;resize:vertical;outline:0}
.ta-f:focus{border-color:var(--ta-accent)}
.ta-draft-err{color:#ff8a80;font-size:13px}
.ta-draft-act{display:flex;gap:8px}
.ta-draft-ok{border-color:#4cd08a}
/* call overlay */
.ta-callbox{position:absolute;inset:0;z-index:5;background:linear-gradient(180deg,#1f3a63,#16253f);display:flex;flex-direction:column;align-items:center;padding:16px 16px 14px}
.ta-callbox[hidden]{display:none}
.ta-ctop{width:100%;display:flex;justify-content:space-between;font-size:13px;color:#cfe0ff}
.ta-ctimer{font-weight:700;font-size:15px}
.ta-cav{position:relative;width:150px;height:150px;margin:26px 0 12px;display:flex;align-items:center;justify-content:center}
.ta-cface{width:110px;height:110px;border-radius:50%;background:var(--ta-accent);display:flex;align-items:center;justify-content:center;font-size:56px;z-index:1}
.ta-cring{position:absolute;inset:0;border-radius:50%;border:3px solid rgba(76,208,138,.55)}
.ta-st-listening .ta-cring{animation:ta-ring 1.8s ease-in-out infinite}
.ta-st-speaking .ta-cring{border-color:rgba(255,178,122,.8);animation:ta-ring .7s ease-in-out infinite}
.ta-st-thinking .ta-cring{border-color:rgba(159,176,204,.6);border-top-color:transparent;animation:ta-spin 1s linear infinite}
@keyframes ta-ring{0%,100%{transform:scale(.92);opacity:.6}50%{transform:scale(1.08);opacity:1}}
@keyframes ta-spin{to{transform:rotate(360deg)}}
.ta-cname{font-size:20px;font-weight:700}.ta-cstatus{color:#ffc79e;min-height:22px;margin-top:2px}
.ta-ccap{width:100%;margin-top:auto;margin-bottom:14px;background:rgba(255,255,255,.1);border-radius:12px;padding:10px 12px;min-height:96px;max-height:150px;overflow-y:auto}
.ta-ccap-l{font-size:12px;color:#b9c9e6;margin-bottom:4px}.ta-ccap-t{font-size:16px}
.ta-cbtns{display:flex;gap:12px;align-items:center;justify-content:center}
.ta-cbtn{width:52px;height:52px;border-radius:50%;border:0;background:rgba(255,255,255,.16);color:#fff;font-size:20px;cursor:pointer}
.ta-cbtn-t{width:auto;min-width:52px;padding:0 12px;border-radius:26px;font-size:13px;font:inherit}
.ta-cbtn.off{background:rgba(229,57,53,.5)}
.ta-cend{background:#e53935;width:60px;height:60px}
.ta-chint{font-size:12px;color:#b9c9e6;margin-top:10px}
@media(max-width:520px){
  .ta-root{bottom:10px}.ta-root.ta-right{right:10px}.ta-root.ta-left{left:10px}
  .ta-panel{position:fixed;left:8px;right:8px;bottom:8px;width:auto;max-width:none;height:calc(100vh - 16px);height:calc(100dvh - 16px)}
}