:root{--ai-chat-surface:#fff;--ai-chat-bg:#f5f7fb;--ai-chat-text:#101828;--ai-chat-muted:#667085;--ai-chat-border:#e4e7ec;--ai-chat-danger:#d92d20}
.ai-shop-chat-widget{position:fixed;right:24px;left:auto;bottom:24px;z-index:999999;font-family:var(--cms-font-family,Tahoma,"Segoe UI",Arial,sans-serif);direction:rtl}.ai-shop-chat-widget.is-right{right:24px;left:auto}.ai-shop-chat-widget.is-left{left:24px;right:auto}.ai-shop-chat-widget [v-cloak]{display:none!important}
.ai-shop-chat-launch{position:relative;border:1px solid rgba(255,255,255,.24);border-radius:22px;background:linear-gradient(135deg,var(--ai-chat-primary,#155eef),#004eeb);color:#fff;box-shadow:0 18px 50px rgba(21,94,239,.28),inset 0 1px rgba(255,255,255,.2);padding:9px 12px 9px 16px;display:flex;align-items:center;gap:10px;cursor:pointer;transition:.25s ease}.ai-shop-chat-launch:hover{transform:translateY(-2px);box-shadow:0 22px 58px rgba(21,94,239,.34)}.ai-shop-launch-icon{width:42px;height:42px;border-radius:15px;background:rgba(255,255,255,.16);display:grid;place-items:center;font-size:19px}.ai-shop-launch-copy{display:grid;text-align:right;line-height:1.3}.ai-shop-launch-copy strong{font-size:13px;font-weight:900}.ai-shop-launch-copy small{font-size:10px;color:rgba(255,255,255,.75);margin-top:3px}.ai-shop-chat-launch>b{position:absolute;top:-7px;left:-7px;min-width:23px;height:23px;padding:0 6px;border-radius:999px;background:#f04438;color:#fff;font-size:11px;display:grid;place-items:center;border:3px solid #fff}
.ai-shop-chat-panel{position:absolute;right:0;left:auto;bottom:72px;width:min(460px,calc(100vw - 32px));height:min(720px,calc(100dvh - 112px));display:flex;flex-direction:column;overflow:hidden;background:var(--ai-chat-surface);border:1px solid rgba(208,213,221,.9);border-radius:28px;box-shadow:0 32px 100px rgba(16,24,40,.22),0 8px 28px rgba(16,24,40,.1);direction:rtl}.is-right .ai-shop-chat-panel{right:0;left:auto}.is-left .ai-shop-chat-panel{left:0;right:auto}
.ai-shop-chat-header{min-height:76px;padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:rgba(255,255,255,.94);border-bottom:1px solid var(--ai-chat-border);backdrop-filter:blur(18px)}.ai-shop-agent{display:flex;align-items:center;gap:11px;min-width:0}.ai-shop-agent-avatar{position:relative;width:46px;height:46px;flex:0 0 46px;border-radius:17px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,var(--ai-chat-primary,#155eef),#7f56d9);box-shadow:0 9px 22px rgba(21,94,239,.22);font-size:19px}.ai-shop-agent-avatar span{position:absolute;right:-2px;bottom:-2px;width:13px;height:13px;border-radius:50%;background:#12b76a;border:3px solid #fff}.ai-shop-header-title{min-width:0}.ai-shop-header-title strong{display:block;font-size:14px;font-weight:900;color:var(--ai-chat-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ai-shop-header-title small{display:flex;align-items:center;gap:5px;margin-top:4px;font-size:10.5px;color:var(--ai-chat-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ai-shop-header-title small i{width:6px;height:6px;border-radius:50%;background:#12b76a}.ai-shop-header-tools{display:flex;align-items:center;gap:5px;flex:0 0 auto}.ai-shop-icon-btn,.ai-shop-header-action{height:36px;border:1px solid var(--ai-chat-border);background:#fff;color:#344054;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:.2s}.ai-shop-icon-btn{width:36px}.ai-shop-header-action{padding:0 10px;gap:6px;font:inherit;font-size:10.5px;font-weight:800}.ai-shop-header-action.is-operator{color:#067647;background:#ecfdf3;border-color:#abefc6}.ai-shop-icon-btn:hover,.ai-shop-header-action:hover{background:#f9fafb;transform:translateY(-1px)}
.ai-shop-chat-stream{flex:1;min-height:0;overflow:auto;padding:22px 16px 16px;background:radial-gradient(circle at 10% 0,rgba(21,94,239,.055),transparent 28%),var(--ai-chat-bg);scroll-behavior:smooth}.ai-shop-chat-stream::-webkit-scrollbar{width:6px}.ai-shop-chat-stream::-webkit-scrollbar-thumb{background:#d0d5dd;border-radius:99px}.ai-shop-empty-state{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px}.ai-shop-empty-icon{width:64px;height:64px;border-radius:23px;display:grid;place-items:center;color:var(--ai-chat-primary,#155eef);background:#eff4ff;border:1px solid #d1e0ff;font-size:24px;margin-bottom:14px}.ai-shop-empty-state strong{font-size:15px;color:var(--ai-chat-text)}.ai-shop-empty-state p{max-width:270px;margin:7px 0 0;color:var(--ai-chat-muted);font-size:11.5px;line-height:1.9}
.ai-shop-msg{display:flex;align-items:flex-end;gap:8px;margin-bottom:15px}.ai-shop-msg.customer{flex-direction:row-reverse}.ai-shop-avatar{width:31px;height:31px;flex:0 0 31px;border-radius:11px;display:grid;place-items:center;overflow:hidden;background:#e0e7ff;color:#3538cd;border:1px solid #c7d7fe;font-size:9.5px;font-weight:900}.ai-shop-msg.bot .ai-shop-avatar{color:#175cd3;background:#eff4ff;border-color:#d1e0ff}.ai-shop-msg.admin .ai-shop-avatar{color:#067647;background:#ecfdf3;border-color:#abefc6}.ai-shop-avatar img{width:100%;height:100%;object-fit:cover}.ai-shop-message-wrap{max-width:84%;min-width:0}.ai-shop-msg-name{display:block;color:#667085;font-size:9.5px;font-weight:700;margin:0 4px 5px}.ai-shop-msg.customer .ai-shop-msg-name{text-align:left}.ai-shop-msg .bubble{position:relative;padding:11px 13px;background:#fff;border:1px solid var(--ai-chat-border);border-radius:18px 18px 18px 5px;color:var(--ai-chat-text);box-shadow:0 4px 14px rgba(16,24,40,.045)}.ai-shop-msg.customer .bubble{border:0;color:#fff;background:linear-gradient(135deg,var(--ai-chat-primary,#155eef),#004eeb);border-radius:18px 18px 5px 18px;box-shadow:0 8px 22px rgba(21,94,239,.16)}.ai-shop-msg.admin .bubble{background:#f0fdf4;border-color:#bbf7d0}.ai-shop-msg.system{justify-content:center}.ai-shop-msg.system .bubble{max-width:90%;background:#fffaeb;border-color:#fedf89;color:#93370d;border-radius:14px;box-shadow:none}.ai-shop-msg p{margin:0;font-size:12.5px;line-height:1.9;overflow-wrap:anywhere}.typing{display:flex;align-items:center;gap:4px;min-width:52px}.typing i{width:6px;height:6px;border-radius:50%;background:#98a2b3;animation:aiTyping 1s infinite alternate}.typing i:nth-child(2){animation-delay:.15s}.typing i:nth-child(3){animation-delay:.3s}@keyframes aiTyping{to{transform:translateY(-3px);opacity:.45}}
.ai-shop-attachment{margin-top:9px}.ai-shop-attachment>img{display:block;width:min(245px,100%);max-height:210px;object-fit:cover;border-radius:14px;border:1px solid rgba(255,255,255,.35)}.ai-shop-audio-message{display:flex;align-items:center;gap:8px;min-width:245px;max-width:100%}.ai-shop-audio-message>span{width:34px;height:34px;border-radius:12px;display:grid;place-items:center;background:#eff4ff;color:#155eef}.ai-shop-audio-message audio{height:34px;max-width:210px}.ai-shop-attachment>a{display:flex;align-items:center;gap:9px;padding:9px;background:#f9fafb;border:1px solid var(--ai-chat-border);border-radius:13px;color:#344054;text-decoration:none}.ai-shop-file-icon{width:36px;height:36px;flex:0 0 36px;border-radius:11px;display:grid;place-items:center;background:#eff4ff;color:#155eef}.ai-shop-attachment>a span:nth-child(2){display:grid;min-width:0;flex:1}.ai-shop-attachment>a b{font-size:10.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ai-shop-attachment>a small{font-size:9px;color:#667085;margin-top:2px}
.ai-shop-product-cards{display:grid;gap:7px;margin-top:10px}.ai-shop-product-card{display:flex;align-items:center;gap:9px;padding:8px;background:#fff;border:1px solid #e4e7ec;border-radius:14px;color:#101828;text-decoration:none;transition:.2s}.ai-shop-product-card:hover{border-color:#b2ccff;transform:translateY(-1px)}.ai-shop-product-card img{width:52px;height:52px;flex:0 0 52px;object-fit:contain;border-radius:11px;background:#f9fafb}.ai-shop-product-card>span{min-width:0;flex:1}.ai-shop-product-card b{display:block;font-size:10.5px;line-height:1.6}.ai-shop-product-card small,.ai-shop-product-card em{display:block;font-style:normal;font-size:9.5px;color:#667085;margin-top:2px}.ai-shop-product-card>i{color:#98a2b3}.ai-shop-link-row,.ai-shop-quick-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px}.ai-shop-action-link,.ai-shop-quick-row button{min-height:31px;padding:0 10px;border-radius:999px;font:inherit;font-size:10px;font-weight:800;display:inline-flex;align-items:center;gap:5px;text-decoration:none;cursor:pointer}.ai-shop-action-link{background:#155eef;color:#fff}.ai-shop-quick-row button{border:1px solid #d0d5dd;background:#fff;color:#344054}.ai-shop-msg.customer .ai-shop-quick-row button{border-color:rgba(255,255,255,.35);background:rgba(255,255,255,.13);color:#fff}
.ai-shop-composer-area{position:relative;padding:10px 12px 11px;background:rgba(255,255,255,.96);border-top:1px solid var(--ai-chat-border);backdrop-filter:blur(18px)}.ai-shop-utility-actions{display:flex;gap:6px;overflow-x:auto;padding:0 1px 8px;scrollbar-width:none}.ai-shop-utility-actions::-webkit-scrollbar{display:none}.ai-shop-utility-actions button{height:31px;flex:0 0 auto;padding:0 10px;border:1px solid #e4e7ec;border-radius:999px;background:#fff;color:#344054;font:inherit;font-size:9.5px;font-weight:800;display:flex;align-items:center;gap:6px;cursor:pointer}.ai-shop-utility-actions button i{color:var(--ai-chat-primary,#155eef)}
.ai-shop-attach-preview{display:flex;align-items:center;gap:9px;margin-bottom:8px;padding:8px;background:#f5f8ff;border:1px solid #d1e0ff;border-radius:14px}.ai-shop-attach-type{width:38px;height:38px;flex:0 0 38px;border-radius:12px;display:grid;place-items:center;color:#155eef;background:#fff;border:1px solid #d1e0ff}.ai-shop-attach-info{display:grid;min-width:0;flex:1}.ai-shop-attach-info strong{font-size:10.5px;color:#1849a9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ai-shop-attach-info small{font-size:9px;color:#528bff;margin-top:2px}.ai-shop-attach-preview>button{width:31px;height:31px;border:0;border-radius:10px;background:#fff;color:#d92d20;cursor:pointer}.ai-recording-line{display:flex;align-items:center;gap:7px;margin-bottom:8px;padding:8px 9px;border:1px solid #fecdca;border-radius:13px;background:#fef3f2;color:#b42318;font-size:9.5px}.ai-recording-pulse{width:8px;height:8px;border-radius:50%;background:#f04438;animation:aiPulse 1s infinite}.ai-recording-line strong{flex:1}.ai-recording-line time{font-variant-numeric:tabular-nums}.ai-recording-line button{border:0;border-radius:9px;background:#fee4e2;color:#b42318;padding:5px 8px;font:inherit;font-weight:800;cursor:pointer}@keyframes aiPulse{50%{opacity:.35;transform:scale(.8)}}
.ai-shop-composer{min-height:54px;display:flex;align-items:flex-end;gap:7px;padding:6px;background:#f9fafb;border:1px solid #d0d5dd;border-radius:18px;transition:.2s}.ai-shop-composer:focus-within{background:#fff;border-color:#84adff;box-shadow:0 0 0 3px rgba(21,94,239,.08)}.ai-shop-composer-tools{display:flex;gap:3px}.ai-chat-tool-btn,.ai-shop-send-btn{width:40px;height:40px;flex:0 0 40px;border:0;border-radius:13px;display:grid;place-items:center;cursor:pointer;font-size:16px;transition:.2s}.ai-chat-tool-btn{background:transparent;color:#667085}.ai-chat-tool-btn:hover{background:#eaecf0;color:#344054}.ai-chat-tool-btn.recording{color:#d92d20;background:#fee4e2;animation:aiPulse 1s infinite}.ai-shop-composer textarea{flex:1;min-width:0;min-height:40px;max-height:110px;resize:none;border:0;outline:0;background:transparent;padding:9px 3px;color:#101828;font:inherit;font-size:12px;line-height:1.7}.ai-shop-composer textarea::placeholder{color:#98a2b3}.ai-shop-send-btn{color:#fff;background:var(--ai-chat-primary,#155eef);box-shadow:0 6px 14px rgba(21,94,239,.2)}.ai-shop-send-btn:hover:not(:disabled){transform:translateY(-1px);filter:brightness(.97)}.ai-shop-send-btn:disabled{background:#d0d5dd;box-shadow:none;cursor:not-allowed}.ai-shop-composer-hint{display:flex;justify-content:center;gap:14px;margin-top:6px;color:#98a2b3;font-size:8.5px}.ai-shop-composer-hint span{display:flex;align-items:center;gap:4px}
.ai-shop-start-form{padding:14px;background:#f5f7fb;border-bottom:1px solid #e4e7ec;max-height:58%;overflow:auto}.ai-shop-start-card{display:block!important;padding:16px;background:#fff;border:1px solid #e4e7ec;border-radius:20px;box-shadow:0 8px 24px rgba(16,24,40,.06)}.ai-shop-section-kicker{display:inline-flex;align-items:center;gap:5px;margin-bottom:7px;color:#155eef;font-size:9.5px;font-weight:900}.ai-shop-start-head strong{display:block;color:#101828;font-size:14px}.ai-shop-start-head small{display:block;margin-top:5px;color:#667085;font-size:10.5px;line-height:1.8}.ai-shop-start-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:13px}.ai-shop-start-grid label{display:grid;gap:5px}.ai-shop-start-grid .span-2{grid-column:1/-1}.ai-shop-start-grid label>span{font-size:9.5px;font-weight:800;color:#475467}.ai-shop-start-grid em{font-style:normal;color:#d92d20}.ai-shop-start-grid input{width:100%;height:39px;border:1px solid #d0d5dd!important;border-radius:11px;padding:0 10px;background:#fff;outline:0;font:inherit;font-size:10.5px}.ai-shop-start-grid input:focus{border-color:#84adff!important;box-shadow:0 0 0 3px rgba(21,94,239,.08)}.ai-shop-start-error{display:flex;gap:6px;margin:10px 0 0;padding:8px 9px;border:1px solid #fecdca;border-radius:11px;background:#fef3f2;color:#b42318;font-size:9.5px}.ai-shop-start-privacy{display:flex;gap:5px;margin-top:9px;color:#667085;font-size:9px}.ai-shop-start-actions{display:flex;gap:7px;margin-top:12px}.ai-shop-start-actions button{height:38px!important;width:auto!important;padding:0 13px!important;border:0!important;border-radius:11px!important;background:#155eef!important;color:#fff!important;font:inherit;font-size:10px!important;font-weight:900!important;display:flex;align-items:center;gap:7px;cursor:pointer}.ai-shop-start-actions button.ghost{background:#fff!important;color:#475467!important;border:1px solid #d0d5dd!important}
@media(max-width:767px){.ai-shop-chat-widget{left:0!important;right:0!important;bottom:0}.ai-shop-chat-widget.is-left .ai-shop-chat-launch{left:14px;right:auto}.ai-shop-chat-widget.is-right .ai-shop-chat-launch{right:14px;left:auto}.ai-shop-chat-launch{position:fixed;right:14px;left:auto;bottom:14px;padding:0;width:58px;height:58px;border-radius:19px;justify-content:center}.ai-shop-launch-icon{width:100%;height:100%;background:transparent}.ai-shop-launch-copy{display:none}.ai-shop-chat-panel{position:fixed;inset:0;width:100vw;height:100dvh;max-width:none;border:0;border-radius:0;box-shadow:none}.ai-shop-chat-header{padding:11px 12px;min-height:68px}.ai-shop-agent-avatar{width:42px;height:42px;flex-basis:42px}.ai-shop-header-action span{display:none}.ai-shop-header-action{width:36px;padding:0}.ai-shop-chat-stream{padding:17px 11px 12px}.ai-shop-message-wrap{max-width:87%}.ai-shop-composer-area{padding:8px max(9px,env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom)) max(9px,env(safe-area-inset-left))}.ai-shop-composer-hint{display:none}.ai-shop-start-form{max-height:65%}}
@media(max-width:420px){.ai-shop-start-grid{grid-template-columns:1fr}.ai-shop-start-grid .span-2{grid-column:auto}.ai-shop-header-title small{max-width:145px}.ai-shop-icon-btn,.ai-shop-header-action{width:33px;height:33px}.ai-shop-header-tools{gap:3px}.ai-shop-composer-tools{gap:0}.ai-chat-tool-btn{width:35px;flex-basis:35px}.ai-shop-send-btn{width:40px;flex-basis:40px}.ai-shop-audio-message{min-width:210px}.ai-shop-audio-message audio{max-width:170px}}
@media(prefers-reduced-motion:reduce){.ai-shop-chat-widget *{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* v2.2 — professional composer, file and voice controls */
.ai-shop-composer-area{padding:10px 12px 9px;background:rgba(255,255,255,.98)}
.ai-shop-composer{min-height:58px;display:flex;direction:ltr;align-items:flex-end;gap:9px;padding:0;background:transparent;border:0;border-radius:0;box-shadow:none}
.ai-shop-composer:focus-within{background:transparent;border-color:transparent;box-shadow:none}
.ai-shop-input-shell{direction:rtl;flex:1;min-width:0;min-height:58px;display:flex;align-items:flex-end;gap:5px;padding:7px 8px 7px 10px;background:#fff;border:1px solid #dfe4ea;border-radius:20px;box-shadow:0 4px 16px rgba(16,24,40,.05);transition:border-color .2s,box-shadow .2s,background .2s}
.ai-shop-input-shell:focus-within{border-color:color-mix(in srgb,var(--ai-chat-primary,#155eef) 48%,#dfe4ea);box-shadow:0 0 0 4px color-mix(in srgb,var(--ai-chat-primary,#155eef) 9%,transparent),0 7px 22px rgba(16,24,40,.07)}
.ai-shop-composer textarea{order:1;flex:1;min-width:0;min-height:42px;max-height:120px;padding:10px 7px 8px;border:0;outline:0;background:transparent;color:#101828;font:inherit;font-size:12px;line-height:1.75;text-align:right}
.ai-shop-composer-tools{order:2;display:flex;align-items:center;gap:4px;padding-bottom:1px}
.ai-chat-tool-btn{width:38px;height:38px;flex:0 0 38px;border:1px solid transparent;border-radius:13px;background:transparent;color:#667085;font-size:17px;box-shadow:none}
.ai-chat-tool-btn:hover{border-color:#e4e7ec;background:#f8fafc;color:#344054;transform:none}
.ai-chat-tool-btn.voice{color:var(--ai-chat-primary,#155eef);background:color-mix(in srgb,var(--ai-chat-primary,#155eef) 8%,#fff)}
.ai-chat-tool-btn.file{color:#475467}
.ai-chat-tool-btn.recording{color:#fff;background:#ef4444;border-color:#ef4444;animation:aiPulse 1s infinite;box-shadow:0 6px 18px rgba(239,68,68,.24)}
.ai-shop-send-btn{width:48px;height:48px;flex:0 0 48px;border-radius:16px;color:#fff;background:linear-gradient(135deg,var(--ai-chat-primary,#155eef),color-mix(in srgb,var(--ai-chat-primary,#155eef) 76%,#0b1220));box-shadow:0 8px 20px color-mix(in srgb,var(--ai-chat-primary,#155eef) 26%,transparent);font-size:17px}
.ai-shop-send-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 24px color-mix(in srgb,var(--ai-chat-primary,#155eef) 32%,transparent)}
.ai-shop-send-btn:disabled{background:#e4e7ec;color:#98a2b3;box-shadow:none;opacity:1}
.ai-shop-composer-hint{justify-content:space-between;padding:0 5px;margin-top:6px;font-size:8.5px;color:#98a2b3}
.ai-shop-attach-preview{margin-bottom:9px;padding:9px 10px;border-color:#dbe5f1;background:#f8fbff;border-radius:16px}
.ai-shop-attach-type{width:40px;height:40px;flex-basis:40px;border-radius:13px;color:var(--ai-chat-primary,#155eef);border-color:#dbe5f1}
.ai-shop-attach-preview>button{display:grid;place-items:center;width:34px;height:34px;border:1px solid #fee2e2;border-radius:11px;background:#fff;color:#dc2626}
.ai-recording-line{margin-bottom:9px;padding:9px 11px;border-radius:15px}
@media(max-width:420px){.ai-shop-composer{gap:7px}.ai-shop-input-shell{min-height:54px;padding:6px}.ai-chat-tool-btn{width:35px;height:35px;flex-basis:35px}.ai-shop-send-btn{width:45px;height:45px;flex-basis:45px;border-radius:15px}.ai-shop-composer textarea{min-height:39px;padding:8px 4px;font-size:11.5px}}

/* V14.6.2 — larger composer and reliable image preview */
.ai-shop-composer-area{padding:12px 14px 13px!important}
.ai-shop-composer{min-height:68px!important;gap:10px!important}
.ai-shop-input-shell{min-height:62px!important;padding:7px 9px!important;border-radius:20px!important;background:#fff!important;border:1px solid #d7e1ec!important;box-shadow:0 6px 22px rgba(15,23,42,.06)!important}
.ai-shop-composer textarea{min-height:48px!important;max-height:150px!important;padding:12px 8px!important;font-size:13px!important;line-height:1.8!important}
.ai-shop-send-btn{width:50px!important;height:50px!important;flex-basis:50px!important;border-radius:17px!important;background:#0f9f8f!important;box-shadow:0 9px 20px rgba(15,159,143,.24)!important}
.ai-chat-tool-btn{width:42px!important;height:42px!important;flex-basis:42px!important;border:1px solid #e4eaf1!important;background:#f8fafc!important;border-radius:14px!important;font-size:17px!important}
.ai-chat-tool-btn.voice{color:#0f9f8f!important;background:#effcf9!important;border-color:#b9eee5!important}
.ai-chat-tool-btn.file{color:#475467!important}
.ai-shop-attach-preview{min-height:70px!important;padding:9px 10px!important;background:#fff!important;border:1px solid #dce6f0!important;box-shadow:0 5px 18px rgba(15,23,42,.05)!important}
.ai-shop-attach-type{width:52px!important;height:52px!important;flex-basis:52px!important;padding:0!important;overflow:hidden!important;border-radius:13px!important}
.ai-shop-attach-type img{display:block;width:100%;height:100%;object-fit:cover}
.ai-shop-attach-preview.is-image .ai-shop-attach-info strong{color:#344054!important}
.ai-shop-attachment>img{display:block;max-width:260px;width:auto;max-height:260px;object-fit:contain;border-radius:14px;background:#f2f4f7}
@media(max-width:420px){.ai-shop-composer-area{padding:10px!important}.ai-shop-input-shell{min-height:60px!important}.ai-shop-send-btn{width:48px!important;height:48px!important;flex-basis:48px!important}.ai-chat-tool-btn{width:40px!important;height:40px!important;flex-basis:40px!important}.ai-shop-composer textarea{font-size:12.5px!important}}

/* V14.6.3 — semantic icon system for the complete public chat UI */
.ai-shop-launch-icon,.ai-shop-agent-avatar,.ai-shop-empty-icon{font-size:20px}
.ai-shop-agent-avatar>i{font-size:21px;line-height:1}
.ai-shop-avatar span>i{font-size:16px;line-height:1}
.ai-shop-header-action,.ai-shop-icon-btn,.ai-chat-tool-btn,.ai-shop-send-btn{position:relative}
.ai-shop-header-action i,.ai-shop-icon-btn i{font-size:15px;line-height:1}
.ai-shop-header-action.is-operator{gap:7px;background:#ecfdf3!important;color:#027a48!important;border-color:#abefc6!important}
.ai-shop-header-action.is-operator:hover{background:#d1fadf!important}
.ai-shop-utility-actions button i,.ai-shop-quick-row button i{font-size:13px;line-height:1;flex:0 0 auto}
.ai-shop-quick-row button{display:inline-flex;align-items:center;gap:6px}
.ai-shop-action-link{gap:6px}.ai-shop-action-link>i:first-child{font-size:13px}.ai-shop-action-link>span{flex:1}
.ai-shop-file-icon i{font-size:17px}
.ai-shop-attach-type i{font-size:19px}
.ai-chat-tool-btn.file{overflow:visible!important;color:#344054!important;background:#f8fafc!important;border:1px solid #e4e7ec!important}
.ai-chat-tool-btn.file:hover{color:#155eef!important;background:#eff4ff!important;border-color:#b2ccff!important}
.ai-chat-tool-btn.file>i:first-child{font-size:18px}
.ai-tool-badge{position:absolute;right:-2px;bottom:-2px;width:16px;height:16px;border-radius:999px;display:grid;place-items:center;background:var(--ai-chat-primary,#155eef);color:#fff;border:2px solid #fff;font-size:8px;box-shadow:0 2px 5px rgba(16,24,40,.18)}
.ai-tool-badge i{font-size:9px;line-height:1}
.ai-chat-tool-btn.voice>i{font-size:19px}
.ai-shop-send-btn>i{font-size:19px;transform:translateX(-1px)}
.ai-shop-composer-hint .bi-shield-check{color:#039855}
.ai-shop-audio-message>span i{font-size:16px}
@media(max-width:420px){.ai-shop-header-action i,.ai-shop-icon-btn i{font-size:14px}.ai-shop-utility-actions button i{font-size:12px}}

/* V14.7 — complete enterprise UI/UX rebuild */
.ai-shop-chat-panel{width:min(470px,calc(100vw - 32px))!important;height:min(760px,calc(100dvh - 104px))!important;border-radius:26px!important;border:1px solid rgba(203,213,225,.9)!important;background:#f8fafc!important;box-shadow:0 30px 90px rgba(15,23,42,.24),0 8px 30px rgba(15,23,42,.1)!important}
.ai-shop-chat-header{display:block!important;min-height:auto!important;padding:0!important;background:linear-gradient(135deg,#0f766e,#0f8f83)!important;border-bottom:0!important;color:#fff!important;backdrop-filter:none!important}
.ai-shop-header-main{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 16px 12px}
.ai-shop-agent{gap:12px!important}.ai-shop-agent-avatar{width:48px!important;height:48px!important;flex-basis:48px!important;border-radius:16px!important;background:rgba(255,255,255,.16)!important;border:1px solid rgba(255,255,255,.2)!important;color:#fff!important;box-shadow:none!important}.ai-shop-agent-avatar span{background:#4ade80!important;border-color:#0f8177!important}
.ai-shop-header-title strong{font-size:14px!important;color:#fff!important}.ai-shop-header-title small{font-size:10.5px!important;color:rgba(255,255,255,.78)!important}.ai-shop-header-title small i{background:#4ade80!important}.ai-shop-header-eyebrow{display:block;margin-bottom:2px;font-size:8.5px;font-weight:700;color:rgba(255,255,255,.66)}
.ai-shop-header-tools{gap:7px!important}.ai-shop-header-tools .ai-shop-icon-btn{width:36px!important;height:36px!important;border-radius:12px!important;border:1px solid rgba(255,255,255,.18)!important;background:rgba(255,255,255,.1)!important;color:#fff!important}.ai-shop-header-tools .ai-shop-icon-btn:hover{background:rgba(255,255,255,.18)!important;transform:none!important}
.ai-shop-header-shortcuts{display:grid;grid-template-columns:1.35fr 1fr;gap:8px;padding:0 16px 14px}.ai-shop-header-shortcuts .ai-shop-header-action{height:40px!important;border-radius:13px!important;justify-content:center!important;font-size:10.5px!important;font-weight:800!important}.ai-shop-header-shortcuts .ai-shop-header-action:not(.is-operator){background:rgba(255,255,255,.1)!important;color:#fff!important;border-color:rgba(255,255,255,.2)!important}.ai-shop-header-shortcuts .ai-shop-header-action.is-operator{background:#fff!important;color:#0f766e!important;border-color:#fff!important}.ai-shop-header-shortcuts .ai-shop-header-action:hover{transform:none!important;filter:brightness(.98)}
.ai-shop-chat-stream{padding:20px 16px 18px!important;background:linear-gradient(180deg,#f8fbfc 0,#f3f7f9 100%)!important}
.ai-shop-msg{gap:9px!important;margin-bottom:16px!important}.ai-shop-avatar{width:34px!important;height:34px!important;flex-basis:34px!important;border-radius:12px!important}.ai-shop-message-wrap{max-width:82%!important}.ai-shop-msg .bubble{padding:12px 14px!important;border-radius:18px 18px 18px 7px!important;border-color:#e2e8f0!important;box-shadow:0 5px 16px rgba(15,23,42,.045)!important}.ai-shop-msg.customer .bubble{background:linear-gradient(135deg,#7c3aed,#8b5cf6)!important;border-radius:18px 18px 7px 18px!important;box-shadow:0 8px 20px rgba(124,58,237,.16)!important}.ai-shop-msg p{font-size:12.5px!important;line-height:1.95!important}.ai-shop-msg-name{font-size:9px!important;color:#64748b!important}
.ai-shop-utility-actions{padding:0 0 10px!important;gap:7px!important}.ai-shop-utility-actions button{height:35px!important;padding:0 12px!important;border-radius:12px!important;background:#fff!important;border-color:#dbe4ea!important;font-size:9.5px!important;box-shadow:0 2px 8px rgba(15,23,42,.035)!important}.ai-shop-utility-actions button:hover{border-color:#99d8d1!important;color:#0f766e!important;background:#f0fdfa!important}
.ai-shop-composer-area{padding:11px 13px 12px!important;background:rgba(255,255,255,.98)!important;border-top:1px solid #e2e8f0!important;box-shadow:0 -10px 30px rgba(15,23,42,.04)!important}
.ai-shop-composer{display:flex!important;align-items:flex-end!important;direction:rtl!important;gap:9px!important;min-height:96px!important}
.ai-shop-input-shell{display:flex!important;flex-direction:column!important;align-items:stretch!important;min-height:96px!important;padding:10px 11px 8px!important;border-radius:18px!important;border:1px solid #d8e2e8!important;background:#fff!important;box-shadow:0 5px 18px rgba(15,23,42,.045)!important}.ai-shop-input-shell:focus-within{border-color:#75c9c0!important;box-shadow:0 0 0 4px rgba(15,143,131,.09),0 8px 22px rgba(15,23,42,.055)!important}
.ai-shop-composer textarea{order:0!important;width:100%!important;min-height:48px!important;max-height:140px!important;padding:2px 3px 8px!important;font-size:12.5px!important;line-height:1.9!important;resize:none!important}
.ai-shop-composer-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid #edf2f4;padding-top:7px}.ai-shop-composer-tools{display:flex!important;gap:6px!important;padding:0!important}.ai-chat-tool-btn{width:auto!important;height:34px!important;flex:0 0 auto!important;padding:0 9px!important;gap:5px!important;border-radius:10px!important;border:1px solid #e2e8f0!important;background:#f8fafc!important;color:#475569!important;font-size:13px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}.ai-chat-tool-btn span{font-size:9.5px;font-weight:800}.ai-chat-tool-btn.voice{color:#0f766e!important;background:#f0fdfa!important;border-color:#bce8e2!important}.ai-chat-tool-btn.recording{color:#fff!important;background:#ef4444!important;border-color:#ef4444!important}.ai-shop-composer-security{display:inline-flex;align-items:center;gap:4px;font-size:8.5px;color:#94a3b8;white-space:nowrap}.ai-shop-composer-security i{color:#10b981}
.ai-shop-send-btn{width:50px!important;height:50px!important;flex:0 0 50px!important;border-radius:16px!important;background:linear-gradient(135deg,#10a394,#0f766e)!important;color:#fff!important;box-shadow:0 8px 18px rgba(15,118,110,.24)!important;margin-bottom:2px!important}.ai-shop-send-btn:hover:not(:disabled){transform:translateY(-1px)!important;box-shadow:0 10px 22px rgba(15,118,110,.3)!important}.ai-shop-send-btn:disabled{background:#e2e8f0!important;color:#94a3b8!important;box-shadow:none!important}
.ai-shop-composer-hint{display:flex!important;justify-content:space-between!important;padding:6px 4px 0!important;margin:0!important;font-size:8.5px!important;color:#94a3b8!important}
.ai-shop-attach-preview{min-height:66px!important;margin-bottom:9px!important;border-radius:15px!important;border:1px solid #dbe7eb!important;background:#f8fbfc!important;box-shadow:none!important}.ai-shop-attach-type{width:48px!important;height:48px!important;flex-basis:48px!important;border-radius:12px!important}.ai-shop-attach-info strong{font-size:10.5px!important}.ai-shop-attach-info small{font-size:9px!important;color:#64748b!important}
.ai-recording-line{display:flex!important;align-items:center!important;gap:8px!important;padding:9px 10px!important;border-radius:13px!important;background:#fff5f5!important;border:1px solid #fecaca!important;color:#b91c1c!important}.ai-recording-line button{margin-right:auto!important;border:0!important;border-radius:9px!important;background:#ef4444!important;color:#fff!important;padding:6px 9px!important;font:inherit!important;font-size:9px!important}
@media(max-width:767px){.ai-shop-chat-panel{width:100vw!important;height:100dvh!important;border-radius:0!important}.ai-shop-header-main{padding:13px 12px 10px}.ai-shop-header-shortcuts{padding:0 12px 11px}.ai-shop-chat-stream{padding:16px 11px 14px!important}.ai-shop-composer-area{padding:9px 10px calc(9px + env(safe-area-inset-bottom))!important}.ai-shop-composer{min-height:92px!important}.ai-shop-input-shell{min-height:92px!important}.ai-shop-message-wrap{max-width:86%!important}}
@media(max-width:420px){.ai-shop-header-shortcuts{grid-template-columns:1fr 1fr}.ai-shop-header-shortcuts .ai-shop-header-action{font-size:9.5px!important}.ai-shop-composer{gap:7px!important}.ai-shop-send-btn{width:46px!important;height:46px!important;flex-basis:46px!important}.ai-shop-input-shell{padding:9px 9px 7px!important}.ai-chat-tool-btn{padding:0 8px!important}.ai-shop-composer-security{display:none}.ai-shop-composer-hint{font-size:8px!important}}

/* Composer interface refinement */
.ai-shop-composer-area{padding:10px 12px 12px!important;background:rgba(255,255,255,.985)!important}
.ai-shop-composer{display:block!important;min-height:0!important;direction:rtl!important}
.ai-shop-input-shell{width:100%!important;min-height:112px!important;padding:12px 12px 10px!important;border:1px solid #d7e2e7!important;border-radius:20px!important;background:#fff!important;box-shadow:0 8px 28px rgba(15,23,42,.07)!important;transition:border-color .2s ease,box-shadow .2s ease!important}
.ai-shop-input-shell:focus-within{border-color:#59bdb2!important;box-shadow:0 0 0 4px rgba(15,143,131,.1),0 12px 32px rgba(15,23,42,.09)!important}
.ai-shop-composer textarea{display:block!important;width:100%!important;min-height:62px!important;max-height:160px!important;padding:2px 3px 10px!important;margin:0!important;border:0!important;background:transparent!important;resize:none!important;overflow-y:auto!important;font-size:13px!important;line-height:1.95!important;color:#0f172a!important;text-align:right!important}
.ai-shop-composer textarea::placeholder{color:#94a3b8!important}
.ai-shop-composer-bottom{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;padding-top:9px!important;border-top:1px solid #edf2f4!important}
.ai-shop-composer-tools,.ai-shop-composer-actions{display:flex!important;align-items:center!important;gap:7px!important}
.ai-chat-tool-btn{width:38px!important;height:38px!important;min-width:38px!important;padding:0!important;border:1px solid #e2e8f0!important;border-radius:12px!important;background:#f8fafc!important;color:#475569!important;display:inline-grid!important;place-items:center!important;position:relative!important}
.ai-chat-tool-btn span{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important}
.ai-chat-tool-btn i{font-size:17px!important;line-height:1!important}
.ai-chat-tool-btn.file:hover{background:#eff6ff!important;border-color:#bfdbfe!important;color:#2563eb!important}
.ai-chat-tool-btn.voice{background:#f0fdfa!important;border-color:#bce8e2!important;color:#0f766e!important}
.ai-chat-tool-btn.voice:hover{background:#ccfbf1!important;border-color:#99f6e4!important;color:#115e59!important}
.ai-chat-tool-btn.recording{background:#ef4444!important;border-color:#ef4444!important;color:#fff!important;box-shadow:0 0 0 4px rgba(239,68,68,.12)!important}
.ai-shop-composer-security{font-size:8.5px!important;color:#94a3b8!important}
.ai-shop-send-btn{width:42px!important;height:42px!important;min-width:42px!important;flex:0 0 42px!important;margin:0!important;border-radius:13px!important;background:linear-gradient(135deg,#13a89a,#0f766e)!important;box-shadow:0 7px 16px rgba(15,118,110,.24)!important}
.ai-shop-send-btn i{font-size:16px!important}
.ai-shop-send-btn:disabled{background:#e2e8f0!important;color:#94a3b8!important;box-shadow:none!important}
.ai-shop-composer-hint,.ux-file-meta{display:none!important}
.ai-shop-attach-preview{margin:0 0 8px!important}
@media(max-width:767px){.ai-shop-composer-area{padding:8px 9px calc(9px + env(safe-area-inset-bottom))!important}.ai-shop-input-shell{min-height:104px!important;border-radius:18px!important;padding:10px!important}.ai-shop-composer textarea{min-height:58px!important;font-size:13px!important}.ai-shop-composer-security{display:none!important}}


/* V14.9 - semantic header actions and voice icon */
.ai-shop-header-shortcuts{grid-template-columns:1.35fr 1.08fr .92fr!important}
.ai-shop-header-shortcuts .ai-shop-header-action.is-bot{background:rgba(255,255,255,.14)!important;color:#fff!important;border-color:rgba(255,255,255,.28)!important}
.ai-shop-header-shortcuts .ai-shop-header-action.is-bot:hover{background:rgba(255,255,255,.22)!important}
.ai-shop-header-shortcuts .ai-shop-header-action.is-new{background:rgba(15,23,42,.18)!important;color:#fff!important;border-color:rgba(255,255,255,.18)!important}
.ai-shop-header-shortcuts .ai-shop-header-action i{font-size:14px!important}
.ai-chat-tool-btn.voice>i{font-size:18px!important}
.ai-shop-audio-message>span{display:grid;place-items:center}
.ai-shop-audio-message>span i{font-size:17px}
@media(max-width:767px){.ai-shop-header-shortcuts{grid-template-columns:1fr 1fr 1fr!important;gap:6px!important}.ai-shop-header-shortcuts .ai-shop-header-action{width:100%!important;padding:0 7px!important}.ai-shop-header-shortcuts .ai-shop-header-action span{display:inline!important;font-size:8.5px!important}}
@media(max-width:420px){.ai-shop-header-shortcuts .ai-shop-header-action span{display:none!important}.ai-shop-header-shortcuts .ai-shop-header-action i{font-size:15px!important}}

/* V15.2 — Local Font Awesome SVG sprite: no CDN and no icon-font fallback text */
.ai-shop-chat-widget .ai-fa-icon{
  display:inline-block;
  width:1em;
  height:1em;
  flex:0 0 auto;
  overflow:visible;
  fill:currentColor;
  color:inherit;
  vertical-align:-.125em;
  pointer-events:none;
}
.ai-shop-chat-widget .ai-fa-icon use{fill:currentColor;stroke:none}
.ai-shop-launch-icon .ai-fa-icon{font-size:22px}
.ai-shop-agent-avatar .ai-fa-icon{font-size:23px}
.ai-shop-icon-btn .ai-fa-icon{font-size:18px}
.ai-shop-header-action .ai-fa-icon{font-size:15px}
.ai-shop-section-kicker .ai-fa-icon,.ai-shop-start-error .ai-fa-icon,.ai-shop-start-privacy .ai-fa-icon{font-size:15px}
.ai-shop-start-actions .ai-fa-icon{font-size:14px}
.ai-shop-empty-icon .ai-fa-icon{font-size:25px}
.ai-shop-avatar .ai-fa-icon{font-size:14px}
.ai-shop-avatar-fallback{display:grid;place-items:center;width:100%;height:100%}
.ai-shop-audio-message>span .ai-fa-icon{font-size:17px}
.ai-shop-file-icon .ai-fa-icon,.ai-shop-attach-type .ai-fa-icon{font-size:20px}
.ai-shop-product-card>.ai-fa-icon{font-size:15px;color:#98a2b3}
.ai-shop-action-link .ai-fa-icon,.ai-shop-quick-row .ai-fa-icon,.ai-shop-utility-actions .ai-fa-icon{font-size:13px}
.ai-shop-attach-preview>button .ai-fa-icon{font-size:14px}
.ai-recording-line button .ai-fa-icon{font-size:13px}
.ai-chat-tool-btn .ai-fa-icon{font-size:18px}
.ai-shop-composer-security .ai-fa-icon{font-size:13px;color:#10b981}
.ai-shop-send-btn .ai-fa-icon{font-size:17px}
.ai-shop-chat-widget .material-symbols-rounded,.ai-shop-chat-widget .ai-material-icon{display:none!important}
@media(max-width:420px){.ai-shop-header-action .ai-fa-icon{font-size:16px}.ai-shop-icon-btn .ai-fa-icon{font-size:19px}}