/* chat-tables.css — monochrome tables for PureMonograph chat / report surfaces */
.pm-chat table,
#chat-msgs table,
#ctd-msgs table,
#pm-out table,
#pm-followup-thread table,
#pm-iter-out table,
#tt-p1 table,
#tt-p2 table,
#tt-p3 table,
#tt-followup-thread table,
#design-followup-thread table,
#intel-followup-thread table,
#int-out table,
#dd-out table,
#msgs.pm-chat table,
.msgs.pm-chat table {
  border-collapse: collapse;
  width: 100%;
  margin: 1rem 0;
  font-size: 0.875rem;
  line-height: 1.4;
  font-variant-numeric: tabular-nums;
  border: 1px solid #e2e2e2;
  background: #fff;
  display: table;
}
.pm-chat thead th,
#chat-msgs thead th,
#ctd-msgs thead th,
#pm-out thead th,
#pm-followup-thread thead th,
#pm-iter-out thead th,
#tt-p1 thead th,
#tt-p2 thead th,
#tt-p3 thead th,
#tt-followup-thread thead th,
#design-followup-thread thead th,
#intel-followup-thread thead th,
#int-out thead th,
#dd-out thead th,
#msgs.pm-chat thead th,
.msgs.pm-chat thead th {
  background: #111;
  color: #fff;
  font-weight: 600;
  text-align: left;
  padding: 0.55rem 0.75rem;
  border-bottom: 1px solid #111;
  white-space: nowrap;
}
.pm-chat tbody td,
#chat-msgs tbody td,
#ctd-msgs tbody td,
#pm-out tbody td,
#pm-followup-thread tbody td,
#pm-iter-out tbody td,
#tt-p1 tbody td,
#tt-p2 tbody td,
#tt-p3 tbody td,
#tt-followup-thread tbody td,
#design-followup-thread tbody td,
#intel-followup-thread tbody td,
#int-out tbody td,
#dd-out tbody td,
#msgs.pm-chat tbody td,
.msgs.pm-chat tbody td {
  padding: 0.5rem 0.75rem;
  border-bottom: 1px solid #ededed;
  border-right: 1px solid #f2f2f2;
  vertical-align: top;
}
.pm-chat tbody tr:nth-child(even),
#chat-msgs tbody tr:nth-child(even),
#ctd-msgs tbody tr:nth-child(even),
#pm-out tbody tr:nth-child(even),
#pm-followup-thread tbody tr:nth-child(even),
#pm-iter-out tbody tr:nth-child(even),
#tt-p1 tbody tr:nth-child(even),
#tt-p2 tbody tr:nth-child(even),
#tt-p3 tbody tr:nth-child(even),
#tt-followup-thread tbody tr:nth-child(even),
#design-followup-thread tbody tr:nth-child(even),
#intel-followup-thread tbody tr:nth-child(even),
#int-out tbody tr:nth-child(even),
#dd-out tbody tr:nth-child(even),
#msgs.pm-chat tbody tr:nth-child(even),
.msgs.pm-chat tbody tr:nth-child(even) {
  background: #fafafa;
}
.pm-chat tbody tr:hover,
#chat-msgs tbody tr:hover,
#ctd-msgs tbody tr:hover,
#pm-out tbody tr:hover,
#pm-followup-thread tbody tr:hover,
#pm-iter-out tbody tr:hover,
#tt-p1 tbody tr:hover,
#tt-p2 tbody tr:hover,
#tt-p3 tbody tr:hover,
#tt-followup-thread tbody tr:hover,
#design-followup-thread tbody tr:hover,
#intel-followup-thread tbody tr:hover,
#int-out tbody tr:hover,
#dd-out tbody tr:hover,
#msgs.pm-chat tbody tr:hover,
.msgs.pm-chat tbody tr:hover {
  background: #f2f6ff;
}
.pm-chat td:last-child,
.pm-chat th:last-child,
#chat-msgs td:last-child,
#chat-msgs th:last-child,
#pm-out td:last-child,
#pm-out th:last-child {
  border-right: none;
}
.pm-chat .table-scroll,
#chat-msgs .table-scroll,
#ctd-msgs .table-scroll,
#pm-out .table-scroll,
#pm-followup-thread .table-scroll,
#pm-iter-out .table-scroll,
#tt-p1 .table-scroll,
#tt-p2 .table-scroll,
#tt-p3 .table-scroll,
#tt-followup-thread .table-scroll,
#design-followup-thread .table-scroll,
#intel-followup-thread .table-scroll,
#int-out .table-scroll,
#dd-out .table-scroll,
#msgs.pm-chat .table-scroll,
.msgs.pm-chat .table-scroll {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  margin: 1rem 0;
  max-width: 100%;
}
.pm-chat .table-scroll > table,
#chat-msgs .table-scroll > table,
#pm-out .table-scroll > table {
  margin: 0;
}
@media (max-width: 640px) {
  .pm-chat table,
  #chat-msgs table,
  #pm-out table,
  #msgs.pm-chat table {
    font-size: 0.8rem;
  }
  .pm-chat thead th,
  .pm-chat tbody td,
  #chat-msgs thead th,
  #chat-msgs tbody td,
  #pm-out thead th,
  #pm-out tbody td {
    padding: 0.4rem 0.5rem;
  }
}
body.dark .pm-chat table,
body.dark #chat-msgs table,
body.dark #pm-out table,
body.dark #msgs.pm-chat table {
  border-color: #2a3140;
  background: #141821;
}
body.dark .pm-chat thead th,
body.dark #chat-msgs thead th,
body.dark #pm-out thead th {
  background: #e6e8ee;
  color: #0d1117;
  border-bottom-color: #e6e8ee;
}
body.dark .pm-chat tbody td,
body.dark #chat-msgs tbody td,
body.dark #pm-out tbody td {
  border-bottom-color: #2a3140;
  border-right-color: #1c2230;
  color: #c8cdd8;
}
body.dark .pm-chat tbody tr:nth-child(even),
body.dark #chat-msgs tbody tr:nth-child(even),
body.dark #pm-out tbody tr:nth-child(even) {
  background: #1a1f2a;
}
body.dark .pm-chat tbody tr:hover,
body.dark #chat-msgs tbody tr:hover,
body.dark #pm-out tbody tr:hover {
  background: #1e2a3a;
}