.ib-page { min-width: 0px; }
.ib-top .dsh-breadcrumb { margin: 0 0 var(--ui-space-4); }
.ib-head { align-items: center; }
.ib-head .ui-page-actions { display: flex; flex-wrap: wrap; align-items: center; gap: var(--ui-space-2); }
.ib-head .ui-page-actions .ui-btn svg { flex-shrink: 0; width: var(--ui-ic-sm); height: var(--ui-ic-sm); }
.ib-inst { width: auto; min-width: 200px; max-width: 260px; }
.ib-hero { margin-bottom: var(--ui-space-6); }
.ib-grid { display: grid; grid-template-columns: minmax(0px, 1fr); grid-template-areas: "attn" "main" "team"; gap: var(--ui-space-5); align-items: start; }
.ib-attn { grid-area: attn; min-width: 0px; margin: 0px; }
.ib-main { grid-area: main; min-width: 0px; }
.ib-team { grid-area: team; min-width: 0px; }
@media (min-width: 1600px) {
  .ib-grid { grid-template-columns: minmax(0px, 1fr) 320px; grid-template-areas: "attn attn" "main team"; }
}
.ib-tabs { margin-bottom: var(--ui-space-3); }
.ib-av { position: relative; display: inline-flex; flex: 0 0 auto; }
.ib-av > .ui-chan-dot { position: absolute; right: -3px; bottom: -3px; width: 18px; height: 18px; }
.ib-av > .ui-chan-dot svg, .ib-av > .ui-chan-dot:empty::before { width: 10px; height: 10px; }
.ui-table tbody tr:hover .ib-av > .ui-chan-dot { --ui-chan-dot-ring: var(--ui-bg-card); }
.ib-list .ui-cell { width: 100%; }
.ib-list .ui-cell-txt { flex: 1 1 auto; }
.ib-unread { flex: 0 0 auto; margin-left: auto; }
.ib-mute { display: inline-flex; vertical-align: -2px; margin-right: var(--ui-space-1); color: var(--ui-muted); }
.ib-mute svg { width: 14px; height: 14px; }
.ib-wait { display: inline-flex; flex-wrap: wrap; align-items: center; gap: var(--ui-space-1); }
.ib-act { overflow: visible; }
.ib-dots::before { content: ""; width: var(--ui-ic-md); height: var(--ui-ic-md); background: currentcolor; mask: var(--ui-ico-dots) center / contain no-repeat; }
.ib-team .ui-list-meta { font-variant-numeric: tabular-nums; }
.ib-drawer .ui-input-group > .ui-input { flex: 1 1 auto; min-width: 0px; }
.ib-sug-prev { padding: var(--ui-space-4); border-radius: var(--ui-r-lg); }
@media (max-width: 760px) {
  .ib-head .ui-page-actions { width: 100%; }
  .ib-head .ui-page-actions > .ui-btn-primary { flex: 1 1 auto; }
  .ib-inst { flex: 1 1 100%; max-width: none; min-width: 0px; order: 3; }
  .ib-grid { gap: var(--ui-space-4); }
  .ib-tabs { margin-bottom: var(--ui-space-2); }
  .ib-act .ui-splitbtn { margin-top: var(--ui-space-1); }
}
.ib-hero .ui-steps { margin-bottom: var(--ui-space-6); }