.messageWorkspace{display:grid;grid-template-columns:230px minmax(320px,1fr) 210px;gap:16px;align-items:start}.conversationList{display:flex;flex-direction:column;gap:8px;max-height:75vh;overflow:auto}.conversationList form{display:flex;gap:4px;flex-wrap:wrap}.conversationList input{min-width:0;width:100%}.conversationItem{display:flex;flex-direction:column;align-items:stretch;gap:6px;text-align:left;padding:14px;border:1px solid var(--border,#e2e8f0);border-radius:12px;background:white}.conversationItem.active{border-color:#2563eb;background:#eff6ff}.conversationContext{font-size:14px;overflow-wrap:anywhere}.chatPane{border:1px solid var(--border,#e2e8f0);border-radius:16px;background:white;overflow:hidden;min-width:0}.chatHeader{padding:16px;border-bottom:1px solid #e2e8f0}.chatHeader h2{font-size:18px}.chatHeader p{margin-top:8px}.chatHistory{height:min(48vh,520px);min-height:220px;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:14px;scrollbar-gutter:stable}.chatMessage{align-self:flex-start;max-width:88%;min-width:min(240px,100%);border:1px solid #e2e8f0;background:#f8fafc;border-radius:14px;padding:12px;overflow-wrap:anywhere}.chatMessage.mine{align-self:flex-end;background:#eff6ff;border-color:#dbeafe}.chatMessage .row{gap:8px;flex-wrap:wrap}.chatMessage details summary{cursor:pointer}.chatText{white-space:pre-wrap;overflow-wrap:anywhere;margin:8px 0}.chatQuote{border:1px solid #cbd5e1;border-radius:10px;background:white;padding:12px;display:flex;flex-direction:column;gap:8px}.chatFile{display:flex;flex-direction:column;gap:4px;padding:8px;background:white;border:1px solid #e2e8f0;border-radius:8px;margin:8px 0}.chatFile img{max-width:100%;max-height:180px;object-fit:contain}.chatComposer{padding:16px;border-top:1px solid #e2e8f0;display:flex;flex-direction:column;gap:10px}.chatComposer textarea{width:100%;resize:vertical}.chatComposer .button{padding:10px;border:1px solid #cbd5e1;border-radius:8px;cursor:pointer}.chatComposer button,.clientPortal button{min-height:44px}.chatPane [data-chat-pending]{padding:0 16px}.salesBoard{display:grid;grid-template-columns:repeat(7,minmax(200px,1fr));gap:12px;overflow-x:auto;padding-bottom:16px;scrollbar-gutter:stable}.salesColumn{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:12px;padding:12px;min-height:320px;display:flex;flex-direction:column;gap:10px}.salesColumn header{display:flex;justify-content:space-between;align-items:center;gap:8px}.salesColumn h2{font-size:15px}.dealCard{display:flex;flex-direction:column;gap:8px;background:white;padding:14px;border:1px solid #e2e8f0;border-radius:10px;text-align:left}.dealCard:hover,.reviewCard:hover{border-color:#93c5fd}.reviewGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-top:16px}.reviewCard{text-align:left;display:flex;flex-direction:column;gap:10px}.reviewCard .chatText{max-height:150px;overflow:hidden}.dangerText{color:#b91c1c}.visuallyHidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.clientPortal .panel{margin-top:16px}.clientPortal{max-width:840px}.clientPortal .chatHistory{height:420px}.proChatList{display:flex;flex-direction:column;gap:8px}.proCompanyFilter{width:100%;margin:12px 0}.termsCard{border-left:4px solid #2563eb}.submissionCard{border-left:4px solid #64748b}.quoteLine{padding:12px;border:1px solid #e2e8f0;border-radius:10px;margin-bottom:10px}.chatMessage button:focus-visible,.conversationItem:focus-visible,.dealCard:focus-visible{outline:3px solid #2563eb;outline-offset:2px}.messageWorkspace>*{min-width:0}
@media(max-width:1280px){.messageWorkspace{grid-template-columns:210px minmax(280px,1fr)}.conversationContext{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:12px}.conversationContext h3{font-size:14px}}
@media(max-width:767px){.messageWorkspace{grid-template-columns:minmax(0,1fr)}.conversationList{max-height:210px}.conversationContext{display:none}.chatHistory{height:44vh}.chatMessage{max-width:94%;min-width:min(200px,100%)}.chatHeader,.chatHistory,.chatComposer{padding:12px}.salesBoard{grid-template-columns:repeat(7,240px)}.reviewGrid{grid-template-columns:1fr}.clientPortal{padding:16px 12px}.clientPortal .chatHistory{height:44vh}.messageWorkspace .chatPane{width:100%}.chatComposer .row>span{width:100%}}

@media(min-width:1400px){.salesBoard{grid-template-columns:repeat(7,minmax(150px,1fr))}.salesColumn h2{font-size:13px;min-height:40px}}