/* css/sales-reps-messages.css — Sales Reps: Messages to customers (js/sales-reps-messages.js). After sales-reps.css. */
.srm-grid { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 16px; align-items: start; }
@media (max-width: 1100px) { .srm-grid { grid-template-columns: minmax(0, 1fr); } }
.srm .sr-setrow p .badge { margin-right: 6px; }
.srm-item { padding: 16px 20px; border-top: 1px solid var(--border-soft); }
.srm-item h3 { margin: 0 0 10px; font-size: 14px; font-weight: 600; }
.srm-pair { display: grid; grid-template-columns: minmax(0, 3fr) minmax(0, 2fr); gap: 14px; align-items: start; }
@media (max-width: 640px) { .srm-pair { grid-template-columns: minmax(0, 1fr); } }
.srm-email, .srm-text { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.srm-subject { margin: 0; font-size: 13.5px; font-weight: 600; overflow-wrap: anywhere; }
.srm-frame { width: 100%; height: 320px; border: 1px solid var(--border); border-radius: 10px; background: #fff; }
.srm-bubble {
  margin: 0; padding: 10px 12px; border-radius: 16px 16px 16px 4px; background: var(--surface-2); color: var(--text);
  font-size: 13.5px; line-height: 1.45; overflow-wrap: anywhere;
}