.communications-toolbar { display:flex; gap:12px; padding:0 28px 20px; flex-wrap:wrap; }
#conversation-items, #inbox-items, #message-jobs { display:grid; gap:12px; margin:18px 0; }
.conversation-entry { padding:14px; border:1px solid #dce1e9; border-radius:6px; background:#fff; }
.conversation-entry.office-note { background:#fffaf1; border-color:#e0cba4; }
.conversation-entry p { white-space:pre-wrap; overflow-wrap:anywhere; margin:10px 0; line-height:1.5; }
.conversation-entry small { display:block; color:#687283; line-height:1.7; }
.conversation-entry button { margin-top:10px; }
#message-form { display:grid; gap:9px; border-top:1px solid #dce1e9; padding-top:16px; }
#message-form textarea, #message-form select, #message-job-search { font:inherit; padding:12px; border:1px solid #bdc5d1; border-radius:6px; width:100%; box-sizing:border-box; background:#fff; color:#242934; }
#message-form label { font-weight:600; color:#343e4d; font-size:13px; }
.ack-option { display:flex; gap:8px; align-items:center; min-height:44px; }
#conversation-error { color:#ad3444; }
#message-state { color:#687283; font-size:13px; }
@media(max-width:600px) { .communications-toolbar { padding:0 16px 16px; } }