/* V61 — storefront buyer chat, monochrome. Shared orders/API logic unchanged. */
#ct-chat-widget{
  --ct-chat-ink:#181a1d;--ct-chat-secondary:#697078;
  --ct-chat-graphite:#23262a;--ct-chat-canvas:#e7eaee;
  --ct-chat-card:#fff;--ct-chat-other:#d2d7dd;
  --ct-chat-line:#c8cdd4;--ct-chat-outline:#bcc3cb;
  color:var(--ct-chat-ink)!important;
  font-family:Manrope,Inter,-apple-system,BlinkMacSystemFont,Arial,sans-serif;
}
#ct-chat-widget #ct-chat-open{
  background:#1c1f22!important;color:#fff!important;border:1px solid #111316!important;
  box-shadow:0 9px 26px rgba(0,0,0,.24)!important;border-radius:999px!important;
}
#ct-chat-widget #ct-chat-open:hover{background:#303338!important;box-shadow:0 14px 34px rgba(0,0,0,.26)!important}
#ct-chat-widget #ct-chat-window{
  background:#fff!important;color:var(--ct-chat-ink)!important;
  border:1px solid #d1d5dc!important;border-radius:24px!important;
  box-shadow:0 28px 84px rgba(0,0,0,.30)!important;
}
#ct-chat-widget #ct-chat-backdrop:not([hidden]){background:rgba(16,18,22,.48)!important;backdrop-filter:blur(5px)}
#ct-chat-window .ct-chat-head{
  background:#fff!important;color:var(--ct-chat-ink)!important;
  border-bottom:1px solid #dce0e5!important;padding:15px 19px!important;
}
#ct-chat-window .ct-chat-head b{color:#1c1e22!important;font-size:16px!important;letter-spacing:-.02em}
#ct-chat-window .ct-chat-head p,
#ct-chat-window .ct-chat-head p.online,
#ct-chat-window .ct-chat-head p.offline{color:#626971!important;font-size:11px!important}
#ct-chat-window .ct-chat-avatar{
  border:1px solid #181a1d!important;background:#1e2125!important;
  color:#fff!important;border-radius:50%!important;font-size:23px!important;letter-spacing:-1px!important;
}
#ct-chat-window #ct-chat-close{
  border:1px solid #dadee3!important;background:#f3f4f6!important;
  color:#202329!important;border-radius:50%!important;
}
#ct-chat-window #ct-chat-close:hover{background:#e1e4e8!important}
/* Deliberately distinct from white cards and both message bubble shades. */
#ct-chat-window .ct-chat-messages{
  background-color:var(--ct-chat-canvas)!important;
  background-image:radial-gradient(circle at 1px 1px,rgba(81,89,100,.075) 1px,transparent 1.2px),linear-gradient(155deg,#e8ebef 0%,#e0e4e9 100%)!important;
  background-size:22px 22px,100% 100%!important;
  background-position:0 0,0 0!important;background-repeat:repeat,no-repeat!important;
  gap:11px!important;padding:19px!important;scrollbar-color:#b5bbc4 transparent!important;
}
#ct-chat-window .ct-chat-tip{
  border:1px solid #d1d6dd!important;background:rgba(255,255,255,.94)!important;
  color:#525960!important;border-radius:15px!important;
  box-shadow:0 3px 11px rgba(35,39,46,.08)!important;
}
/* Customer/right: white; team/left: medium-light grey, both dark text. */
#ct-chat-window .ct-chat-bubble,
#ct-chat-window .ct-chat-bubble.buyer{
  background:#fff!important;color:#1a1d21!important;
  border:1px solid #ccd1d7!important;border-radius:18px 18px 5px 18px!important;
  box-shadow:0 3px 11px rgba(28,32,38,.10)!important;
  line-height:1.55!important;font-size:14px!important;
}
#ct-chat-window .ct-chat-bubble.manager{
  background:#d2d7dd!important;color:#1a1d21!important;
  border:1px solid #b8c0c9!important;border-radius:18px 18px 18px 5px!important;
  box-shadow:0 3px 11px rgba(28,32,38,.08)!important;
}
#ct-chat-window .ct-chat-bubble small,
#ct-chat-window .ct-chat-bubble.manager small{
  color:#5d6570!important;opacity:1!important;
}
#ct-chat-window .ct-chat-error{background:#f7f7f8!important;color:#7d3030!important;border-color:#dddfe3!important}
#ct-chat-window #ct-chat-form{
  background:#fff!important;border-top:1px solid #d7dce2!important;
  padding:12px 14px!important;gap:10px!important;
}
#ct-chat-window .ct-chat-compose{
  background:#f2f3f5!important;border:1px solid #cbd0d6!important;
  padding:11px 15px!important;border-radius:999px!important;
}
#ct-chat-window .ct-chat-compose:focus-within{
  border-color:#555b65!important;box-shadow:0 0 0 3px rgba(50,56,65,.11)!important;
}
#ct-chat-window #ct-chat-form textarea{color:#1d2024!important;font-size:15px!important}
#ct-chat-window #ct-chat-form textarea::placeholder{color:#7b818a!important}
#ct-chat-window #ct-chat-form button{
  background:#1d2024!important;border:1px solid #1d2024!important;
  color:#fff!important;border-radius:50%!important;width:46px!important;height:46px!important;
  box-shadow:none!important;
}
#ct-chat-window #ct-chat-form button:hover{background:#383d43!important}
#ct-chat-window .ct-chat-privacy{background:#fff!important;color:#7b828b!important}
#ct-chat-widget .ct-chat-resend,
#ct-chat-window #ct-checkout button:not([data-cancel]),
#ct-chat-window #ct-payment-upload button{background:#1d2024!important;color:#fff!important;border-color:#1d2024!important}
#ct-chat-window #ct-checkout{background:#fff!important;color:#1d2024!important;border-top:1px solid #d5dae0!important}
#ct-chat-window #ct-payment-upload{background:#fff!important;color:#1d2024!important;border-color:#d0d5dc!important}
#ct-chat-widget :is(button,input,textarea):focus-visible{outline:2px solid #4c535d!important;outline-offset:2px!important}
/* Preserve tactile animation, no violet shadows or focus rings. */
#ct-chat-widget :is(button,.ct-chat-compose,.ct-chat-bubble,.ct-chat-tip){
  -webkit-tap-highlight-color:transparent;
  transition:transform .2s cubic-bezier(.2,.7,.2,1),background-color .2s ease,
  box-shadow .2s ease,border-color .2s ease!important;
}
#ct-chat-widget button:active:not(:disabled){transform:scale(.97)!important;transition-duration:.08s!important}
@media(hover:hover) and (pointer:fine){
 #ct-chat-widget #ct-chat-open:hover:not(:disabled){transform:translateY(-2px)!important}
 #ct-chat-widget .ct-chat-bubble:hover{transform:translateY(-1px);box-shadow:0 6px 16px rgba(30,36,44,.13)!important}
 #ct-chat-window #ct-chat-close:hover,#ct-chat-window #ct-chat-form button:hover{transform:translateY(-1px)!important}
}
@media(min-width:561px){
 #ct-chat-window:not([hidden]){width:min(620px,calc(100vw - 48px))!important;height:min(780px,calc(100dvh - 48px))!important;max-height:calc(100dvh - 48px)!important;border-radius:24px!important}
 #ct-chat-window .ct-chat-messages{padding:23px 27px!important}
}
@media(max-width:560px){
 #ct-chat-widget{right:0!important;bottom:0!important}
 #ct-chat-window:not([hidden]){background:#fff!important;border:0!important;border-radius:0!important;box-shadow:none!important}
 #ct-chat-window .ct-chat-head{padding:calc(10px + env(safe-area-inset-top,0px)) 14px 11px!important}
 #ct-chat-window .ct-chat-messages{padding:15px 13px!important;background-attachment:scroll!important}
 #ct-chat-window .ct-chat-bubble{max-width:87%!important;font-size:14px!important}
 #ct-chat-window #ct-chat-form{padding:9px 10px calc(8px + env(safe-area-inset-bottom,0px))!important}
 #ct-chat-window #ct-chat-form button{width:43px!important;height:43px!important}
}
@media(prefers-reduced-motion:reduce){#ct-chat-widget *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}