/*
  TeamAct CRM — Unified Lead Status Visual V3
  Scope: whole CRM (Super Admin / Company Admin / User-Agent / dialogs / imports).
  Goal: one status palette and one compact TeleCRM-style tag language everywhere.
  IMPORTANT: semantic status colours are allowed here even when the surrounding Company Admin UI is no-teal.
*/

/* Canonical palette — exactly the same palette used by the User / Agent lead status UI. */
html body #root .lead-status-color-teal{--ls-color:#477a77!important;--ls-soft:#e0eeec!important;--ls-text:#315f5a!important}
html body #root .lead-status-color-blue{--ls-color:#4d74b8!important;--ls-soft:#e9effa!important;--ls-text:#456391!important}
html body #root .lead-status-color-green{--ls-color:#4f806f!important;--ls-soft:#e3eee8!important;--ls-text:#376653!important}
html body #root .lead-status-color-amber{--ls-color:#e9a300!important;--ls-soft:#fff1cf!important;--ls-text:#805b00!important}
html body #root .lead-status-color-rose{--ls-color:#ff2a36!important;--ls-soft:#fde9eb!important;--ls-text:#9b343d!important}
html body #root .lead-status-color-purple{--ls-color:#7660bd!important;--ls-soft:#eee9fb!important;--ls-text:#5b4b95!important}
html body #root .lead-status-color-slate{--ls-color:#8b8b84!important;--ls-soft:#e9e9e8!important;--ls-text:#4e4e49!important}

/* Dots in filter/status menus keep the same canonical semantic colour. */
html body #root .lead-status-color-dot{
  width:10px!important;height:10px!important;min-width:10px!important;border-radius:2px!important;
  display:inline-block!important;background:var(--ls-color,#8b8b84)!important;border:0!important;
}

/* One compact tag treatment for all lead-status labels/chips. */
html body #root :is(
  .crm-unified-lead-status-chip,
  button.company-lead-status-chip.company-lead-status-button,
  button.mlv2-status.mlv2-lead-status-chip
){
  appearance:none!important;
  display:inline-flex!important;align-items:center!important;justify-content:flex-start!important;
  min-height:22px!important;height:auto!important;
  padding:2px 8px 2px 9px!important;
  border:0!important;border-left:3px solid var(--ls-color,#8b8b84)!important;
  border-radius:3px!important;
  background:var(--ls-soft,#e9e9e8)!important;background-image:none!important;
  color:var(--ls-text,#333)!important;
  box-shadow:none!important;
  font-size:12px!important;font-weight:500!important;line-height:18px!important;
  white-space:nowrap!important;text-decoration:none!important;
}
html body #root button:is(.company-lead-status-chip.company-lead-status-button,.mlv2-status.mlv2-lead-status-chip){cursor:pointer!important}
html body #root button:is(.company-lead-status-chip.company-lead-status-button,.mlv2-status.mlv2-lead-status-chip):hover:not(:disabled),
html body #root button:is(.company-lead-status-chip.company-lead-status-button,.mlv2-status.mlv2-lead-status-chip):focus-visible{
  background:var(--ls-soft,#e9e9e8)!important;color:var(--ls-text,#333)!important;
  outline:1px solid color-mix(in srgb,var(--ls-color,#8b8b84) 52%,#fff)!important;
  outline-offset:1px!important;
}
html body #root button:is(.company-lead-status-chip.company-lead-status-button,.mlv2-status.mlv2-lead-status-chip):disabled{
  opacity:.9!important;cursor:default!important;
}

/* Lead drawer trigger keeps its control size but uses the exact same semantic palette. */
html body #root .mlv3-status-trigger{
  background:var(--ls-soft,#e9e9e8)!important;background-image:none!important;
  color:var(--ls-text,#333)!important;border-color:color-mix(in srgb,var(--ls-color,#8b8b84) 34%,#fff)!important;
  box-shadow:none!important;
}

/* Company Admin status catalog preview. */
html body #root .lead-status-admin-name .crm-unified-lead-status-chip{width:max-content!important}

/* Never allow generic Admin blue/teal hard-lock rules to repaint a semantic lead-status chip. */
html body #root .shell.crm-role-admin .main #view.view-content :is(
  .crm-unified-lead-status-chip,
  button.company-lead-status-chip.company-lead-status-button
){
  background:var(--ls-soft,#e9e9e8)!important;
  color:var(--ls-text,#333)!important;
  border-color:var(--ls-color,#8b8b84)!important;
  border-top:0!important;border-right:0!important;border-bottom:0!important;
}