#chat .chat-layout{display:grid;grid-template-columns:minmax(220px,1fr) minmax(0,2fr);gap:20px}#chat .chat-contact{display:block;width:100%;text-align:left;margin:8px 0;background:#f2f6fc;color:#123d78;border:1px solid #d6e2f4;white-space:normal;overflow-wrap:anywhere}#chat .chat-contact span,#chat .chat-contact small{display:block;margin-top:5px}#chat .chat-selected{border:2px solid #18508f}#chat .chat-contact b{display:inline-block;border-radius:12px;background:#18508f;color:white;padding:3px 8px;margin-top:6px}#chat .chat-log{max-height:420px;overflow-y:auto;padding:10px;border:1px solid #d6e2f4;border-radius:14px;background:#f7f9fc}#chat .chat-bubble{background:white;border:1px solid #d6e2f4;border-radius:12px;padding:12px;margin:10px 30px 10px 0}#chat .chat-mine{background:#e7f0fd;margin:10px 0 10px 30px}#chat .chat-bubble p{white-space:pre-wrap;overflow-wrap:anywhere;margin-bottom:0}#chat label{display:block;margin:12px 0}#chat textarea{width:100%;box-sizing:border-box;min-height:110px}#chat .chat-error{background:#fff0ed;color:#9e2716;padding:14px}#chat small{color:#50688b}#chat button{margin:4px 0}#chat h2 span{font-size:.75em;color:#18508f}@media(max-width:700px){#chat .chat-layout{grid-template-columns:1fr}#chat .chat-log{max-height:330px}}