.conversation-summary { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 12px; margin: 18px 0; }
.conversation-summary div { background: #fff; border: 1px solid #e4e9e6; border-radius: 12px; padding: 14px 16px; }
.conversation-summary strong,.conversation-summary span { display:block; }
.conversation-summary strong { font-size: 24px; }
.conversation-summary span { color:#63716c; font-size:12px; margin-top:2px; }
.conversation-card { overflow: hidden; }
.conversation-head { align-items:end; }
.conversation-tools { display:flex; gap:9px; }
.conversation-tools input { width:min(360px,38vw); }
.conversation-table-head,.conversation-table-row { display:grid; grid-template-columns:minmax(190px,1.3fr) minmax(180px,1fr) minmax(250px,2fr) 82px 126px 35px 70px; gap:14px; align-items:center; }
.conversation-table-head { padding:9px 18px; background:#f7f9f8; border-top:1px solid #e8ecea; border-bottom:1px solid #dde4e0; color:#718079; font-size:10px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.conversation-item { border-bottom:1px solid #edf1ef; }
.conversation-item:last-child { border-bottom:0; }
.conversation-item summary { list-style:none; }
.conversation-item summary::-webkit-details-marker { display:none; }
.conversation-table-row { cursor:pointer; padding:13px 18px; min-height:62px; transition:background .15s ease; }
.conversation-table-row:hover,.conversation-item[open] .conversation-table-row { background:#f7faf8; }
.conversation-table-row strong,.conversation-table-row small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.conversation-table-row strong { font-size:13px; }
.conversation-table-row small { color:#7a8681; font-size:11px; margin-top:3px; }
.conversation-preview { color:#56645f; font-size:12px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.conversation-preview b { color:#2d3d37; }
.conversation-status { display:inline-block; border-radius:999px; background:#e9eeeb; color:#4d5d56; padding:4px 8px; font-size:10px; font-weight:800; white-space:nowrap; }
.conversation-status.status-awaiting_reply { background:#e9f2ff; color:#195ead; }
.conversation-status.status-active { background:#e1f5e9; color:#17613d; }
.conversation-status.status-needs_review { background:#fff0dd; color:#9a4e00; }
.conversation-status.status-bounced,.conversation-status.status-opted_out { background:#f2e9eb; color:#8a3243; }
.conversation-thread { background:#f7f9f8; border-top:1px solid #e4e9e6; padding:18px 20px 22px; }
.conversation-warning { display:flex; gap:8px; align-items:center; margin:0 0 14px; padding:10px 12px; border-radius:9px; background:#fff0dd; color:#884600; font-size:12px; }
.thread-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:14px; margin-bottom:16px; }
.thread-heading strong,.thread-heading small { display:block; }
.thread-heading small { color:#65736d; margin-top:3px; }
.message-bubble { max-width:780px; margin:10px 0; padding:12px 14px; border:1px solid #dfe6e2; border-radius:12px; background:#fff; }
.message-bubble.outbound { margin-left:auto; background:#edf6f1; border-color:#d3e6dc; }
.message-bubble small { color:#6f7c76; }
.message-bubble p { white-space:pre-wrap; margin:7px 0 0; font-size:13px; line-height:1.5; }
.outreach-card { margin-top:18px; }
@media (max-width: 1200px) {
  .conversation-head { display:block; }
  .conversation-tools { margin-top:12px; }
}
.conversation-row {
  display: flex;
  justify-content: space-between;
  gap: 14px;
  padding: 17px 20px;
  border-bottom: 1px solid #edf1ef;
}
.conversation-row strong,
.conversation-row small { display: block; }
.conversation-row .badge { margin-left: 7px; }
.conversation-row p {
  color: #42524c;
  margin: 8px 0;
  white-space: pre-wrap;
}
.conversation-row a {
  height: max-content;
  text-decoration: none;
  white-space: nowrap;
}
@media (max-width: 900px) {
  .conversation-table-head,.conversation-table-row { grid-template-columns:minmax(120px,1fr) minmax(160px,1.5fr) 66px 100px; }
  .conversation-table-head span:nth-child(2),.conversation-table-head span:nth-child(6),.conversation-table-head span:nth-child(7),.conversation-table-row>span:nth-child(2),.conversation-table-row>span:nth-child(6),.conversation-table-row>span:nth-child(7) { display:none; }
}
@media (max-width: 760px) {
  .conversation-row { flex-direction: column; }
  .conversation-summary { grid-template-columns:repeat(2,1fr); }
  .conversation-head { align-items:stretch; }
  .conversation-tools { flex-direction:column; width:100%; }
  .conversation-tools input { width:100%; }
  .conversation-table-head { display:none; }
  .conversation-table-row { grid-template-columns:1fr auto; gap:7px 12px; }
  .conversation-table-row>span:nth-child(3) { grid-column:1/-1; grid-row:2; }
  .conversation-table-row>span:nth-child(4) { grid-column:2; grid-row:1; }
  .conversation-table-row>span:nth-child(5) { grid-column:1/-1; grid-row:3; }
  nav { justify-content: flex-start; }
}