/* v201 — a single premium workspace for private product chat and ordering. */
#customerChatModal .customer-chat-card{
  --tsp-ink:#14231c;--tsp-moss:#286044;--tsp-mist:#eef6f0;--tsp-gold:#f3a712;--tsp-line:rgba(20,35,28,.12);
  position:relative;
  overflow:hidden;border:1px solid rgba(255,255,255,.68)!important;border-radius:28px!important;
  background:linear-gradient(145deg,#fff 0%,#fbfdfb 46%,#f0f6f1 100%)!important;
  box-shadow:0 28px 80px rgba(7,19,13,.28),0 3px 10px rgba(7,19,13,.08)!important;
}
#customerChatModal .customer-chat-card:before{content:"";position:absolute;inset:0 0 auto;height:5px;background:linear-gradient(90deg,var(--tsp-gold),#f8ca4d 38%,#347457 74%,#173a2a);z-index:3}
#customerChatModal .chat-mode-header{position:relative;z-index:4;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:15px 17px 11px!important;background:rgba(255,255,255,.78);border-bottom:1px solid var(--tsp-line);backdrop-filter:blur(18px)}
#customerChatModal .chat-mode-header>.close{position:static!important;display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;margin:0!important;border:1px solid var(--tsp-line)!important;border-radius:14px!important;background:#fff!important;color:var(--tsp-ink)!important;font-size:27px!important;line-height:1!important;box-shadow:0 4px 14px rgba(18,37,27,.07)}
#customerChatModal .chat-mode-header>.close:hover{transform:rotate(90deg);border-color:rgba(40,96,68,.35)!important;background:var(--tsp-mist)!important}
#customerChatModal .chat-action-bar{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6px;flex:1;min-width:0}
#customerChatModal .chat-action-pill{position:relative;min-height:42px;padding:9px 10px!important;border:1px solid transparent!important;border-radius:13px!important;background:transparent!important;color:#64746a!important;font:800 11px/1.15 system-ui,sans-serif!important;letter-spacing:.01em;text-align:left;transition:background .18s ease,color .18s ease,box-shadow .18s ease,transform .18s ease}
#customerChatModal .chat-action-pill:before{display:inline-grid;place-items:center;width:20px;height:20px;margin-right:6px;border-radius:7px;background:#edf2ee;color:#38614a;font-size:12px;vertical-align:middle;content:"✦"}
#customerChatModal .chat-action-pill[data-premium-mode="order"]:before{content:"↗";background:#fff2cc;color:#805a02}
#customerChatModal .chat-action-pill:hover{background:#f2f7f3!important;color:var(--tsp-ink)!important;transform:translateY(-1px)}
#customerChatModal .chat-action-pill.active{border-color:rgba(40,96,68,.13)!important;background:#fff!important;color:var(--tsp-ink)!important;box-shadow:0 5px 16px rgba(21,50,33,.10)}
#customerChatModal[data-chat-mode="order"] .chat-action-pill.active{border-color:rgba(243,167,18,.38)!important;background:linear-gradient(135deg,#fff8df,#fff)!important}
#customerChatModal .chat-order-state{align-self:center;justify-self:end;max-width:32%;overflow:hidden;padding:7px 8px!important;border:1px solid rgba(40,96,68,.15);border-radius:999px;background:#eff8f1;color:#2e724d;font:850 9px/1.05 system-ui,sans-serif!important;letter-spacing:.05em;text-align:center;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}
#customerChatModal .chat-scroll-content{background:radial-gradient(circle at 92% 0,rgba(243,167,18,.11),transparent 25%),linear-gradient(180deg,rgba(248,251,248,.92),rgba(255,255,255,.7))}
#customerChatModal .chat-head{padding:17px 18px 14px!important;border-bottom:1px solid var(--tsp-line)!important;background:transparent!important}
#customerChatModal .chat-brandline{display:flex;align-items:center;gap:8px;margin-bottom:13px;color:#52645a!important;font:800 10px/1 system-ui,sans-serif;letter-spacing:.14em;text-transform:uppercase}
#customerChatModal .chat-brandline>span:first-child{color:var(--tsp-ink);letter-spacing:.08em}
#customerChatModal .chat-secure{padding:5px 7px;border-radius:999px;background:#eaf5ec!important;color:#2b6c48!important;font-size:9px!important;letter-spacing:.04em!important}
#customerChatModal .chat-product-hero{gap:14px!important}
#customerChatModal .chat-product-media{overflow:hidden;border:1px solid rgba(20,35,28,.11);border-radius:17px!important;background:#f3f5f2;box-shadow:0 8px 22px rgba(24,44,32,.10)}
#customerChatModal .chat-product-media img{transition:transform .45s ease}#customerChatModal .chat-product-media:hover img{transform:scale(1.045)}
#customerChatModal .chat-product-info h2{margin:4px 0 5px!important;color:var(--tsp-ink)!important;font-size:clamp(21px,3.5vw,29px)!important;letter-spacing:-.045em}
#customerChatModal .chat-product-name{margin:0!important;color:#607066!important;font-weight:720!important}
#customerChatModal .chat-product-price-row{align-items:center;margin-top:9px!important}
#customerChatModal .chat-product-price-row strong{color:var(--tsp-ink)!important;font-size:17px!important}
#customerChatModal .chat-live-pill{border:1px solid rgba(40,96,68,.16)!important;background:#ebf7ef!important;color:#297046!important;font:850 9px/1 system-ui,sans-serif!important;letter-spacing:.10em}
#customerChatModal .chat-live-pill:before{content:"";display:inline-block;width:6px;height:6px;margin-right:5px;border-radius:50%;background:#36ae69;box-shadow:0 0 0 3px rgba(54,174,105,.13)}
#customerChatModal[data-chat-mode="order"] .chat-live-pill{border-color:rgba(243,167,18,.28)!important;background:#fff5d8!important;color:#815b03!important}
#customerChatModal .chat-main-grid{gap:14px!important;padding:14px 17px 16px!important}
#customerChatModal .chat-purchase-panel{border:1px solid var(--tsp-line)!important;border-radius:18px!important;background:rgba(255,255,255,.80)!important;box-shadow:0 8px 22px rgba(20,43,29,.06)}
#customerChatModal .chat-conversation{min-width:0;border:1px solid var(--tsp-line)!important;border-radius:18px!important;background:rgba(255,255,255,.86);box-shadow:0 8px 22px rgba(20,43,29,.05)}
#customerChatModal .chat-quick-actions{padding:11px 12px 0!important}
#customerChatModal .premium-chat-mode-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px;padding:12px 13px;border:1px solid rgba(40,96,68,.13);border-radius:14px;background:linear-gradient(135deg,#f4faf5,#fff)}
#customerChatModal .premium-chat-mode-summary .premium-summary-copy{min-width:0}
#customerChatModal .premium-chat-mode-summary .premium-summary-kicker{display:block;margin-bottom:4px;color:#5a7564;font:850 9px/1 system-ui,sans-serif;letter-spacing:.14em;text-transform:uppercase}
#customerChatModal .premium-chat-mode-summary strong{display:block;color:var(--tsp-ink);font:850 13px/1.2 system-ui,sans-serif}
#customerChatModal .premium-chat-mode-summary p{margin:4px 0 0;color:#67786d;font:600 11px/1.4 system-ui,sans-serif}
#customerChatModal .premium-summary-button{flex:0 0 auto;border:1px solid rgba(40,96,68,.18);border-radius:11px;background:#fff;color:#285e41;padding:8px 10px;font:850 10px/1 system-ui,sans-serif;cursor:pointer;transition:transform .16s ease,background .16s ease}
#customerChatModal .premium-summary-button:hover{background:#eaf5ec;transform:translateY(-1px)}
#customerChatModal .premium-order-summary{border-color:rgba(243,167,18,.32);background:linear-gradient(135deg,#fff7df,#fffdf8)}
#customerChatModal .premium-order-summary .premium-summary-kicker{color:#9b6a00}
#customerChatModal .premium-order-steps{display:flex;gap:5px;margin-top:8px}
#customerChatModal .premium-order-steps span{display:flex;align-items:center;gap:4px;color:#677265;font:800 9px/1 system-ui,sans-serif;white-space:nowrap}
#customerChatModal .premium-order-steps span:before{content:"";width:7px;height:7px;border:2px solid #c8cfc9;border-radius:50%;background:#fff}
#customerChatModal .premium-order-steps .active{color:#855e08}.premium-order-steps .active:before{border-color:var(--tsp-gold);background:var(--tsp-gold);box-shadow:0 0 0 3px rgba(243,167,18,.16)}
#customerChatModal .premium-chat-templates{margin:0 0 10px!important}
#customerChatModal .premium-chat-templates button{border-color:rgba(40,96,68,.16)!important;background:#fff!important;box-shadow:0 3px 8px rgba(24,47,33,.04)}
#customerChatModal .customer-chat-thread{padding:9px 12px 14px!important}
#customerChatModal .chat-empty{border:1px dashed rgba(40,96,68,.22)!important;border-radius:14px!important;background:#f8fbf8!important}
#customerChatModal .customer-chat-form{position:relative;padding:13px 17px calc(15px + env(safe-area-inset-bottom))!important;border-top:1px solid var(--tsp-line)!important;background:rgba(255,255,255,.93)!important;box-shadow:0 -10px 25px rgba(22,44,30,.05);backdrop-filter:blur(18px)}
#customerChatModal .chat-compose-row{gap:8px!important;margin-bottom:9px!important}
#customerChatModal .chat-compose-row label{color:#68756c!important;font:800 10px/1 system-ui,sans-serif!important;letter-spacing:.06em;text-transform:uppercase}
#customerChatModal .chat-compose-row input{height:38px!important;margin-top:6px!important;border:1px solid rgba(23,47,32,.14)!important;border-radius:11px!important;background:#fbfdfb!important;color:var(--tsp-ink)!important;font:650 13px/1 system-ui,sans-serif!important;transition:border-color .16s ease,box-shadow .16s ease}
#customerChatModal .chat-compose-row input:focus{border-color:rgba(40,96,68,.5)!important;box-shadow:0 0 0 3px rgba(40,96,68,.10)!important;outline:0}
#customerChatModal .chat-input-shell{position:relative;overflow:hidden;border:1px solid rgba(23,47,32,.16)!important;border-radius:15px!important;background:#fff!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 4px 14px rgba(24,47,33,.05);transition:border-color .16s ease,box-shadow .16s ease}
#customerChatModal .chat-input-shell:focus-within{border-color:rgba(40,96,68,.56)!important;box-shadow:0 0 0 4px rgba(40,96,68,.10),0 4px 14px rgba(24,47,33,.05)}
#customerChatModal #customerChatInput{min-height:54px!important;padding:15px 44px 14px 14px!important;background:transparent!important;color:var(--tsp-ink)!important;font:650 14px/1.45 system-ui,sans-serif!important;resize:none}
#customerChatModal #customerChatInput::placeholder{color:#93a098}
#customerChatModal .chat-live-dot{right:14px!important;top:15px!important;width:9px!important;height:9px!important;background:#39ac69!important;box-shadow:0 0 0 4px rgba(57,172,105,.12)!important}
#customerChatModal .premium-chat-count{position:absolute;right:14px;bottom:8px;color:#89958c;font:750 9px/1 system-ui,sans-serif;pointer-events:none}
#customerChatModal .chat-composer-tools{display:flex;align-items:center;gap:9px;margin-top:9px!important}
#customerChatModal #customerChatAttach{min-height:40px!important;border:1px solid rgba(23,47,32,.16)!important;border-radius:12px!important;background:#fff!important;color:#295e42!important;font-weight:850!important}
#customerChatModal #customerChatSubmit{min-height:40px!important;border-radius:12px!important;background:linear-gradient(135deg,#1f5c3d,#143d2b)!important;box-shadow:0 7px 16px rgba(22,70,46,.22)!important;font-weight:850!important}
#customerChatModal #customerPlaceOrderButton{min-height:52px!important;margin-top:10px!important;border-radius:14px!important;box-shadow:0 9px 18px rgba(175,116,0,.20)!important;font-weight:950!important;letter-spacing:.06em!important}
#customerChatModal #customerPlaceOrderButton:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.02)}
#customerChatModal .chat-order-strip{margin-top:9px!important;padding:8px 10px!important;border-radius:10px!important;background:#f4f7f4!important;color:#617267!important;font:750 10px/1.3 system-ui,sans-serif!important;text-align:center}
#customerChatModal[data-chat-mode="order"] .chat-order-strip{background:#fff7e1!important;color:#815b03!important}
#customerChatModal .chat-send-status{display:block;min-height:0;margin-top:6px;color:#367650;font:800 10px/1.3 system-ui,sans-serif;text-align:center}
@media (max-width:680px){
  #customerChatModal .customer-chat-card{border-radius:22px 22px 0 0!important}
  #customerChatModal .chat-mode-header{padding:12px 12px 9px!important}
  #customerChatModal .chat-action-pill{min-height:39px;padding:8px 7px!important;font-size:10px!important}
  #customerChatModal .chat-action-pill:before{width:18px;height:18px;margin-right:4px}
  #customerChatModal .chat-order-state{display:none}
  #customerChatModal .chat-head{padding:13px 13px 11px!important}
  #customerChatModal .chat-main-grid{padding:10px 12px 12px!important;gap:10px!important}
  #customerChatModal .chat-purchase-panel{border-radius:15px!important}
  #customerChatModal .premium-chat-mode-summary{padding:10px;gap:8px}
  #customerChatModal .premium-chat-mode-summary p{display:none}
  #customerChatModal .premium-order-steps{overflow:hidden}.premium-order-steps span{font-size:8px}
  #customerChatModal .customer-chat-form{padding:10px 12px calc(12px + env(safe-area-inset-bottom))!important}
  #customerChatModal .chat-compose-row{display:grid!important;grid-template-columns:1fr 1fr!important}
}

/* This project has older chat themes with forced declarations.  These final
   rules deliberately win so both tabs render as one current workspace. */
#customerChatModal .customer-chat-card{display:flex!important;flex-direction:column!important}
#customerChatModal .chat-mode-header{display:flex!important;gap:10px!important;padding:15px 17px 11px!important;background:rgba(255,255,255,.78)!important;border-bottom:1px solid var(--tsp-line)!important;backdrop-filter:blur(18px)!important;-webkit-backdrop-filter:blur(18px)!important}
#customerChatModal .chat-mode-header .chat-action-bar{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:6px!important;flex:1 1 0!important;min-width:0!important;overflow:visible!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important}
#customerChatModal .chat-mode-header .chat-action-pill{min-height:42px!important;padding:9px 10px!important;border:1px solid transparent!important;border-radius:13px!important;background:transparent!important;color:#64746a!important;box-shadow:none!important;white-space:normal!important;font:800 11px/1.15 system-ui,sans-serif!important;letter-spacing:.01em!important;text-align:left!important}
#customerChatModal .chat-mode-header .chat-action-pill.active{border-color:rgba(40,96,68,.13)!important;background:#fff!important;color:var(--tsp-ink)!important;box-shadow:0 5px 16px rgba(21,50,33,.10)!important}
#customerChatModal[data-chat-mode="order"] .chat-mode-header .chat-action-pill.active{border-color:rgba(243,167,18,.38)!important;background:linear-gradient(135deg,#fff8df,#fff)!important}
#customerChatModal .chat-mode-header .chat-action-pill:hover{background:#f2f7f3!important;color:var(--tsp-ink)!important;transform:translateY(-1px)!important}
#customerChatModal .chat-mode-header>.close{display:grid!important;position:static!important;flex:0 0 38px!important;width:38px!important;height:38px!important;padding:0!important;margin:0!important;border:1px solid var(--tsp-line)!important;border-radius:14px!important;background:#fff!important;color:var(--tsp-ink)!important;box-shadow:0 4px 14px rgba(18,37,27,.07)!important}
#customerChatModal .chat-mode-header>.close::before,#customerChatModal .chat-mode-header>.close::after{content:none!important;display:none!important}
#customerChatModal .chat-action-bar .chat-order-state{grid-column:1/-1!important;align-self:center!important;justify-self:start!important;max-width:100%!important;padding:7px 8px!important;border:1px solid rgba(40,96,68,.15)!important;border-radius:999px!important;background:#eff8f1!important;color:#2e724d!important}
@media (max-width:680px){
  #customerChatModal .chat-mode-header{gap:8px!important;padding:12px 12px 9px!important}
  #customerChatModal .chat-mode-header .chat-action-bar{gap:5px!important}
  #customerChatModal .chat-mode-header .chat-action-pill{min-height:39px!important;padding:8px 7px!important;font-size:10px!important}
}