.customer-contact-tools{display:flex;flex-direction:column;gap:12px;padding:14px 18px;min-width:0}.customer-contact-actions{display:grid;gap:12px;min-width:0;width:100%}.customer-contact-route-buttons{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.customer-contact-actions small{display:block;line-height:1.9;opacity:.85}.customer-contact-actions button{max-width:100%;white-space:normal}.customer-contact-actions button:focus-visible,.customer-contact-actions textarea:focus-visible,.customer-contact-actions select:focus-visible{outline:2px solid #00a9b2;outline-offset:3px}.customer-reply-panel{display:grid;gap:12px;min-width:0;padding:16px;border:1px solid rgba(125,155,176,.35);border-radius:20px;background:rgba(210,229,240,.12);backdrop-filter:blur(16px)}.customer-reply-head{display:flex;flex-wrap:wrap;align-items:start;justify-content:space-between;gap:12px}.customer-reply-panel label{display:grid;gap:8px;min-width:0}.customer-reply-panel textarea,.customer-reply-panel select{width:100%;max-width:100%;box-sizing:border-box}.customer-reply-panel textarea{min-height:100px;resize:vertical}.customer-reply-messages{display:flex;flex-direction:column;gap:10px;max-height:300px;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;padding:5px;min-width:0}.customer-reply-message{max-width:92%;padding:12px;border-radius:15px;border:1px solid rgba(125,155,176,.25);background:rgba(210,229,240,.12);overflow-wrap:anywhere;min-width:0}.customer-reply-message p{white-space:pre-wrap;line-height:1.9;margin:6px 0}.customer-reply-message.inbound{align-self:flex-start}.customer-reply-message.outbound{align-self:flex-end;background:rgba(0,163,174,.13)}.customer-contact-actions .inline-error{overflow-wrap:anywhere}.customer-contact-actions .inline-error button{margin:6px}.customer-reply-panel>button{justify-self:start}@media(max-width:600px){.customer-contact-tools{padding:12px}.customer-reply-panel{padding:12px}.customer-contact-route-buttons>button{flex:1 1 145px;min-width:0}.customer-reply-head>button{width:100%}.customer-reply-message{max-width:100%}}

.customer-reply-live{border:1px solid rgba(0,163,174,.3);border-radius:12px;padding:6px 10px;background:rgba(0,163,174,.09)}.customer-reply-messages{scroll-behavior:auto;overflow-anchor:none}