.crm-workflow-creation{max-width:1100px;min-width:0}.crm-workflow-creation *{box-sizing:border-box}.crm-workflow-creation .btn,.crm-workflow-creation input:not([type=checkbox]),.crm-workflow-creation select{min-height:44px}.crm-workflow-creation .btn{white-space:normal;overflow-wrap:anywhere}.direction-form{display:grid;gap:20px}.direction-note{color:#52647a;line-height:1.6;overflow-wrap:anywhere}.direction-source{display:flex;align-items:flex-end;gap:14px;flex-wrap:wrap;padding:20px;background:#f5f8fc;border:1px solid #dbe3ee;border-radius:12px}.direction-source .field-group{flex:1;min-width:230px;margin:0}.direction-source p{flex-basis:100%;margin:0}.direction-stages{display:grid;gap:16px}.direction-stage{padding:20px;border:1px solid #dbe3ee;border-radius:12px;background:white;min-width:0}.direction-stage-top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:12px}.direction-stage h2{font-size:18px;margin:0}.direction-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.direction-stage-options{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:center}.direction-check{display:flex;align-items:center;gap:10px;min-height:44px;margin:0;cursor:pointer}.direction-check input{width:20px;height:20px;flex-shrink:0}.direction-result{padding:24px;border:1px solid #bad8cf;border-radius:12px;background:#f1faf6;overflow-wrap:anywhere}.direction-result li{margin-bottom:8px}.direction-result .direction-actions{margin:20px 0}.direction-retry{padding:16px;border:1px solid #dfbb62;border-radius:12px;margin-top:16px}.direction-form input,.direction-form select{width:100%;min-width:0}.direction-form input[type=checkbox]{width:20px}.crm-workflow-creation .field-group{min-width:0}@media(max-width:600px){.direction-stage-options{grid-template-columns:1fr;gap:8px}.direction-source{padding:14px}.direction-source .field-group{min-width:0;flex-basis:100%}.direction-stage{padding:14px}.direction-stage-top{align-items:flex-start}.direction-stage-top .direction-actions{width:100%}.direction-result{padding:18px}.direction-form>.direction-actions{align-items:stretch}.direction-form>.direction-actions .btn{flex:1}.direction-source>.btn{width:100%}}
.crm-workflow-creation .direction-check input[type=checkbox]{appearance:auto;padding:0;min-height:20px;min-width:20px;margin:0;cursor:pointer}
