.ticket-chat[hidden]{display:none!important}.ticket-chat{margin:16px auto;width:100%;max-width:900px;box-sizing:border-box}.chat-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.chat-heading h3{margin:0}.chat-context,.chat-status{font-size:13px;color:#526079;overflow-wrap:anywhere}.chat-messages{height:280px;overflow:auto;display:flex;flex-direction:column;gap:10px;background:#f4f7fb;padding:12px;border-radius:12px}.chat-message{align-self:flex-start;background:white;border:1px solid #dce4ef;border-radius:12px;padding:10px 13px;max-width:85%;overflow-wrap:anywhere;flex-shrink:0}.chat-message.mine{align-self:flex-end;background:#e4efff}.chat-message p{white-space:pre-wrap;margin:6px 0}.chat-message small{color:#667085}.chat-form{display:flex;align-items:end;gap:10px;margin-top:12px}.chat-form label{flex:1;min-width:0}.chat-form textarea{width:100%;box-sizing:border-box;resize:vertical;font:inherit}.chat-actions{display:flex;gap:8px;flex-wrap:wrap}@media(max-width:480px){.chat-form{display:block}.chat-form button{width:100%;margin-top:8px}.chat-messages{height:240px}}
/* Composer must not shrink beside the site's full-width primary buttons. */
.ticket-chat{grid-column:1/-1;min-width:0;max-width:100%;text-align:left}.ticket-chat .chat-form,.broadcast-card .chat-form{display:grid;grid-template-columns:minmax(0,1fr);align-items:stretch;gap:12px;width:100%}.ticket-chat .chat-form label,.broadcast-card .chat-form label{display:block;width:100%;min-width:0;margin:0}.ticket-chat .chat-form textarea,.broadcast-card .chat-form textarea{display:block;width:100%;min-width:0;min-height:100px;max-height:240px;padding:14px;font:inherit;line-height:1.5;resize:vertical;box-sizing:border-box}.ticket-chat .chat-form button,.broadcast-card .chat-form button{position:static;width:100%;min-width:0;margin:0}.ticket-chat .chat-messages{height:clamp(200px,38vh,360px);min-width:0}.ticket-chat .chat-message small{font-size:11px;font-weight:400;letter-spacing:normal;color:#667085}.chat-heading{flex-wrap:wrap}.broadcast-card{margin-top:16px;min-width:0}.chat-history-list{max-height:600px;overflow:auto}.chat-history-item{padding:14px;border-bottom:1px solid #e2e8f0;overflow-wrap:anywhere}.chat-history-item p{white-space:pre-wrap}.chat-history-controls{display:flex;gap:12px;flex-wrap:wrap;align-items:end}.chat-history-controls input{max-width:180px}@media(max-width:600px){.ticket-chat,.broadcast-card{padding:18px}.chat-message{max-width:94%}.dashboard .row{flex-wrap:wrap;gap:12px}.dashboard .row>div{min-width:0;overflow-wrap:anywhere}}
@font-face{font-family:ChatSinhala;src:url('../vendor/fonts/noto-sans-sinhala-sinhala-400-normal.woff2') format('woff2');font-display:swap}@font-face{font-family:ChatTamil;src:url('../vendor/fonts/noto-sans-tamil-tamil-400-normal.woff2') format('woff2');font-display:swap}.ticket-chat,.broadcast-card,.chat-history-item{font-family:Inter,system-ui,ChatSinhala,ChatTamil,sans-serif}

/* Keep visitor chat inside the visible queue status card, below its details. */
#ticket>.ticket-chat,#called>.ticket-chat,#finished>.ticket-chat{box-shadow:none;border-top:1px solid #e2e8f0;border-radius:0;padding:24px 0 0;margin:24px 0 0;text-align:left}