/* ============================================================
   INTAKE — pipeline surface (top-level, sibling to Settings)
   ============================================================ */

.tool-pane--intake { overflow: auto; }
.it {
  padding: 20px 24px 60px;
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.it-head {
  display: flex; align-items: flex-start; justify-content: space-between; gap: 18px;
  padding: 0 0 16px;
  border-bottom: 1px solid var(--stroke);
}
.it-head__l { flex: 1; min-width: 0; }
.it-head__title { font-family: var(--font-head); font-weight: 600; font-size: 26px; letter-spacing: -0.02em; margin: 4px 0 6px; }
.it-head__sub { margin: 0; font-size: 13px; color: var(--fg2); max-width: 720px; text-wrap: pretty; line-height: 1.5; }
.it-head__sub strong { color: var(--fg1); }
.it-head__r { display: flex; gap: 8px; flex-shrink: 0; padding-top: 10px; }

[data-mode="banzai"] .it-head { border-color: rgba(255,255,255,0.10); }

/* stat strip — reuse Lead Home styling, slight density bump */
.it-stats {
  background: var(--bg-primary);
}
.it-stats .lh-stat {
  padding: 12px 16px;
}
.it-stats .lh-stat__v { font-size: 22px; }

/* Channel filter row */
.it-channels {
  display: flex; gap: 6px; flex-wrap: wrap;
  padding: 0;
  background: transparent;
  border: 0;
  border-radius: var(--radius);
}
.it-channel {
  display: inline-flex; align-items: center; gap: 6px;
  padding: 6px 10px;
  border: 1px solid var(--stroke);
  background: var(--bg-primary);
  border-radius: var(--radius);
  font-size: 12px;
  color: var(--fg2);
}
.it-channel:hover { background: var(--bg-elevated); color: var(--fg1); border-color: var(--stroke-firm); }
.it-channel.is-on { background: var(--ink); color: #fff; border-color: var(--ink); }
.it-channel .t-label { background: rgba(26,26,26,0.06); color: var(--fg3); padding: 1px 6px; border-radius: var(--radius); font-size: 9px; }
.it-channel.is-on .t-label { background: rgba(255,255,255,0.15); color: rgba(255,255,255,0.85); }
.it-channel__l { font-family: var(--font-body); font-weight: 600; }
.it-channel__trust { color: #2e7d50; font-size: 12px; font-weight: 700; }
.it-channel.is-on .it-channel__trust { color: #6ee7a4; }

.it-channel__dot {
  width: 8px; height: 8px; border-radius: 50%; display: inline-block;
}
.it-channel__dot--ink    { background: #1A1A1A; }
.it-channel__dot--violet { background: #7c3aed; }
.it-channel__dot--amber  { background: #d97706; }
.it-channel__dot--teal   { background: #14b8a6; }
.it-channel__dot--sand   { background: #c69968; }
.it-channel__dot--moss   { background: #2e7d50; }
.it-channel__dot--slate  { background: #64748b; }
.it-channel__dot--all    { background: linear-gradient(135deg, #7c3aed, #d97706 50%, #14b8a6); }

[data-mode="banzai"] .it-channel { background: rgba(255,255,255,0.04); border-color: rgba(255,255,255,0.10); color: rgba(255,255,255,0.85); }
[data-mode="banzai"] .it-channel.is-on { background: #fff; color: #141412; border-color: #fff; }
[data-mode="banzai"] .it-channel .t-label { background: rgba(255,255,255,0.06); }

/* promotion-biased workbench */
.it-queues {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 8px;
}
.it-queue {
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 14px;
  border: 1px solid var(--stroke);
  border-radius: var(--radius);
  background: var(--bg-primary);
  text-align: left;
  color: var(--fg2);
}
.it-queue:hover { background: var(--row-hover); color: var(--fg1); border-color: var(--stroke-firm); }
.it-queue.is-on {
  background: var(--ink);
  color: #fff;
  border-color: var(--ink);
}
.it-queue span:first-child {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.it-queue strong {
  font-family: var(--font-body);
  font-size: 13px;
  font-weight: 600;
}
.it-queue small {
  color: var(--fg3);
  font-size: 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.it-queue.is-on small { color: rgba(255,255,255,0.68); }
.it-queue .mono {
  min-width: 24px;
  height: 24px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--radius);
  background: rgba(26,26,26,0.06);
  font-size: 12px;
}
.it-queue.is-on .mono { background: rgba(255,255,255,0.14); }

.it-toolbar {
  display: grid;
  grid-template-columns: minmax(260px, 1fr) 180px 220px;
  gap: 10px;
  align-items: end;
}
.it-search,
.it-select {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.it-search input,
.it-select select {
  width: 100%;
  min-height: 36px;
  border: 1px solid var(--stroke);
  border-radius: var(--radius);
  background: var(--bg-primary);
  color: var(--fg1);
  padding: 8px 10px;
  font-size: 13px;
}
.it-search input:focus,
.it-select select:focus {
  outline: 2px solid rgba(237,8,0,0.16);
  border-color: rgba(237,8,0,0.34);
}

/* 2-column shell: priority table · detail */
.it-shell {
  display: grid;
  grid-template-columns: minmax(560px, 1fr) minmax(320px, 390px);
  gap: 14px;
  align-items: start;
}

.it-lanes {
  background: transparent;
  border: 0;
  border-radius: 0;
  padding: 2px 0;
  display: flex; flex-direction: column; gap: 2px;
  position: sticky; top: 96px;
}
.it-lanes .t-label { padding: 4px 8px 8px; }
.it-lane {
  display: flex; align-items: center; justify-content: space-between; gap: 8px;
  padding: 10px 10px;
  border: 1px solid transparent;
  border-radius: var(--radius);
  text-align: left;
  color: var(--fg2);
}
.it-lane:hover { background: var(--row-hover); color: var(--fg1); border-color: var(--stroke); }
.it-lane.is-on {
  background: var(--bg-elevated);
  color: var(--fg1);
  border-color: rgba(237,8,0,0.30);
  box-shadow: inset 0 0 0 1px rgba(237,8,0,0.10);
}
.it-lane__l { display: flex; flex-direction: column; gap: 1px; min-width: 0; }
.it-lane__label { font-family: var(--font-body); font-weight: 600; font-size: 13px; }
.it-lane__l .t-label { font-size: 9px; color: var(--fg3); padding: 0; }
.it-lane__count { font-size: 12px; color: var(--fg2); padding: 2px 6px; background: rgba(26,26,26,0.06); border-radius: var(--radius); }
.it-lane.is-on .it-lane__count { background: rgba(237,8,0,0.10); color: var(--red); }

[data-mode="banzai"] .it-lane__count { background: rgba(255,255,255,0.06); color: rgba(255,255,255,0.7); }

/* Main list */
.it-list {
  background: var(--bg-elevated);
  border: 1px solid var(--stroke);
  border-radius: var(--radius);
  overflow: hidden;
}
.it-list__hd {
  display: flex; align-items: center; justify-content: space-between; gap: 12px;
  padding: 12px 16px;
  border-bottom: 1px solid var(--stroke);
  background: var(--bg-primary);
}
.it-list__hd p {
  margin: 4px 0 0;
  color: var(--fg3);
  font-size: 12px;
}
.it-list__hd-r { display: flex; gap: 8px; }
.it-bulk {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  flex-wrap: wrap;
}
.it-bulk strong {
  font-size: 12px;
  color: var(--fg1);
}
[data-mode="banzai"] .it-list { background: var(--bg-elevated); border-color: rgba(255,255,255,0.10); }
[data-mode="banzai"] .it-list__hd { background: rgba(0,0,0,0.18); border-bottom-color: rgba(255,255,255,0.08); }

.it-table {
  overflow-x: auto;
}
.it-table__head,
.it-row {
  display: grid;
  grid-template-columns: 32px 106px minmax(130px, 1fr) minmax(140px, 0.9fr) 120px 82px 78px;
  gap: 10px;
  align-items: center;
}
.it-table__head {
  padding: 10px 14px;
  background: var(--bg-recessed);
  color: var(--fg3);
  font-family: var(--font-mono);
  font-size: 10px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  border-bottom: 1px solid var(--stroke);
  min-width: 700px;
}
.it-row {
  min-width: 740px;
  padding: 12px 14px;
  border-bottom: 1px solid var(--stroke);
  cursor: pointer;
}
.it-row:hover { background: var(--row-hover); }
.it-row.is-on {
  background: rgba(237,8,0,0.035);
  box-shadow: inset 3px 0 0 var(--red);
}
.it-row.is-checked {
  background: rgba(26,26,26,0.025);
}
.it-row:last-child { border-bottom: 0; }
.it-check {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  min-width: 22px;
  height: 22px;
  cursor: pointer;
}
.it-check input {
  width: 15px;
  height: 15px;
  accent-color: var(--red);
}
.it-row__status,
.it-row__person,
.it-row__updated {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 3px;
}
.it-row__status small,
.it-row__person small,
.it-row__updated small {
  color: var(--fg3);
  font-size: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.it-row__person strong {
  min-width: 0;
  font-family: var(--font-body);
  font-weight: 600;
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.it-row__have {
  min-width: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}
.it-row__have em {
  display: inline-flex;
  align-items: center;
  min-height: 22px;
  padding: 2px 7px;
  border: 1px solid var(--stroke);
  border-radius: var(--radius);
  background: var(--bg-primary);
  color: var(--fg2);
  font-style: normal;
  font-size: 11px;
}
.it-row__missing {
  color: var(--fg3);
  font-size: 12px;
}
.it-row__missing.is-missing { color: var(--red); }
.it-row__updated strong {
  font-family: var(--font-body);
  font-size: 13px;
  font-weight: 600;
}
.it-row__action {
  display: flex;
  justify-content: flex-end;
}

.it-priority {
  width: fit-content;
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 3px 8px;
  border-radius: var(--radius);
  border: 1px solid var(--stroke);
  font-family: var(--font-body);
  font-size: 12px;
  font-weight: 600;
}
.it-priority--good { background: rgba(46,125,80,0.10); border-color: rgba(46,125,80,0.30); color: #1f5e3a; }
.it-priority--active { background: rgba(217,138,42,0.10); border-color: rgba(217,138,42,0.30); color: #92400e; }
.it-priority--warm { background: rgba(69,111,149,0.10); border-color: rgba(69,111,149,0.28); color: #2f5f88; }
.it-priority--muted { background: rgba(26,26,26,0.04); border-color: var(--stroke); color: var(--fg3); }
.it-priority--warn { background: rgba(237,8,0,0.08); border-color: rgba(237,8,0,0.22); color: var(--red); }

[data-mode="banzai"] .it-table__head { background: rgba(0,0,0,0.22); border-bottom-color: rgba(255,255,255,0.08); }
[data-mode="banzai"] .it-row { border-bottom-color: rgba(255,255,255,0.06); }
[data-mode="banzai"] .it-row__have em { background: rgba(255,255,255,0.04); border-color: rgba(255,255,255,0.10); }

.it-cards { list-style: none; padding: 0; margin: 0; }
.it-cards > li { border-bottom: 1px solid var(--stroke); }
.it-cards > li:last-child { border-bottom: 0; }
[data-mode="banzai"] .it-cards > li { border-bottom-color: rgba(255,255,255,0.06); }

.it-card {
  width: 100%; padding: 14px 18px;
  display: grid; grid-template-columns: 1fr auto;
  gap: 16px;
  text-align: left;
  background: transparent;
  cursor: pointer;
}
.it-card:hover { background: var(--row-hover); }
.it-card.is-on {
  background: rgba(237,8,0,0.035);
  box-shadow: inset 0 0 0 1px rgba(237,8,0,0.28);
}

.it-card__hd { display: flex; align-items: center; gap: 6px; margin-bottom: 6px; flex-wrap: wrap; }
.it-card__channel { font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--fg2); }
.it-card__id { font-size: 11px; color: var(--fg3); }
.it-card__when { font-size: 9px; color: var(--fg3); padding: 0; }
.it-card__trust { background: rgba(46,125,80,0.14); color: #1f5e3a; padding: 1px 5px; border-radius: var(--radius); font-size: 9px; }
.it-card__name { font-family: var(--font-body); font-weight: 700; font-size: 16px; letter-spacing: 0; margin-bottom: 8px; }
.it-card__missing { color: var(--fg3); font-style: italic; font-weight: 400; }

.it-card__contact {
  display: flex; gap: 18px; flex-wrap: wrap;
  margin-bottom: 8px;
}
.it-card__field {
  display: flex; flex-direction: column; gap: 1px;
  font-size: 12px;
  min-width: 0;
}
.it-card__field .t-label { font-size: 9px; color: var(--fg3); padding: 0; }
.it-card__field.is-missing > span:last-child { color: var(--fg3); font-style: italic; }
.it-card__field.is-missing .t-label { color: var(--red); }
.it-card__field.is-soft-missing > span:last-child { color: var(--fg3); }

.it-card__notes {
  font-size: 12px; color: var(--fg2);
  margin-top: 6px;
  line-height: 1.45;
  text-wrap: pretty;
}

.it-card__dup {
  display: flex; align-items: center; gap: 8px;
  margin-top: 10px;
  padding: 6px 10px;
  background: rgba(237,8,0,0.06);
  border: 1px solid rgba(237,8,0,0.22);
  border-radius: var(--radius);
  font-size: 12px;
}
.it-card__dup--soft { background: rgba(217,138,42,0.08); border-color: rgba(217,119,6,0.24); }
.it-card__dup--good { background: rgba(46,125,80,0.10); border-color: rgba(46,125,80,0.24); }
[data-mode="banzai"] .it-card__dup       { background: rgba(237,8,0,0.16); }
[data-mode="banzai"] .it-card__dup--soft { background: rgba(217,138,42,0.18); }
[data-mode="banzai"] .it-card__dup--good { background: rgba(46,125,80,0.18); }

.it-card__r {
  display: flex; flex-direction: column; align-items: flex-end; gap: 6px;
  flex-shrink: 0;
}
.it-card__autopromo {
  font-size: 9px; padding: 2px 6px;
  background: rgba(46,125,80,0.14); color: #1f5e3a; border-radius: var(--radius);
}

/* gate badge — larger version of the gate state */
.it-gate {
  display: flex; flex-direction: column; align-items: flex-end; gap: 0;
  padding: 5px 9px;
  border-radius: var(--radius);
  border: 1px solid var(--stroke);
  background: var(--bg-recessed);
}
.it-gate__label { font-family: var(--font-body); font-weight: 700; font-size: 12px; }
.it-gate .t-label { font-size: 9px; color: var(--fg3); padding: 0; }
.it-gate--muted  { color: var(--fg3); background: rgba(26,26,26,0.04); }
.it-gate--active { color: #92400e; background: rgba(217,138,42,0.10); border-color: rgba(217,138,42,0.30); }
.it-gate--good   { color: #1f5e3a; background: rgba(46,125,80,0.10); border-color: rgba(46,125,80,0.30); }

[data-mode="banzai"] .it-gate--muted  { background: rgba(255,255,255,0.04); color: rgba(255,255,255,0.55); }
[data-mode="banzai"] .it-gate--active { background: rgba(217,138,42,0.18); color: #fadeb6; }
[data-mode="banzai"] .it-gate--good   { background: rgba(46,125,80,0.18); color: #b4f3da; }

.it-status {
  font-family: var(--font-mono); font-size: 10px;
  letter-spacing: 0.08em; text-transform: uppercase;
  padding: 2px 7px;
  border-radius: var(--radius);
}
.it-status--fresh { background: rgba(26,26,26,0.08); color: var(--fg2); }
.it-status--warm  { background: rgba(217,138,42,0.14); color: #92400e; }
.it-status--warn  { background: rgba(237,8,0,0.10); color: var(--red); }
.it-status--good  { background: rgba(46,125,80,0.14); color: #1f5e3a; }
.it-status--muted { background: rgba(26,26,26,0.06); color: var(--fg3); text-decoration: line-through; }

[data-mode="banzai"] .it-status--fresh { background: rgba(255,255,255,0.06); color: rgba(255,255,255,0.8); }
[data-mode="banzai"] .it-status--warm  { background: rgba(217,138,42,0.20); color: #fadeb6; }
[data-mode="banzai"] .it-status--warn  { background: rgba(237,8,0,0.18); color: #ffb4ad; }
[data-mode="banzai"] .it-status--good  { background: rgba(46,125,80,0.20); color: #b4f3da; }
[data-mode="banzai"] .it-status--muted { background: rgba(255,255,255,0.06); color: rgba(255,255,255,0.40); }

/* Detail pane */
.it-detail {
  background: var(--bg-elevated);
  border: 1px solid var(--stroke);
  border-radius: var(--radius);
  padding: 18px 18px 14px;
  display: flex; flex-direction: column; gap: 14px;
  position: sticky; top: 96px;
  max-height: calc(100vh - 120px);
  overflow: auto;
}
.it-detail__hd { display: flex; flex-direction: column; gap: 4px; }
.it-detail__title { font-family: var(--font-head); font-weight: 600; font-size: 20px; letter-spacing: -0.02em; margin: 4px 0 4px; }
.it-detail__title em { color: var(--fg3); font-weight: 400; }
.it-detail__meta { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; font-size: 12px; color: var(--fg3); }
.it-detail__pills { display: flex; gap: 6px; margin-top: 8px; flex-wrap: wrap; align-items: center; }

[data-mode="banzai"] .it-detail { background: var(--bg-elevated); border-color: rgba(255,255,255,0.10); }

.it-detail__card {
  background: var(--bg-primary);
  border: 1px solid var(--stroke);
  border-radius: var(--radius);
  padding: 12px 14px;
  display: flex; flex-direction: column; gap: 8px;
}
[data-mode="banzai"] .it-detail__card { background: rgba(255,255,255,0.03); border-color: rgba(255,255,255,0.10); }

.it-block {
  padding: 10px 12px;
  background: rgba(237,8,0,0.06);
  border: 1px solid rgba(237,8,0,0.22);
  border-radius: var(--radius);
}
.it-block p { margin: 4px 0 0; font-size: 12px; color: var(--fg2); }

.it-detail__hint { margin: 0; font-size: 12px; color: var(--fg2); line-height: 1.5; }
.it-detail__hint strong { color: var(--fg1); }

.it-next .btn {
  justify-content: center;
  min-height: 40px;
  width: 100%;
}

.it-requirements {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.it-requirements span {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 28px;
  padding: 6px 9px;
  border: 1px solid var(--stroke);
  border-radius: var(--radius);
  background: var(--bg-recessed);
  color: var(--fg2);
  font-size: 12px;
}
.it-requirements span::before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--fg3);
}
.it-requirements span.is-done::before { background: #2e7d50; }
.it-requirements span.is-missing { color: var(--red); border-color: rgba(237,8,0,0.20); background: rgba(237,8,0,0.05); }
.it-requirements span.is-missing::before { background: var(--red); }
.it-requirements span.is-soft::before { background: #d97706; }

.it-context {
  margin: 0;
  color: var(--fg2);
  font-size: 13px;
  line-height: 1.5;
  text-wrap: pretty;
}

.it-editform {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.it-more {
  gap: 10px;
}
.it-more summary {
  cursor: pointer;
  font-family: var(--font-body);
  font-size: 13px;
  font-weight: 600;
}
.it-more__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.it-meta-thread {
  gap: 10px;
}
.it-meta-thread .dh-card__hd h3 {
  margin: 2px 0 0;
  font-size: 15px;
  line-height: 1.15;
}
.it-meta-thread__status {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 22px;
  padding: 2px 8px;
  border: 1px solid var(--stroke);
  border-radius: var(--radius);
  background: var(--bg-recessed);
  color: var(--fg3);
  font-family: var(--font-mono);
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  white-space: nowrap;
}
.it-meta-thread__status.is-ready {
  background: rgba(46,125,80,0.08);
  border-color: rgba(46,125,80,0.24);
  color: #2e7d50;
}
.it-meta-thread__summary {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.it-meta-thread__summary span {
  min-width: 0;
  max-width: 100%;
  padding: 4px 8px;
  border: 1px solid var(--stroke);
  border-radius: var(--radius);
  background: var(--bg-recessed);
  color: var(--fg2);
  font-size: 11px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.it-meta-thread__viewport {
  max-height: 280px;
  overflow: auto;
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 10px;
  border: 1px solid var(--stroke);
  border-radius: var(--radius);
  background: var(--bg-recessed);
}
.it-meta-thread__row {
  display: flex;
  justify-content: flex-start;
}
.it-meta-thread__row--outbound {
  justify-content: flex-end;
}
.it-meta-thread__row--internal {
  justify-content: center;
}
.it-meta-thread__bubble {
  width: fit-content;
  max-width: min(86%, 300px);
  padding: 8px 10px;
  border: 1px solid var(--stroke);
  border-radius: var(--radius);
  background: var(--bg-primary);
  box-shadow: var(--shadow-soft);
}
.it-meta-thread__row--outbound .it-meta-thread__bubble {
  background: var(--ink);
  border-color: var(--ink);
  color: #fff;
}
.it-meta-thread__row--internal .it-meta-thread__bubble {
  background: rgba(124,58,237,0.08);
  border-color: rgba(124,58,237,0.18);
}
.it-meta-thread__msgmeta {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  color: var(--fg3);
  font-size: 10px;
  font-family: var(--font-mono);
  text-transform: uppercase;
}
.it-meta-thread__msgmeta span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.it-meta-thread__msgmeta time {
  flex-shrink: 0;
}
.it-meta-thread__bubble p,
.it-meta-thread__empty {
  margin: 4px 0 0;
  color: var(--fg2);
  font-size: 12px;
  line-height: 1.45;
  overflow-wrap: anywhere;
}
.it-meta-thread__row--outbound .it-meta-thread__msgmeta,
.it-meta-thread__row--outbound .it-meta-thread__bubble p {
  color: rgba(255,255,255,0.78);
}
.it-meta-thread__empty {
  margin: 0;
  padding: 10px 12px;
  border: 1px dashed var(--stroke);
  border-radius: var(--radius);
  background: var(--bg-recessed);
}
[data-mode="banzai"] .it-meta-thread__status,
[data-mode="banzai"] .it-meta-thread__summary span,
[data-mode="banzai"] .it-meta-thread__viewport,
[data-mode="banzai"] .it-meta-thread__empty {
  background: rgba(0,0,0,0.24);
  border-color: rgba(255,255,255,0.10);
}
[data-mode="banzai"] .it-meta-thread__bubble {
  background: rgba(255,255,255,0.06);
  border-color: rgba(255,255,255,0.12);
  box-shadow: none;
}
[data-mode="banzai"] .it-meta-thread__row--outbound .it-meta-thread__bubble {
  background: #fff;
  border-color: #fff;
  color: #141412;
}
[data-mode="banzai"] .it-meta-thread__row--outbound .it-meta-thread__msgmeta,
[data-mode="banzai"] .it-meta-thread__row--outbound .it-meta-thread__bubble p {
  color: rgba(20,20,18,0.74);
}

.it-actions {
  display: flex; gap: 6px; flex-wrap: wrap;
  padding-top: 12px;
  border-top: 1px solid var(--stroke);
  justify-content: flex-end;
}
[data-mode="banzai"] .it-actions { border-top-color: rgba(255,255,255,0.10); }

.it-empty {
  padding: 36px 20px;
  text-align: center;
  color: var(--fg3);
  font-size: 13px;
  display: flex; flex-direction: column; gap: 6px; align-items: center;
}
.it-empty p { margin: 0; max-width: 280px; text-wrap: pretty; line-height: 1.5; }
.it-empty--table {
  border-bottom: 1px solid var(--stroke);
}

.it-promote-modal__card {
  width: min(640px, 100%);
}
.it-promote-modal__body {
  display: grid;
  gap: 14px;
  padding: 18px 22px 20px;
}
.it-promote-modal__summary,
.it-promote-modal__hints {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}
.it-promote-modal__summary > div,
.it-promote-modal__hints > span {
  min-width: 0;
  padding: 12px 14px;
  border: 1px solid var(--stroke);
  border-radius: var(--radius);
  background: var(--bg-primary);
  display: flex;
  flex-direction: column;
  gap: 3px;
}
.it-promote-modal__summary strong,
.it-promote-modal__hints strong {
  font-family: var(--font-body);
  font-size: 14px;
  font-weight: 700;
  color: var(--fg1);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.it-promote-modal__summary small,
.it-promote-modal__hints span {
  color: var(--fg3);
  font-size: 12px;
}
.it-promote-modal__copy {
  margin: 0;
  color: var(--fg2);
  font-size: 13px;
  line-height: 1.5;
  text-wrap: pretty;
}
[data-mode="banzai"] .it-promote-modal__summary > div,
[data-mode="banzai"] .it-promote-modal__hints > span {
  background: rgba(255,255,255,0.03);
  border-color: rgba(255,255,255,0.10);
}

/* Chrome — Intake button + new-count badge */
.chrome__btn--intake { position: relative; }
.chrome__btn-badge {
  position: absolute; top: -2px; right: -4px;
  min-width: 16px; height: 16px; padding: 0 4px;
  background: var(--red); color: #fff;
  border-radius: 8px;
  font-family: var(--font-mono); font-size: 9px; font-weight: 700;
  display: flex; align-items: center; justify-content: center;
}
.chrome__icon-badge {
  background: var(--red); color: #fff;
  border-radius: 8px;
  font-family: var(--font-mono); font-size: 9px; font-weight: 700;
  padding: 1px 5px;
  min-width: 16px;
  text-align: center;
  margin-top: 2px;
}

/* responsive */
@media (max-width: 1500px) and (min-width: 1281px) {
  .it-shell {
    grid-template-columns: minmax(560px, 1fr) minmax(320px, 380px);
  }

  .it-lanes {
    grid-column: 1 / -1;
    position: static;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 6px;
    padding: 0;
  }

  .it-lanes > .t-label {
    grid-column: 1 / -1;
    padding: 0;
  }

  .it-lane {
    background: var(--bg-primary);
    border-color: var(--stroke);
    min-width: 0;
  }
}
@media (max-width: 1280px) {
  .it-shell { grid-template-columns: 1fr; }
  .it-lanes, .it-detail { position: static; }
  .it-queues { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .it-toolbar { grid-template-columns: minmax(0, 1fr) 160px 180px; }
}

@media (max-width: 720px) {
  .it {
    padding: 12px 12px 44px;
    gap: 12px;
  }

  .it-head {
    flex-direction: column;
    gap: 12px;
    padding: 2px 0 14px;
  }

  .it-head__l {
    padding-left: 0;
  }

  .it-head__title {
    font-size: 26px;
    line-height: 1;
  }

  .it-head__sub {
    max-width: none;
    line-height: 1.45;
  }

  .it-head__r {
    width: 100%;
    flex-wrap: wrap;
    padding-left: 0;
    padding-top: 0;
  }

  .it-head__r .btn {
    flex: 1 1 132px;
    justify-content: center;
  }

  .it-queues {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .it-toolbar {
    grid-template-columns: 1fr;
  }

  .it-channels {
    padding: 8px;
    gap: 6px;
  }

  .it-channel {
    flex: 1 1 148px;
    justify-content: flex-start;
    min-width: 0;
  }

  .it-channel__l {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .it-lanes {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 6px;
    padding: 10px;
  }

  .it-lanes > .t-label {
    grid-column: 1 / -1;
  }

  .it-lane {
    min-width: 0;
    align-items: flex-start;
    padding: 9px;
  }

  .it-lane__label {
    font-size: 12px;
  }

  .it-list__hd {
    align-items: flex-start;
    flex-direction: column;
  }

  .it-bulk,
  .it-bulk .btn {
    width: 100%;
  }

  .it-bulk {
    justify-content: flex-start;
  }

  .it-table__head {
    display: none;
  }

  .it-row {
    min-width: 0;
    grid-template-columns: 28px 1fr;
    gap: 8px;
  }

  .it-row__status,
  .it-row__person,
  .it-row__have,
  .it-row__missing,
  .it-row__updated,
  .it-row__action {
    grid-column: 2;
  }

  .it-row__action {
    justify-content: flex-start;
  }

  .it-list__hd-r,
  .it-list__hd-r .btn {
    width: 100%;
  }

  .it-card {
    grid-template-columns: minmax(0, 1fr);
    gap: 10px;
    padding: 14px;
  }

  .it-card__r {
    align-items: flex-start;
    flex-direction: row;
    flex-wrap: wrap;
  }

  .it-detail {
    padding: 14px;
    max-height: none;
  }

  .it-promote-modal__summary,
  .it-promote-modal__hints {
    grid-template-columns: 1fr;
  }

  .it-promote-modal .modal__ft {
    align-items: stretch;
    flex-direction: column;
  }

  .it-promote-modal .modal__ft-r {
    flex-direction: column-reverse;
  }

  .it-promote-modal .modal__ft-r .btn {
    justify-content: center;
    width: 100%;
  }
}