/* v220: make the live order state visible and preserve the existing palette. */
#customerChatModal .commerce-contact-reminder{
  display:grid;gap:3px;margin:12px 0 14px;padding:11px 12px;
  border:1px solid rgba(20,20,22,.09);border-radius:14px;background:#fff;
  color:#555;font-size:11px;line-height:1.45;
}
#customerChatModal .commerce-contact-reminder b{color:#172033;font-size:11px}
#customerChatModal .chat-name-field,#customerChatModal .chat-phone-field{min-width:0}
#customerChatModal .chat-name-field input,#customerChatModal .chat-phone-field input{min-width:0}
#customerChatModal .chat-action-bar .chat-order-state{
  display:inline-flex;align-items:center;justify-content:center;text-align:center;
}
.admin-order-location{
  display:inline-flex;align-items:center;margin:9px 0 0;padding:7px 9px;
  border:1px solid rgba(20,20,22,.13);border-radius:10px;color:#172033;
  background:#fff;text-decoration:none;font-size:11px;font-weight:800;
}
.admin-order-location:hover{border-color:#172033}
@media (max-width:620px){
  /* v201 hid this chip on phones; an accepted order must be visible there. */
  #customerChatModal .chat-action-bar .chat-order-state{
    display:inline-flex!important;grid-column:1/-1!important;justify-self:start!important;
    max-width:100%!important;min-height:30px!important;white-space:normal!important;
    overflow:visible!important;text-overflow:clip!important;
  }
  #customerChatModal .commerce-contact-reminder{font-size:10px}
  #customerChatModal .chat-scroll-content{overscroll-behavior:contain;scroll-behavior:smooth}
}
@media (prefers-reduced-motion:no-preference){
  @media (max-width:760px){html{scroll-behavior:smooth}}
}