.communications-layout{display:grid;grid-template-columns:minmax(220px,1fr) minmax(330px,2fr);gap:18px;margin-top:18px}
.communications-layout>.panel{padding:18px;min-width:0}
.communications-thread{display:flex;flex-direction:column;align-items:flex-start;gap:6px;width:100%;border:1px solid #dce5e1;border-radius:10px;background:#fff;text-align:left;padding:12px;margin:9px 0;cursor:pointer;color:#243a32}
.communications-thread.active{background:#edf6f0;border-color:#77ab92}
.communications-thread small,.communications-message small{font-size:.76rem;color:#6b7b72}
.communications-messages{max-height:55vh;overflow:auto;margin:15px 0}
.communications-message{border-bottom:1px solid #e4ebe7;padding:11px 0;overflow-wrap:anywhere}
.communications-message small{margin-left:10px}
.communications-message p{white-space:pre-wrap;margin:7px 0}
.communications-reply,.communications-compose-form{display:grid;gap:10px;margin:14px 0}
.communications-reply textarea,.communications-compose-form textarea{min-height:90px;resize:vertical}
.communications-compose-form input,.communications-compose-form textarea,.communications-compose-form select{padding:10px;max-width:100%;border:1px solid #b9c9c2;border-radius:8px}
#communicationsComposer{padding:22px;margin-top:16px}
#communicationsOverviewAlert{margin:10px 0}
#communicationsNavUnread[hidden],#communicationsMore[hidden],#communicationsOverviewAlert[hidden],#communicationsComposer[hidden]{display:none!important}
@media(max-width:750px){.communications-layout{grid-template-columns:1fr}}