/* Messaging host (P3.14, /settings/messaging-host, web/messaging-host-admin.js). Screen-local only: everything else is DS. */
.mh .mh-titlerow { display: flex; align-items: center; gap: var(--s-3); flex-wrap: wrap; }
.mh .mh-titlerow .h-page-head__title { margin: 0; }
.mh .mh-stats4 { margin-bottom: var(--s-6); }
.mh .mh-stat-value { font-size: 20px; }
.mh .mh-section { margin-top: 0; }
.mh .mh-log { max-width: 100%; box-sizing: border-box; font: 400 12px/1.7 var(--font-mono); background: var(--bg-sunken); border-radius: var(--r-md); padding: 12px 14px; overflow-x: auto; white-space: pre; color: var(--text); }
.mh .mh-log .lv-warn { color: var(--warn); }
.mh .mh-log .lv-err { color: var(--danger); }
.mh .mh-log .t { color: var(--text-2); }
.mh .mh-log--empty { font-family: var(--font-sans); white-space: normal; color: var(--text-2); }
.mh .mh-err { font: 400 var(--fs-12)/1.5 var(--font-mono); opacity: .85; }
.mh .h-toolbar .mh-range { width: auto; }
.mh-backdrop .mh-note { font-size: var(--fs-12); color: var(--text-2); margin: 0; }
.mh .mh-skel { display: grid; gap: var(--s-4); margin-top: var(--s-6); }
.mh .mh-skel i { display: block; height: 96px; border-radius: var(--r-lg); background: var(--bg-sunken); }
@media (max-width: 640px) {
  .mh .h-table--cards td.is-shrink { justify-content: flex-start; padding-top: 8px; }
  .mh .h-table--cards td.is-shrink:empty { display: none; }
  .mh .mh-stats4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .mh .mh-stats4 .h-stat { padding: 12px 14px; }
  .mh .mh-stats4 .mh-stat-value { font-size: 17px; }
}