/* v202 — the real content surfaces inside Private Store Chat and Order Request. */
#customerChatModal{
  --tsp-premium-ink:#14231c;
  --tsp-premium-green:#286044;
  --tsp-premium-soft:#eff7f1;
  --tsp-premium-gold:#f3a712;
  --tsp-premium-line:rgba(20,35,28,.12);
}

/* Private Store Chat: product, help state and conversation are one clear service panel. */
#customerChatModal[data-chat-mode="question"] .chat-purchase-panel{
  position:relative!important;overflow:hidden!important;padding:16px!important;
  border:1px solid var(--tsp-premium-line)!important;border-radius:18px!important;
  background:linear-gradient(145deg,#f2faf4,#fff 70%)!important;
  box-shadow:0 12px 28px rgba(20,55,34,.07)!important;
}
#customerChatModal[data-chat-mode="question"] .chat-purchase-panel:before{
  content:"PRODUCT SUPPORT";display:inline-flex;margin-bottom:9px;padding:5px 8px;
  border-radius:999px;background:#e2f1e5;color:#246143;font:900 9px/1 system-ui,sans-serif;letter-spacing:.12em;
}
#customerChatModal[data-chat-mode="question"] .order-selection-line,
#customerChatModal[data-chat-mode="question"] .order-price-line{
  display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;
  padding:10px 0!important;border-color:var(--tsp-premium-line)!important;
}
#customerChatModal[data-chat-mode="question"] .order-selection-line span,
#customerChatModal[data-chat-mode="question"] .order-price-line span{color:#65756b!important;font:800 10px/1.35 system-ui,sans-serif!important;text-transform:uppercase!important;letter-spacing:.06em!important}
#customerChatModal[data-chat-mode="question"] .order-selection-line strong,
#customerChatModal[data-chat-mode="question"] .order-price-line strong{color:var(--tsp-premium-ink)!important;font:900 13px/1.25 system-ui,sans-serif!important;text-align:right!important}
#customerChatModal[data-chat-mode="question"] .order-confirm-note{margin:4px 0 0!important;padding-top:10px!important;border-top:1px solid var(--tsp-premium-line)!important;color:#62746a!important;font:650 11px/1.55 system-ui,sans-serif!important}
#customerChatModal[data-chat-mode="question"] .chat-conversation{
  overflow:hidden!important;border:1px solid var(--tsp-premium-line)!important;border-radius:18px!important;
  background:#fff!important;box-shadow:0 12px 28px rgba(20,55,34,.06)!important;
}
#customerChatModal[data-chat-mode="question"] .chat-checkout-hint{
  position:relative;overflow:hidden;margin:0!important;padding:13px 14px!important;
  border:1px solid rgba(40,96,68,.17)!important;border-radius:14px!important;
  background:linear-gradient(135deg,#eaf6ed,#fff)!important;
}
#customerChatModal[data-chat-mode="question"] .chat-checkout-hint:before{content:"✦";position:absolute;right:13px;top:12px;color:#70a580;font-size:17px}
#customerChatModal[data-chat-mode="question"] .chat-checkout-hint strong{display:block!important;color:var(--tsp-premium-ink)!important;font:900 13px/1.2 system-ui,sans-serif!important}
#customerChatModal[data-chat-mode="question"] .chat-checkout-hint span{display:block!important;max-width:88%;margin-top:4px;color:#617469!important;font:650 11px/1.45 system-ui,sans-serif!important}

/* The connection error is useful and actionable rather than looking like a dead end. */
#customerChatModal .chat-empty.chat-connection-retry{
  display:grid!important;justify-items:start!important;gap:7px!important;padding:18px!important;
  border:1px solid rgba(198,138,17,.30)!important;border-radius:16px!important;
  background:linear-gradient(135deg,#fff9e8,#fff)!important;text-align:left!important;
}
#customerChatModal .chat-empty.chat-connection-retry .connection-kicker{color:#946400;font:900 9px/1 system-ui,sans-serif;letter-spacing:.13em;text-transform:uppercase}
#customerChatModal .chat-empty.chat-connection-retry b{color:var(--tsp-premium-ink)!important;font:900 14px/1.25 system-ui,sans-serif!important}
#customerChatModal .chat-empty.chat-connection-retry>span:not(.connection-kicker){color:#66766c!important;font:650 11px/1.5 system-ui,sans-serif!important}
#customerChatModal .chat-connection-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:3px}
#customerChatModal .chat-connection-actions button,#customerChatModal .chat-connection-actions a{
  display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 11px;border-radius:10px;
  text-decoration:none;font:850 10px/1 system-ui,sans-serif;cursor:pointer;
}
#customerChatModal .chat-connection-actions button{border:1px solid #1c5639;background:#1c5639;color:#fff}
#customerChatModal .chat-connection-actions a{border:1px solid rgba(40,96,68,.2);background:#fff;color:#215c3e}

/* Order Request: turn the actual checkout fields into a premium checkout card. */
#customerChatModal.order-only-mode .chat-main-grid{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:12px!important;padding-bottom:10px!important}
#customerChatModal.order-only-mode .chat-purchase-panel{
  display:block!important;position:relative!important;overflow:hidden!important;margin:0!important;padding:16px!important;
  border:1px solid rgba(202,149,31,.29)!important;border-radius:18px!important;
  background:linear-gradient(140deg,#fff9e7,#fff 72%)!important;box-shadow:0 12px 28px rgba(139,95,6,.08)!important;
}
#customerChatModal.order-only-mode .chat-purchase-panel:before{
  content:"ORDER SUMMARY";display:inline-flex;margin-bottom:9px;padding:5px 8px;border-radius:999px;
  background:#fff0c8;color:#896000;font:900 9px/1 system-ui,sans-serif;letter-spacing:.12em;
}
#customerChatModal.order-only-mode .order-selection-line,#customerChatModal.order-only-mode .order-price-line{
  display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;
  padding:9px 0!important;border-color:rgba(160,112,8,.15)!important;
}
#customerChatModal.order-only-mode .order-selection-line span,#customerChatModal.order-only-mode .order-price-line span{color:#766b52!important;font:850 10px/1.35 system-ui,sans-serif!important;text-transform:uppercase!important;letter-spacing:.055em!important}
#customerChatModal.order-only-mode .order-selection-line strong,#customerChatModal.order-only-mode .order-price-line strong{color:var(--tsp-premium-ink)!important;font:900 13px/1.25 system-ui,sans-serif!important;text-align:right!important}
#customerChatModal.order-only-mode .order-price-line strong{font-size:16px!important}
#customerChatModal.order-only-mode .order-confirm-note{margin:4px 0 0!important;padding-top:10px!important;border-top:1px solid rgba(160,112,8,.15)!important;color:#726a57!important;font:650 11px/1.55 system-ui,sans-serif!important}
#customerChatModal.order-only-mode .commerce-order-checkout{
  display:block!important;position:relative!important;overflow:hidden!important;margin:0!important;padding:17px!important;
  border:1px solid var(--tsp-premium-line)!important;border-radius:18px!important;
  background:linear-gradient(150deg,#f2f8f3,#fff 58%,#fbfaf5)!important;box-shadow:0 12px 30px rgba(20,55,34,.07)!important;
}
#customerChatModal.order-only-mode .commerce-order-checkout:before{content:"01";position:absolute;right:16px;top:16px;color:rgba(40,96,68,.13);font:950 34px/1 system-ui,sans-serif}
#customerChatModal .commerce-order-checkout .commerce-kicker{position:relative;display:inline-flex;padding:5px 8px;border-radius:999px;background:#e1f0e4;color:#246143;font:900 9px/1 system-ui,sans-serif!important;letter-spacing:.13em!important}
#customerChatModal .commerce-order-checkout h4{position:relative;margin:10px 0 6px!important;color:var(--tsp-premium-ink)!important;font:900 18px/1.2 system-ui,sans-serif!important;letter-spacing:-.035em!important}
#customerChatModal .commerce-account-note{position:relative;margin:0 0 13px!important;padding:10px 11px!important;border:1px solid rgba(40,96,68,.12)!important;border-radius:12px!important;background:rgba(255,255,255,.72)!important;color:#607166!important;font:650 11px/1.5 system-ui,sans-serif!important}
#customerChatModal .commerce-grid{position:relative;gap:10px!important}
#customerChatModal .commerce-order-checkout label{color:#4e6658!important;font:900 10px/1.2 system-ui,sans-serif!important;letter-spacing:.05em!important}
#customerChatModal .commerce-order-checkout input,#customerChatModal .commerce-order-checkout select{
  height:44px!important;margin-top:6px!important;border:1px solid rgba(20,52,33,.16)!important;border-radius:11px!important;
  background:rgba(255,255,255,.92)!important;color:var(--tsp-premium-ink)!important;font:700 12px/1 system-ui,sans-serif!important;
}
#customerChatModal .commerce-order-checkout input:focus,#customerChatModal .commerce-order-checkout select:focus{border-color:#46805d!important;box-shadow:0 0 0 3px rgba(40,96,68,.12)!important}
#customerChatModal .commerce-inline-status{position:relative;margin-top:12px!important;padding:10px 11px!important;border-radius:11px!important;background:#edf6ef!important;color:#39684b!important;font:750 11px/1.45 system-ui,sans-serif!important}
#customerChatModal .commerce-pay-box{position:relative;border-color:rgba(40,96,68,.16)!important;border-radius:13px!important;background:#fff!important}

/* Email updates and the gold conversion control finish the order pane. */
#customerChatModal.order-only-mode .order-email-card{
  border:1px solid rgba(202,149,31,.20)!important;border-radius:18px!important;
  background:linear-gradient(135deg,#fff9e8,#fff)!important;box-shadow:0 10px 26px rgba(139,95,6,.06)!important;
}
#customerChatModal.order-only-mode .order-email-card-copy .eyebrow{color:#956500!important}
#customerChatModal.order-only-mode .order-email-card-copy strong{color:var(--tsp-premium-ink)!important;font-weight:900!important}
#customerChatModal.order-only-mode .order-email-form{border-color:rgba(202,149,31,.28)!important;box-shadow:0 8px 18px rgba(139,95,6,.06)!important}
#customerChatModal.order-only-mode .order-email-form .btn{border-color:#1b5639!important;background:#1b5639!important;color:#fff!important}
#customerChatModal.order-only-mode #customerPlaceOrderButton{background:linear-gradient(135deg,#f9c241,#e99b00)!important;border-color:#f3a712!important;color:#172033!important;box-shadow:0 12px 24px rgba(175,116,0,.24)!important}
#customerChatModal.order-only-mode #customerPlaceOrderButton.order-placed-pending{background:linear-gradient(135deg,#f9c241,#e99b00)!important}

@media(max-width:620px){
  #customerChatModal[data-chat-mode="question"] .chat-purchase-panel,#customerChatModal.order-only-mode .chat-purchase-panel,#customerChatModal.order-only-mode .commerce-order-checkout{padding:13px!important;border-radius:16px!important}
  #customerChatModal .commerce-order-checkout h4{font-size:16px!important}
  #customerChatModal .commerce-grid{grid-template-columns:1fr!important}
  #customerChatModal .commerce-grid .full{grid-column:auto!important}
  #customerChatModal .chat-connection-actions{width:100%}
  #customerChatModal .chat-connection-actions button,#customerChatModal .chat-connection-actions a{flex:1 1 140px}
}