/* One authenticated Shop conversation in the existing support overlay. */
.sup144-panel.shop-support-chat306{width:min(980px,100%);height:min(850px,calc(100dvh - 32px));max-height:calc(100dvh - 32px)}
.sup144-panel.shop-support-chat306 .sup144-content{flex:1;min-height:0;padding:0;overflow:hidden}
.shop-support-frame306{display:block;width:100%;height:100%;border:0;background:#f2f8f9}
.shop-support-embedded306>header{display:none}
.shop-support-embedded306 main#shop-support302{max-width:none;margin:0;padding:20px}
.shop-support-embedded306 .conversation .messages{max-height:min(45vh,470px)}
.support305 .support305-bubble.customer{margin-left:0;margin-right:auto}
.support305 .support305-bubble.staff{margin-left:auto;margin-right:0}
.support305 .support305-bubble.customer time,.support305 .support305-bubble.customer small{text-align:left}
.support305 .support305-bubble{padding:10px 13px;margin-block:7px}
.support305 .support305-bubble strong{margin-bottom:3px}
.support305 .support306-meta,.conversation .support306-meta{display:flex;align-items:center;gap:9px;flex-wrap:nowrap;margin-top:5px;color:#617b83;font-size:11px;line-height:1.25}
.support305 .support306-meta time,.support305 .support306-meta small,.conversation .support306-meta time,.conversation .support306-meta small{display:inline;margin:0;color:inherit;font-size:inherit;white-space:nowrap}
.conversation .message.customer{margin-left:0;margin-right:auto;background:#f5f9fa;border-color:#d6e5e8}
.conversation .message.staff{margin-left:auto;margin-right:0;background:#e4f7f7;border-color:#b9e7eb}
.conversation .message.customer time,.conversation .message.customer .read-status{text-align:left}
.conversation .message{padding:10px 13px;margin-block:7px}
.conversation .message .speaker{margin-bottom:3px}
@media(max-width:640px){
 .sup144-overlay.support-chat.open{padding:0}
 .sup144-panel.shop-support-chat306{width:100%;height:100dvh;max-height:100dvh;border:0;border-radius:0}
 .shop-support-embedded306 main#shop-support302{padding:15px 12px}
 .shop-support-embedded306 .conversation{padding:12px}
 .shop-support-embedded306 .conversation .messages{max-height:45vh}
}