.communication-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.communication-heading :is(h1,h2){margin:0}.communication-heading p{color:#52647a;margin:6px 0}.communication-filters{grid-template-columns:2fr 1fr;gap:16px;display:grid}.communication-columns{grid-template-columns:minmax(240px,1fr) minmax(0,2fr);align-items:start;gap:20px;display:grid}.communication-list{gap:10px;max-height:700px;display:grid;overflow:auto}.communication-list>button,.communication-attention>button{text-align:left;color:#1c3556;font:inherit;cursor:pointer;background:#fff;border:1px solid #d4dce8;border-radius:12px;gap:6px;padding:16px;display:grid}.communication-list>button.selected{background:#f7f5ff;border-color:#5e54aa;box-shadow:inset 4px 0 #5e54aa}.communication-list small{color:#52647a}.communication-thread{gap:16px;max-height:600px;padding:0;list-style:none;display:grid;overflow:auto}.communication-thread li{background:#edf7f3;border-left:3px solid #40806e;border-radius:12px;padding:14px}.communication-thread li[data-direction=Sent]{background:#eef3fa;border-color:#416d97}.communication-thread li[data-direction=Internal]{background:#fff8e9;border-color:#b88925}.communication-thread li>div{flex-wrap:wrap;justify-content:space-between;gap:12px;display:flex}.communication-thread p{white-space:pre-wrap;overflow-wrap:anywhere}.communication-thread time,.communication-help{color:#52647a;font-size:.875rem}.communication-attention{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;margin-bottom:14px;display:grid}@media (width<=700px){.communication-columns,.communication-filters{grid-template-columns:1fr}.communication-list{max-height:380px}}