/* Match the native production-stage chips, without implying completed steps. */
.crm-deal-stages{position:relative;min-width:0;max-width:100%}
.crm-deal-stage-rail{position:absolute;inset:0 0 auto;display:flex;visibility:hidden;pointer-events:none;align-items:center;gap:6px;width:100%;max-width:100%;height:0;overflow:hidden;padding:3px 4px;box-sizing:border-box}
.crm-deal-stages.is-rail .crm-deal-stage-rail{position:relative;inset:auto;visibility:visible;pointer-events:auto;height:auto}
.crm-deal-stages.is-rail .crm-deal-stage-picker{display:none}
.crm-deal-stage-option,.crm-deal-stage-current{box-sizing:border-box;flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;max-inline-size:min(22rem,82vw);min-height:34px;height:auto!important;padding:6px 10px!important;border:1px solid var(--line)!important;border-radius:var(--r-pill)!important;background:transparent!important;box-shadow:none!important;color:var(--ink-soft)!important;font:inherit;font-size:var(--text-sm)!important;font-weight:500;line-height:1.3;overflow-wrap:anywhere;text-align:left}
.crm-deal-stage-option>.btn-t{display:inline-flex;align-items:center;gap:6px;min-width:0;white-space:normal}
.crm-deal-stage-dot{display:inline-block;width:7px;height:7px;flex:none;border-radius:2px}
.crm-deal-stage-current{color:var(--ink)!important;font-weight:600;border-color:var(--accent)!important;background:var(--accent-wash)!important;box-shadow:inset 0 0 0 .5px var(--accent)!important}
.crm-deal-stage-option:hover{background:var(--surface-sunken)!important;color:var(--ink)!important;border-color:var(--line-strong)!important}
.crm-deal-stage-option:focus-visible{outline:2px solid var(--accent);outline-offset:1px}
.crm-deal-stage-picker{display:flex;align-items:center;gap:9px;min-width:0;min-height:44px;padding:0 10px 0 12px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);font-size:var(--text-base);color:var(--ink)}
.crm-deal-stage-label{color:var(--muted);font-size:var(--text-sm);flex:none}
.crm-deal-stage-picker select{font:inherit;color:var(--ink);background:transparent;border:0;box-shadow:none;min-width:0;flex:1;width:0;min-height:44px;padding:6px 3px;cursor:pointer;opacity:1}
.crm-deal-stage-picker select:disabled{cursor:default;-webkit-text-fill-color:var(--ink)}
.crm-deal-stage-picker:focus-within{outline:2px solid var(--accent);outline-offset:2px}
.crm-deal-stage-picker select:focus-visible{outline:none}