/* The Inbox's three lists (pages/inbox.js InboxQueues) and the New connections / Milestones panes (pages/networking.js).
 * The split view itself is the Inbox's own (inbox.css). Every rule under html.ui-new. */
html.ui-new .ib-queues { display: flex; gap: 4px; margin: 0 0 12px; border-bottom: 1px solid var(--gray-100); overflow-x: auto; }
html.ui-new .ib-queue { flex: none; padding: 8px 10px 10px; font-size: var(--text-sm); color: var(--ink-600); text-decoration: none; border-bottom: 2px solid transparent; margin-bottom: -1px; white-space: nowrap; }
html.ui-new .ib-queue:hover { color: var(--ink-900, inherit); }
html.ui-new .ib-queue.is-on { color: var(--hr-purple); font-weight: var(--fw-semibold); border-bottom-color: var(--hr-purple); }
html.ui-new .ib-queue .ib-tab-n:not(:empty) { margin-left: 4px; }
html.ui-new .nw-page .ib-list-head { display: flex; align-items: center; gap: 8px; }
html.ui-new .nw-page .ib-list-head .btn { margin-left: auto; }
html.ui-new .nw-fact { margin: 0 0 12px; font-size: 13px; }
html.ui-new .nw-off { margin: 0 0 12px; padding: 8px 12px; border-radius: 8px; background: var(--warning-50, var(--gray-50)); font-size: 13px; }
html.ui-new .nw-compose { max-width: 640px; }
html.ui-new .nw-text { display: block; width: 100%; margin: 0 0 8px; padding: 10px 12px; font: inherit; font-size: 14px; border: 1px solid var(--gray-200); border-radius: 8px; resize: vertical; box-sizing: border-box; min-height: 88px; }
html.ui-new .nw-acts { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; }
html.ui-new .nw-gap { flex: 1; }
html.ui-new .nw-note { margin: 8px 0 0; font-size: 13px; }
html.ui-new .nw-note.is-bad { color: var(--danger, var(--gray-700)); }
html.ui-new .nw-page .ib-head { flex-wrap: wrap; }
@media (max-width: 640px) {
  html.ui-new .nw-page .ib-head > .avatar { display: none; }
  html.ui-new .nw-page .ib-head-who { flex-basis: 100%; }
}