.order-chat-section{overflow:hidden}.order-chat-section>.head{display:flex;align-items:center;justify-content:space-between}.order-chat{background:#f7f9f8}.oc-list{display:flex;flex-direction:column;gap:8px;max-height:310px;overflow:auto;padding:12px}.oc-message{align-self:flex-start;width:min(86%,680px);padding:9px 11px;border:1px solid #d7ded9;border-radius:4px 12px 12px 12px;background:#fff}.oc-message.mine{align-self:flex-end;border-color:#bfd2c7;border-radius:12px 4px 12px 12px;background:#eaf3ee}.oc-message-meta{display:flex;justify-content:space-between;gap:12px;margin-bottom:4px;color:#526159;font-size:11px}.oc-message-meta b{color:#33483d;font-size:12px}.oc-message-meta time{white-space:nowrap}.oc-message-text{overflow-wrap:anywhere;white-space:normal;line-height:1.38}.oc-compose{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;padding:10px 12px;border-top:1px solid #dce3df;background:#fff}.oc-compose textarea{width:100%;min-height:58px;max-height:150px;resize:vertical;padding:9px 10px;border:1px solid #bdc8c1;border-radius:9px;background:#fff}.oc-send{align-self:stretch;min-width:108px;background:#4f6b5c;color:#fff;border-color:#4f6b5c}.oc-hint{grid-column:1;color:#6c766f}.oc-state{grid-column:2;text-align:right;color:#4f6b5c;font-size:11px}.oc-empty{padding:18px;color:#6c766f;text-align:center}.oc-empty-list{padding:28px 12px}
@media(max-width:900px){.oc-list{max-height:360px;padding:10px}.oc-message{width:92%;padding:9px 10px}.oc-compose{grid-template-columns:minmax(0,1fr) 96px;padding:9px}.oc-compose textarea{min-height:52px;font-size:16px}.oc-send{min-width:0;min-height:52px;padding:7px}.oc-hint{font-size:10px}.oc-state{font-size:10px}}
@media(max-width:430px){.oc-message{width:96%}.oc-message-meta{gap:6px}.oc-compose{grid-template-columns:minmax(0,1fr) 82px;gap:6px}.oc-send{font-size:13px}.oc-hint{grid-column:1/-1}.oc-state{display:none}}