/* ================================================================
   EDIT BIZ INTERCEPTOR — small additions on top of the shared
   create-biz-interceptor-dialog.css (reused via the same
   .create-biz-interceptor-dialog root class + design tokens).
   ================================================================ */

/* ── Header subtitle — the interceptor's own name, second line under
   "Edit Biz Interceptor" — same .bi-header-info flex-column + subtitle
   shape as user-edit-dialog.css's .ue-toolbar-info/.ue-toolbar-subtitle,
   just re-keyed to this dialog's bi- prefix. Without this there's no way
   to tell which interceptor is open from the dialog alone. ── */

body md-dialog.create-biz-interceptor-dialog .bi-header-subtitle {
  font-size: 12px !important;
  color: rgba(255,255,255,.78) !important;
  font-weight: 400 !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

/* ── Read-only transport-type badge — lives in the toolbar itself, to the
   right of the interceptor name, not the content area (it's metadata
   about the interceptor, same header row as its name/title, not part of
   the form). ── */

.create-biz-interceptor-dialog .bi-transport-badge {
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  font-size: 10.5px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: .3px !important;
  border-radius: 100px !important;
  padding: 2px 10px 2px 8px !important;
  flex-shrink: 0 !important;
}

.create-biz-interceptor-dialog .bi-transport-badge--toolbar {
  color: var(--bm-text-inverse) !important;
  background: rgba(255,255,255,.16) !important;
  border: 1px solid rgba(255,255,255,.3) !important;
  /* .md-toolbar-tools' own gap is a tight 4px (kept small for the icon
     right before the title) — restore the wider ~12px breathing room
     this badge needs from the name/subtitle block next to it. */
  margin-left: 8px !important;
}

.create-biz-interceptor-dialog .bi-transport-badge md-icon {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 13px !important;
  width: 13px !important;
  height: 13px !important;
  line-height: 13px !important;
  color: inherit !important;
  margin: 0 !important;
}

/* ── Loading overlay while the full detail is being fetched ──── */

.create-biz-interceptor-dialog .bi-edit-loading {
  flex: 1 1 auto !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 16px !important;
  color: var(--bm-text-secondary) !important;
  font-size: 13px !important;
}

/* ── Tabs (General / Environments) — edit mode swaps the wizard's
   step-by-step flow for freely-switchable tabs, same md-tabs pattern
   this dialog used before Create became a wizard. ─────────────── */

/* Fixed height:100% (of the dialog's own definite, fixed height — see
   create-biz-interceptor-dialog.css) rather than content-driven —
   md-dynamic-height was tried here and made the active tab's content not
   render at all instead of just sizing oddly, and a per-tab-resizing
   dialog was the wrong UX goal to begin with (both dialogs are meant to
   stay one stable size). Each tab scrolls independently within this fixed
   area via its own overflow-y:auto if its content doesn't fit. */
.create-biz-interceptor-dialog md-tabs.bi-tabs {
  height: 100% !important;
}

.create-biz-interceptor-dialog .bi-tab-content {
  display: block !important;
  height: 100% !important;
  overflow-y: auto !important;
  padding: 24px 28px !important;
  box-sizing: border-box !important;
}

.create-biz-interceptor-dialog md-tabs md-tabs-wrapper {
  background: var(--bm-surface) !important;
  border-bottom: 1px solid var(--bm-border) !important;
  box-shadow: none !important;
}

.create-biz-interceptor-dialog md-tabs md-tab-item {
  font-family: var(--bm-font-body) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  color: var(--bm-text-secondary) !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  padding: 0 20px !important;
  min-height: 46px !important;
  height: 46px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.create-biz-interceptor-dialog md-tabs md-tab-item span {
  text-transform: none !important;
  letter-spacing: 0 !important;
}

/* Angular Material wraps the tab label in an inner button/.md-tab element —
   center that too, otherwise its own line-height/padding throws off the
   label's vertical centering within the 46px tab row. */
.create-biz-interceptor-dialog md-tabs md-tab-item button,
.create-biz-interceptor-dialog md-tabs md-tab-item .md-tab {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  line-height: 1 !important;
}

.create-biz-interceptor-dialog md-tabs md-tab-item:hover {
  color: var(--bm-text-primary) !important;
  background: transparent !important;
}

.create-biz-interceptor-dialog md-tabs md-tab-item.md-active {
  color: var(--bm-indigo-500) !important;
  font-weight: 600 !important;
}

.create-biz-interceptor-dialog md-tabs md-ink-bar {
  background: var(--bm-indigo-500) !important;
  height: 2px !important;
}

/* ================================================================
   SLAs / ALERTING TABS
   Reuses .field-group/.field-header/.tooltip-container/.custom-tooltip/
   .slider-wrapper/.custom-slider/.slider-input(-wrapper) verbatim from
   create-biz-interceptor-dialog.css (the exact same primitives the
   Environments tab's fine-tuning fields already use) — only the pieces
   with no existing equivalent (sub-tab bar, enabled-switch row, disabled-
   section dimming, alerting channels/search/recipients) are new here.
   ================================================================ */

/* The SLAs tab below is a deliberate pixel-for-pixel port of Agent
   Configuration's own SLA tab (agent-config-dialog.css, "MONITORING / SLAs
   TAB" section) — same rzSlider dual-handle threshold widget, same real
   nested <md-tabs> sub-tabs, same rich tooltips and footer cards, just
   re-scoped from .wide-dialog to .create-biz-interceptor-dialog and
   re-keyed from cpu/memory/latency to pressure/agentLatency. Do not
   restyle without checking agent-config-dialog.css stays in sync — the
   whole point is that both dialogs' SLA tabs look and behave identically. */

.create-biz-interceptor-dialog .monitoring-field-group {
  max-width: 100% !important;
  margin-bottom: 32px !important;
}

.create-biz-interceptor-dialog .monitoring-field-group:last-child {
  margin-bottom: 8px !important;
}


/* ── Nested SLA sub-tabs (Pressure / Agent Latency) ─────────────────────
   Real <md-tabs>, unlike the outer .bi-tabs above (which is deliberately
   fixed-height, see that rule's own comment) — a NESTED md-tabs needs
   md-dynamic-height on itself specifically, or it tries to measure its
   height against the outer tab's already-100%-height container and
   collapses to nothing. Exact same fix, same reasoning, as
   agent-config-dialog.css's own .wm-subtabs (that dialog's CPU/Memory/
   Network Latency sub-tabs) — re-keyed to this dialog's own class name,
   keep both in sync if either changes. */

.create-biz-interceptor-dialog .bi-subtabs {
  flex: none !important;
  height: auto !important;
}

/* The shared "md-tabs md-tabs-wrapper { background: var(--bm-surface) }"
   rule above is meant for the OUTER .bi-tabs bar (a white toolbar-like
   strip against the dialog's grey .bi-dialog-content background) — it
   also matches this NESTED md-tabs by element selector, leaving a
   mismatched white box floating on top of .monitoring-subtab-panel's own
   surrounding grey. Override back to transparent here specifically. */
.create-biz-interceptor-dialog .bi-subtabs md-tabs-wrapper {
  background: transparent !important;
  border-bottom: 1px solid var(--bm-border) !important;
}

.create-biz-interceptor-dialog .bi-subtabs md-tab-content.md-active {
  position: relative !important;
  height: auto !important;
  overflow: visible !important;
}

.create-biz-interceptor-dialog .monitoring-subtab-panel {
  max-width: 640px !important;
  padding-bottom: 32px !important;
}

.create-biz-interceptor-dialog .monitoring-subtab-panel .monitoring-field-group {
  margin-bottom: 56px !important;
}

.create-biz-interceptor-dialog .monitoring-subtab-panel .disabled-section {
  opacity: .4 !important;
  pointer-events: none !important;
}


/* ── Enabled/alerting toggle row (shared: SLAs metric header + Alerting
   master toggle) ─────────────────────────────────────────────────── */

.create-biz-interceptor-dialog .monitoring-enabled-row {
  display: flex !important;
  align-items: center !important;
  margin-bottom: 24px !important;
  padding: 12px 16px !important;
  background: var(--bm-surface-2) !important;
  border-radius: var(--bm-r-lg) !important;
  border: 1.5px solid var(--bm-border) !important;
  max-width: 640px !important;
  gap: 0 !important;
}

.create-biz-interceptor-dialog .monitoring-enabled-switch { margin: 0 !important; }
.create-biz-interceptor-dialog .monitoring-enabled-switch .md-label { margin-left: 12px !important; }

.create-biz-interceptor-dialog .monitoring-enabled-label {
  font-family: var(--bm-font-body) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: .5px !important;
  text-transform: uppercase !important;
}

.create-biz-interceptor-dialog .monitoring-enabled-label--on  { color: var(--bm-success) !important; }
.create-biz-interceptor-dialog .monitoring-enabled-label--off { color: var(--bm-text-muted) !important; }

.create-biz-interceptor-dialog .monitoring-enabled-divider {
  display: block !important;
  width: 1px !important;
  align-self: stretch !important;
  background: var(--bm-border) !important;
  margin: 0 20px !important;
  flex-shrink: 0 !important;
}

/* ── Disabled section dimming (SLA fields, while monitoring is off) ── */

.create-biz-interceptor-dialog .disabled-section {
  opacity: .45 !important;
  pointer-events: none !important;
}


/* ── Threshold grid ──────────────────────────────────────────────────── */

.create-biz-interceptor-dialog .monitoring-threshold-grid {
  display: grid !important;
  grid-template-columns: 80px 1fr 76px 28px !important;
  grid-template-rows: auto auto !important;
  column-gap: 10px !important;
  row-gap: 20px !important;
  align-items: center !important;
  margin-top: 36px !important;
}

.create-biz-interceptor-dialog .monitoring-range-slider--inline {
  grid-column: 2 !important;
  grid-row: 1 / 3 !important;
  padding-top: 20px !important;
  box-sizing: border-box !important;
  margin: 0 !important;
  width: 100% !important;
  display: block !important;
  align-self: center !important;
}

.create-biz-interceptor-dialog .monitoring-threshold-grid .slider-input-wrapper {
  width: 100% !important;
}

.create-biz-interceptor-dialog .monitoring-threshold-grid .slider-input {
  width: 100% !important;
  font-family: var(--bm-font-mono) !important;
  font-size: 12.5px !important;
  padding: 6px 8px !important;
  text-align: center !important;
  border-radius: var(--bm-r-md) !important;
  border: 1.5px solid var(--bm-border) !important;
  box-sizing: border-box !important;
  background: var(--bm-surface) !important;
  color: var(--bm-text-primary) !important;
  outline: none !important;
  transition: border-color var(--bm-t), box-shadow var(--bm-t) !important;
}

.create-biz-interceptor-dialog .monitoring-threshold-input--clear:focus {
  border-color: var(--bm-sla-clear) !important;
  box-shadow: 0 0 0 2px rgba(5,150,105,.15) !important;
}

.create-biz-interceptor-dialog .monitoring-threshold-input--set:focus {
  border-color: var(--bm-sla-set) !important;
  box-shadow: 0 0 0 2px rgba(220,38,38,.15) !important;
}


/* ── Time labels ─────────────────────────────────────────────────────── */

.create-biz-interceptor-dialog .monitoring-time-label {
  display: flex !important;
  align-items: center !important;
  gap: 4px !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: .6px !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
  min-width: 80px !important;
  flex-shrink: 0 !important;
}

.create-biz-interceptor-dialog .monitoring-time-label md-icon {
  font-size: 12px !important;
  width: 12px !important;
  height: 12px !important;
  flex: 0 0 12px !important;
  margin: 0 !important;
}

.create-biz-interceptor-dialog .monitoring-time-label--clear { color: var(--bm-sla-clear) !important; }
.create-biz-interceptor-dialog .monitoring-time-label--clear md-icon { color: var(--bm-sla-clear) !important; }
.create-biz-interceptor-dialog .monitoring-time-label--set { color: var(--bm-sla-set) !important; }
.create-biz-interceptor-dialog .monitoring-time-label--set md-icon { color: var(--bm-sla-set) !important; }
.create-biz-interceptor-dialog .monitoring-time-label--reset { color: var(--bm-sla-reset) !important; }
.create-biz-interceptor-dialog .monitoring-time-label--reset md-icon { color: var(--bm-sla-reset) !important; }


/* ── Time windows grid ───────────────────────────────────────────────── */

.create-biz-interceptor-dialog .monitoring-time-grid {
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
  margin-top: 10px !important;
}

.create-biz-interceptor-dialog .monitoring-time-col {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 10px !important;
  background: none !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 2px 0 !important;
}

.create-biz-interceptor-dialog .monitoring-time-col .slider-wrapper {
  flex: 1 !important;
  gap: 10px !important;
  margin-top: 0 !important;
}

.create-biz-interceptor-dialog .monitoring-time-col .slider-input-wrapper {
  width: 76px !important;
  flex-shrink: 0 !important;
}

.create-biz-interceptor-dialog .monitoring-unit {
  font-family: var(--bm-font-mono) !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  color: var(--bm-text-muted) !important;
  flex-shrink: 0 !important;
  min-width: 26px !important;
}


/* ── rzSlider range styles ───────────────────────────────────────────── */

.create-biz-interceptor-dialog .monitoring-range-slider .rz-bar {
  background: var(--bm-border) !important;
  height: 3px !important;
  border-radius: 2px !important;
}

.create-biz-interceptor-dialog .monitoring-range-slider .rz-selection {
  background: linear-gradient(90deg, var(--bm-sla-clear), var(--bm-sla-set)) !important;
  border-radius: 2px !important;
}

.create-biz-interceptor-dialog .monitoring-range-slider .rz-pointer-min,
.create-biz-interceptor-dialog .monitoring-range-slider .rz-pointer-max {
  width: 16px !important;
  height: 16px !important;
  top: -6px !important;
  border: 2.5px solid var(--bm-surface) !important;
  border-radius: 50% !important;
  cursor: pointer !important;
  transition: transform var(--bm-t), box-shadow var(--bm-t) !important;
}

.create-biz-interceptor-dialog .monitoring-range-slider .rz-pointer-min {
  background: var(--bm-sla-clear) !important;
  box-shadow: 0 1px 5px rgba(5,150,105,.5) !important;
}

.create-biz-interceptor-dialog .monitoring-range-slider .rz-pointer-max {
  background: var(--bm-sla-set) !important;
  box-shadow: 0 1px 5px rgba(220,38,38,.5) !important;
}

.create-biz-interceptor-dialog .monitoring-range-slider .rz-pointer-min:hover {
  transform: scale(1.25) !important;
  box-shadow: 0 0 0 6px rgba(5,150,105,.18) !important;
}

.create-biz-interceptor-dialog .monitoring-range-slider .rz-pointer-max:hover {
  transform: scale(1.25) !important;
  box-shadow: 0 0 0 6px rgba(220,38,38,.18) !important;
}

.create-biz-interceptor-dialog .monitoring-range-slider .rz-bubble.rz-floor,
.create-biz-interceptor-dialog .monitoring-range-slider .rz-bubble.rz-ceil,
.create-biz-interceptor-dialog .monitoring-range-slider--inline .rz-bubble {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}


/* ── Rich tooltips ───────────────────────────────────────────────────── */

.create-biz-interceptor-dialog .tooltip-container .custom-tooltip.monitoring-rich-tooltip {
  width: 290px !important;
  padding: 12px 14px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
}

.create-biz-interceptor-dialog .mtt-row {
  display: flex !important;
  align-items: flex-start !important;
  gap: 10px !important;
  padding: 8px 0 !important;
  background: none !important;
}

.create-biz-interceptor-dialog .mtt-icon {
  font-size: 14px !important;
  width: 14px !important;
  height: 14px !important;
  flex: 0 0 14px !important;
  line-height: 1 !important;
  margin-top: 1px !important;
}

.create-biz-interceptor-dialog .mtt-row > span,
.create-biz-interceptor-dialog .monitoring-rich-tooltip span {
  font-size: 12px !important;
  line-height: 1.5 !important;
  color: rgba(255,255,255,.88) !important;
  display: block !important;
}

.create-biz-interceptor-dialog .mtt-row strong {
  font-weight: 700 !important;
  color: #fff !important;
}

.create-biz-interceptor-dialog .mtt-row--clear .mtt-icon     { color: var(--bm-sla-clear-faint) !important; }
.create-biz-interceptor-dialog .mtt-row--set .mtt-icon       { color: var(--bm-sla-set-faint) !important; }
.create-biz-interceptor-dialog .mtt-row--set-time .mtt-icon  { color: var(--bm-sla-set-time-faint) !important; }
.create-biz-interceptor-dialog .mtt-row--reset-time .mtt-icon { color: var(--bm-sla-reset-faint) !important; }

.create-biz-interceptor-dialog .mtt-divider {
  display: block !important;
  height: 1px !important;
  background: rgba(255,255,255,.15) !important;
  margin: 0 !important;
}


/* ── Metric footer ───────────────────────────────────────────────────── */

.create-biz-interceptor-dialog .monitoring-tab-footer {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 10px !important;
  margin-top: 32px !important;
  max-width: 640px !important;
  padding-top: 20px !important;
  border-top: 1px solid var(--bm-border-subtle) !important;
}

.create-biz-interceptor-dialog .monitoring-footer-item {
  display: flex !important;
  align-items: flex-start !important;
  gap: 10px !important;
  padding: 12px 14px !important;
  border-radius: var(--bm-r-lg) !important;
  background: var(--bm-surface-2) !important;
  border: 1px solid var(--bm-border-subtle) !important;
}

.create-biz-interceptor-dialog .monitoring-footer-item md-icon {
  font-size: 18px !important;
  width: 18px !important;
  height: 18px !important;
  flex: 0 0 18px !important;
  margin-top: 1px !important;
}

.create-biz-interceptor-dialog .monitoring-footer-item--clear { border-left: 2.5px solid var(--bm-sla-clear) !important; }
.create-biz-interceptor-dialog .monitoring-footer-item--set   { border-left: 2.5px solid var(--bm-sla-set) !important; }
.create-biz-interceptor-dialog .monitoring-footer-item--set-time  { border-left: 2.5px solid var(--bm-sla-set-time) !important; }
.create-biz-interceptor-dialog .monitoring-footer-item--reset-time { border-left: 2.5px solid var(--bm-sla-reset) !important; }

.create-biz-interceptor-dialog .monitoring-footer-item--clear md-icon      { color: var(--bm-sla-clear) !important; }
.create-biz-interceptor-dialog .monitoring-footer-item--set md-icon        { color: var(--bm-sla-set) !important; }
.create-biz-interceptor-dialog .monitoring-footer-item--set-time md-icon   { color: var(--bm-sla-set-time) !important; }
.create-biz-interceptor-dialog .monitoring-footer-item--reset-time md-icon { color: var(--bm-sla-reset) !important; }

.create-biz-interceptor-dialog .monitoring-footer-label {
  display: block !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: .6px !important;
  margin-bottom: 4px !important;
}

.create-biz-interceptor-dialog .monitoring-footer-item--clear .monitoring-footer-label      { color: var(--bm-sla-clear) !important; }
.create-biz-interceptor-dialog .monitoring-footer-item--set .monitoring-footer-label        { color: var(--bm-sla-set) !important; }
.create-biz-interceptor-dialog .monitoring-footer-item--set-time .monitoring-footer-label   { color: var(--bm-sla-set-time) !important; }
.create-biz-interceptor-dialog .monitoring-footer-item--reset-time .monitoring-footer-label { color: var(--bm-sla-reset) !important; }

.create-biz-interceptor-dialog .monitoring-footer-item p {
  font-size: 11.5px !important;
  color: var(--bm-text-secondary) !important;
  line-height: 1.55 !important;
  margin: 0 !important;
}


/* ── Alerting — notification channels ────────────────────────────── */

.create-biz-interceptor-dialog .alerting-channels-row {
  display: flex !important;
  gap: 20px !important;
}

.create-biz-interceptor-dialog .alerting-channels-row md-checkbox {
  margin: 0 !important;
}

.create-biz-interceptor-dialog .alerting-channel-icon {
  font-size: 16px !important; width: 16px !important; height: 16px !important;
  vertical-align: middle !important;
  margin-right: 4px !important;
  color: var(--bm-text-muted) !important;
}

/* ── Alerting — recipient search ─────────────────────────────────── */

.create-biz-interceptor-dialog .alerting-search-input-wrapper {
  display: flex !important;
  align-items: center !important;
  border: 1.5px solid var(--bm-border) !important;
  border-radius: var(--bm-r-md) !important;
  background: var(--bm-surface) !important;
  padding: 0 10px !important;
  max-width: 420px !important;
  margin-bottom: 10px !important;
}

.create-biz-interceptor-dialog .alerting-search-input-wrapper:focus-within {
  border-color: var(--bm-indigo-500) !important;
}

.create-biz-interceptor-dialog .alerting-search-icon {
  font-size: 16px !important;
  color: var(--bm-text-muted) !important;
  margin-right: 6px !important;
}

.create-biz-interceptor-dialog .alerting-search-input {
  flex: 1 !important;
  border: none !important;
  outline: none !important;
  font-family: var(--bm-font-body) !important;
  font-size: 13px !important;
  color: var(--bm-text-primary) !important;
  padding: 8px 0 !important;
  background: transparent !important;
}

.create-biz-interceptor-dialog .alerting-search-clear-btn {
  min-width: 26px !important; min-height: 26px !important;
  width: 26px !important; height: 26px !important;
  padding: 0 !important; margin: 0 !important;
}

/* ── Alerting — user list ─────────────────────────────────────────── */

.create-biz-interceptor-dialog .alerting-user-list {
  max-width: 420px !important;
  max-height: 180px !important;
  overflow-y: auto !important;
  border: 1.5px solid var(--bm-border) !important;
  border-radius: var(--bm-r-md) !important;
  margin-bottom: 12px !important;
  background: var(--bm-surface) !important;
}

.create-biz-interceptor-dialog .alerting-result-item {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 8px !important;
  padding: 8px 12px !important;
  cursor: pointer !important;
  border-bottom: 1px solid var(--bm-surface-2) !important;
  font-size: 13px !important;
  color: var(--bm-text-primary) !important;
  text-align: left !important;
}

.create-biz-interceptor-dialog .alerting-result-item:last-child { border-bottom: none !important; }
.create-biz-interceptor-dialog .alerting-result-item:not(.alerting-result-item--added):hover { background: var(--bm-surface-2) !important; }
.create-biz-interceptor-dialog .alerting-result-item md-icon { flex: 0 0 auto !important; font-size: 17px !important; color: var(--bm-text-muted) !important; }
.create-biz-interceptor-dialog .alerting-result-item--added { background: var(--bm-success-bg) !important; cursor: default !important; }
.create-biz-interceptor-dialog .alerting-result-item--added md-icon { color: var(--bm-success) !important; }

.create-biz-interceptor-dialog .alerting-result-email {
  flex: 1 !important;
  text-align: left !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.create-biz-interceptor-dialog .alerting-search-spinner,
.create-biz-interceptor-dialog .alerting-no-results {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 12px !important;
  color: var(--bm-text-muted) !important;
  font-size: 12.5px !important;
}

/* ── Alerting — recipient chips ───────────────────────────────────── */

.create-biz-interceptor-dialog .alerting-recipients-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
  max-width: 420px !important;
}

.create-biz-interceptor-dialog .alerting-recipient-chip {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 7px 12px !important;
  background: var(--bm-surface-2) !important;
  border: 1.5px solid var(--bm-border) !important;
  border-radius: var(--bm-r-md) !important;
}

.create-biz-interceptor-dialog .alerting-recipient-avatar { font-size: 15px !important; color: var(--bm-indigo-500) !important; }
.create-biz-interceptor-dialog .alerting-recipient-email {
  flex: 1 !important; font-size: 12.5px !important; color: var(--bm-text-primary) !important;
  overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important;
}

.create-biz-interceptor-dialog .alerting-recipient-remove {
  background: none !important; border: none !important; cursor: pointer !important;
  padding: 3px !important; display: flex !important; border-radius: 50% !important;
  flex-shrink: 0 !important;
}
.create-biz-interceptor-dialog .alerting-recipient-remove:hover { background: var(--bm-error-bg) !important; }
.create-biz-interceptor-dialog .alerting-recipient-remove md-icon { font-size: 14px !important; color: var(--bm-text-muted) !important; }
.create-biz-interceptor-dialog .alerting-recipient-remove:hover md-icon { color: var(--bm-error) !important; }

.create-biz-interceptor-dialog .alerting-recipients-empty,
.create-biz-interceptor-dialog .alerting-disabled-note {
  font-size: 12.5px !important;
  color: var(--bm-text-muted) !important;
  padding: 12px 14px !important;
  background: var(--bm-surface-2) !important;
  border-radius: var(--bm-r-md) !important;
  max-width: 480px !important;
}