/* A single close mark: disable inherited decorative crosses. */
#customerChatModal[data-chat-layout="order"] .chat-mode-header>.close::before,
#customerChatModal[data-chat-layout="order"] .chat-mode-header>.close::after{content:none!important;display:none!important}
#customerChatModal[data-chat-layout="order"] .chat-mode-header>.close{display:flex!important;align-items:center!important;justify-content:center!important;text-indent:0!important;font-size:28px!important;line-height:1!important;color:#172033!important;-webkit-text-fill-color:#172033!important;transform:none!important}
#customerChatModal[data-chat-layout="order"] .chat-mode-header{position:relative!important;z-index:40!important;isolation:isolate!important;background:#fff!important;flex-shrink:0!important}
#customerChatModal[data-chat-layout="order"] .chat-mode-header .chat-action-bar{background:#fff!important;border:0!important;border-radius:0!important;box-shadow:none!important;gap:10px!important;align-items:center!important}
#customerChatModal[data-chat-layout="order"] .chat-mode-header .chat-action-pill{border:1px solid #d8dee8!important;box-shadow:none!important;background:#fff!important;color:#172033!important;border-radius:12px!important}
#customerChatModal[data-chat-layout="order"] .chat-mode-header .chat-action-pill.active{background:#172033!important;border-color:#172033!important;color:#fff!important}
#customerChatModal[data-chat-layout="order"] .chat-mode-header .chat-action-bar::before,
#customerChatModal[data-chat-layout="order"] .chat-mode-header .chat-action-bar::after,
#customerChatModal[data-chat-layout="order"] .chat-mode-header .chat-action-pill::before,
#customerChatModal[data-chat-layout="order"] .chat-mode-header .chat-action-pill::after{content:none!important;display:none!important}
/* Keep all three regions in the visible viewport's flex layout with a keyboard. */
#customerChatModal[data-chat-layout="order"][data-keyboard-open="true"] .chat-scroll-content{
 position:relative!important;inset:auto!important;flex:1 1 auto!important;height:auto!important;min-height:0!important;overflow-y:auto!important;
}
#customerChatModal[data-chat-layout="order"][data-keyboard-open="true"] .customer-chat-form{
 position:relative!important;inset:auto!important;flex:0 0 auto!important;max-height:none!important;overflow:visible!important;padding-bottom:max(8px,env(safe-area-inset-bottom))!important;
}
#customerChatModal[data-chat-layout="order"] #customerChatInput,
#customerChatModal[data-chat-layout="order"][data-keyboard-open="true"] #customerChatInput,
body.admin-chat-open .thread-compose textarea{
 resize:none!important;max-height:none!important;box-sizing:border-box!important;
 background:#fff!important;border:1px solid #c4cdd9!important;
 box-shadow:0 2px 8px #17203312!important;color:#172033!important;
 scrollbar-width:none!important;
}
#customerChatModal[data-chat-layout="order"] #customerChatInput:focus,
body.admin-chat-open .thread-compose textarea:focus{
 border-color:#172033!important;outline:2px solid #17203322!important;outline-offset:1px!important;
}
body.admin-chat-open .thread-compose textarea::-webkit-scrollbar{display:none!important}
body.admin-chat-open .admin-conversation-details{flex:0 0 auto;background:#f0f2f5;border-bottom:1px solid #dde2ea;max-height:35%;overflow:auto}
body.admin-chat-open .admin-conversation-details>summary{cursor:pointer;padding:10px 18px;font-size:12px;font-weight:650;color:#455164}
body.admin-chat-open .admin-conversation-details:not([open])>.thread-title{display:none!important}
body.admin-chat-open .admin-conversation-details .thread-title{padding:10px 18px!important;border:0!important}
body.admin-chat-open .thread-compose{position:relative!important;flex:0 0 auto!important}
@media(max-width:380px){
 #customerChatModal[data-chat-layout="order"] .chat-mode-header{padding-left:8px!important;padding-right:8px!important;gap:6px!important}
 #customerChatModal[data-chat-layout="order"] .chat-mode-header .chat-action-bar{gap:6px!important}
 #customerChatModal[data-chat-layout="order"] .chat-mode-header .chat-action-pill{font-size:10px!important;padding:8px 6px!important}
}