/* Fictional communications previews; all actions stay in the page. */
.communications-section { background: #fff; }
.communications-section h2 { padding-top: 0; }
.communications-section h2::after { display: none; }
.comm-chip { padding: 2px 8px; border-radius: 20px; background: #edf0e8; color: #56624b; font-size: 12px; line-height: 1.5; font-weight: 400; white-space: nowrap; }
.comm-simple-screen { min-width: 0; border: 1px solid #d8d3c8; border-radius: 8px; background: white; overflow: hidden; box-shadow: 0 12px 28px -23px #443a2d66; }
.comm-simple-screen [hidden] { display: none; }
.comm-simple-threads { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; padding: 24px; }
.comm-simple-thread { min-width: 0; }
.comm-simple-thread h4 { margin: 0 0 13px; font-size: 15px; font-weight: 500; }
.comm-simple-thread h4 > span { color: #718568; margin-right: 5px; }
.comm-simple-incoming, .comm-simple-outgoing { font-size: 15px; line-height: 1.6; border-radius: 5px; padding: 12px 13px; }
.comm-simple-incoming { background: #f6f5f1; color: #655f55; }
.comm-simple-outgoing { margin-top: 13px; background: #edf2e9; color: #3f5236; border-left: 2px solid #839778; }
.comm-simple-outgoing strong { font-weight: 500; }
.comm-simple-draft { margin: 0 24px 23px; border: 1px solid #ded9d0; border-radius: 5px; padding: 17px 20px; }
.comm-simple-draft > span { display: block; font-size: 12px; color: var(--muted); margin-bottom: 10px; }
.comm-simple-draft p { font-size: 15px; line-height: 1.75; }
.comm-simple-draft mark { padding: 2px 4px; border-radius: 3px; color: #8c2935; background: #f8eceb; }
.comm-simple-context { border-top: 1px solid #e4e0d7; margin: 0 24px; }
.comm-simple-context > summary { cursor: pointer; padding: 14px 0 17px; font-size: 13px; color: var(--muted); }
.comm-context-clients { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; padding: 0 0 20px; }
.comm-context-clients strong { display: block; font-size: 14px; margin-bottom: 6px; font-weight: 500; }
.comm-context-clients span { display: inline-block; font-size: 11px; padding: 3px 7px; border-radius: 4px; margin: 0 3px 4px 0; background: #eef1e8; color: #526447; }
.comm-context-clients p { font-size: 12px; color: #777266; border-left: 2px solid #e0ded5; padding-left: 10px; margin-top: 8px; line-height: 1.6; }
@media (max-width: 950px) and (min-width: 651px) {
  #comm-panel-replies .comm-story-grid { grid-template-columns: 1fr; }
  #comm-panel-replies .comm-story-copy > p { max-width: none; }
}
@media (max-width: 650px) {
  .comm-simple-threads { grid-template-columns: 1fr; padding: 20px 16px; gap: 18px; }
  .comm-simple-incoming, .comm-simple-outgoing { font-size: 14px; }
  .comm-simple-draft { margin: 0 16px 20px; padding: 14px; }
  .comm-simple-draft p { font-size: 14px; }
  .comm-simple-context { margin: 0 16px; }
  .comm-context-clients { grid-template-columns: 1fr; }
}