.ann-customer-chat{position:fixed;right:18px;bottom:24px;z-index:1045;font-family:inherit}.ann-customer-chat__launcher{position:relative;display:flex;align-items:center;gap:8px;min-height:52px;padding:0 17px;border:0;border-radius:999px;background:var(--ann-site-primary,#ff6500);color:#fff;font-size:15px;font-weight:700;box-shadow:0 10px 30px rgba(0,0,0,.22);cursor:pointer}.ann-customer-chat__launcher svg,.ann-customer-chat__composer svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.ann-customer-chat__launcher b{position:absolute;top:-7px;right:-4px;min-width:23px;height:23px;padding:0 5px;border:2px solid #fff;border-radius:999px;background:#111;color:#fff;font-size:12px;line-height:19px;text-align:center}.ann-customer-chat__panel{position:absolute;right:0;bottom:64px;display:grid;grid-template-rows:auto minmax(220px,1fr) auto auto;width:min(380px,calc(100vw - 24px));height:min(590px,calc(100vh - 120px));overflow:hidden;border:1px solid rgba(0,0,0,.08);border-radius:18px;background:#f5f6f8;box-shadow:0 18px 60px rgba(0,0,0,.24)}.ann-customer-chat__panel[hidden]{display:none}.ann-customer-chat__panel header{display:flex;align-items:center;justify-content:space-between;padding:15px 17px;background:var(--ann-site-primary,#ff6500);color:#fff}.ann-customer-chat__panel header div{display:grid;gap:2px}.ann-customer-chat__panel header strong{font-size:17px}.ann-customer-chat__panel header small{font-size:12px;opacity:.9}.ann-customer-chat__panel header button{width:36px;height:36px;border:0;border-radius:50%;background:rgba(0,0,0,.16);color:#fff;font-size:27px;line-height:32px;cursor:pointer}.ann-customer-chat__messages{display:flex;flex-direction:column;gap:9px;overflow:auto;padding:16px;overscroll-behavior:contain}.ann-customer-chat__empty{margin:auto;padding:20px;color:#697080;text-align:center}.ann-customer-chat__message{align-self:flex-start;max-width:82%;padding:9px 12px;border-radius:15px 15px 15px 4px;background:#fff;color:#20242c;box-shadow:0 1px 2px rgba(0,0,0,.07);white-space:pre-wrap;overflow-wrap:anywhere}.ann-customer-chat__message.is-customer{align-self:flex-end;border-radius:15px 15px 4px 15px;background:var(--ann-site-primary,#ff6500);color:#fff}.ann-customer-chat__message small{display:block;margin-top:3px;font-size:10px;opacity:.7;text-align:right}.ann-customer-chat__status{padding:7px 14px;background:#fff4ec;color:#8c3d00;font-size:12px}.ann-customer-chat__composer{display:grid;grid-template-columns:1fr 46px;gap:8px;padding:11px;border-top:1px solid rgba(0,0,0,.08);background:#fff}.ann-customer-chat__composer textarea{max-height:100px;min-height:42px;resize:none;border:1px solid #d6d8dd;border-radius:13px;padding:10px 12px;outline:0;font:inherit}.ann-customer-chat__composer textarea:focus{border-color:var(--ann-site-primary,#ff6500);box-shadow:0 0 0 2px color-mix(in srgb,var(--ann-site-primary,#ff6500) 18%,transparent)}.ann-customer-chat__composer button{display:grid;place-items:center;width:46px;height:42px;border:0;border-radius:13px;background:var(--ann-site-primary,#ff6500);color:#fff;cursor:pointer}.ann-customer-chat__composer button:disabled{cursor:wait;opacity:.55}@media(max-width:767px){.ann-customer-chat{right:12px;bottom:86px}.ann-customer-chat__launcher span{display:none}.ann-customer-chat__launcher{justify-content:center;width:54px;height:54px;padding:0}.ann-customer-chat__panel{position:fixed;inset:8px 8px 82px;width:auto;height:auto;border-radius:16px}}@media(prefers-reduced-motion:no-preference){.ann-customer-chat__panel{animation:ann-chat-open .16s ease-out}@keyframes ann-chat-open{from{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}}
.ann-customer-chat__older{align-self:center;margin:8px 0 0;border:0;background:transparent;color:var(--ann-site-primary,#ff6500);font-size:12px;font-weight:700}
.ann-customer-chat__panel{grid-template-rows:auto auto minmax(0,1fr) auto auto}
.ann-customer-chat__panel>header{grid-row:1}
.ann-customer-chat__older{grid-row:2}
.ann-customer-chat__messages{grid-row:3;min-height:0}
.ann-customer-chat__status{grid-row:4}
.ann-customer-chat__composer{grid-row:5}
.ann-customer-chat__composer textarea:disabled{background:#f2f3f5;color:#8b9099;cursor:wait}
.ann-customer-chat__composer:has([data-ann-chat-media]:not([hidden])){grid-template-columns:1fr 46px 46px}
.ann-customer-chat__media{display:block;max-width:min(260px,100%);max-height:260px;border-radius:10px;object-fit:cover}
.ann-customer-chat__message.is-media{padding:5px}
.ann-customer-chat__message.is-media>span{display:block;padding:4px 6px;font-size:11px}
.ann-customer-chat__login-prompt{position:absolute;inset:0;z-index:4;display:grid;place-items:center;padding:20px;background:rgba(17,20,25,.48)}
.ann-customer-chat__login-prompt[hidden]{display:none}
.ann-customer-chat__login-prompt>div{width:min(310px,100%);padding:20px;border-radius:15px;background:#fff;box-shadow:0 16px 44px rgba(0,0,0,.24);text-align:center}
.ann-customer-chat__login-prompt strong{display:block;font-size:18px;color:#20242c}
.ann-customer-chat__login-prompt p{margin:8px 0 18px;color:#6d7380}
.ann-customer-chat__login-prompt span{display:flex;justify-content:center;gap:9px}
.ann-customer-chat__login-prompt button{min-width:105px;height:40px;border:1px solid #d8dbe1;border-radius:10px;background:#fff;color:#343943;font-weight:700}
.ann-customer-chat__login-prompt [data-ann-chat-login]{border-color:var(--ann-site-primary,#ff6500);background:var(--ann-site-primary,#ff6500);color:#fff}

/* Keep customer contact actions in one left-side stack: Flash Sale, Zalo, Chat. */
.ann-customer-chat{left:16px;right:auto;bottom:18px}
.ann-customer-chat__launcher{justify-content:center;width:56px;height:56px;min-height:56px;padding:0}
.ann-customer-chat__launcher span{display:none}
.ann-customer-chat__panel{left:0;right:auto}
.ann-zalo-widget{bottom:84px}
body.ann-product-sticky-cart-visible .ann-customer-chat{bottom:90px}
body.ann-product-sticky-cart-visible .ann-zalo-widget{bottom:156px}
body:has(.ann-customer-chat__panel:not([hidden])) .ann-zalo-widget{display:none}
body:has(.offcanvas.show) .ann-customer-chat,
body:has(.offcanvas.showing) .ann-customer-chat,
body:has(.offcanvas.hiding) .ann-customer-chat{display:none}
@media(max-width:767px){
  .ann-customer-chat{left:16px;right:auto;bottom:78px}
  .ann-customer-chat__panel{inset:auto 8px auto 8px;top:calc(var(--ann-chat-viewport-top,0px) + 8px);height:var(--ann-chat-panel-height,calc(100dvh - 90px))}
  .ann-customer-chat__composer textarea{font-size:16px}
  .ann-zalo-widget{bottom:144px}
  body.ann-product-sticky-cart-visible .ann-customer-chat{bottom:135px}
  body.ann-product-sticky-cart-visible .ann-zalo-widget{bottom:201px}
}