.fu-workflow{padding:20px;border:1px solid #dce3eb;border-radius:16px;background:#fff}.fu-workflow-head{display:flex;justify-content:space-between;align-items:center;gap:16px}.fu-workflow-head h3{margin:6px 0 18px;font-size:21px}.fu-enable{display:flex!important;align-items:center;gap:8px;white-space:nowrap;font-size:12px;font-weight:600}.fu-workflow-fields{display:grid;grid-template-columns:1fr 2fr;gap:14px}.fu-workflow label:not(.fu-enable){display:grid;gap:6px;font-size:12px;font-weight:600}.fu-workflow input:not([type=checkbox]),.fu-workflow select{box-sizing:border-box;width:100%;border:1px solid #dce3eb;border-radius:9px;background:#fff;color:#142033;padding:10px;font:inherit;min-width:0}.fu-workflow small{font-size:11px;font-weight:400;color:#697b90}.fu-help{font-size:12px;line-height:1.6;color:#697b90;margin:14px 0 20px}.fu-toolbar{display:flex;align-items:end;gap:12px;flex-wrap:wrap;padding:16px;background:#f6f8fb;border-radius:12px;margin-bottom:16px}.fu-toolbar label{flex:1;min-width:160px}.fu-toolbar button{white-space:nowrap}.fu-toolbar .text-link{font-size:11px;padding:10px 0}.fu-stages{display:grid;gap:10px}.fu-stage{border:1px solid #e0e6ed;border-radius:12px;overflow:hidden}.fu-stage>summary{padding:16px;cursor:pointer;background:#f6f8fb;font-size:14px}.fu-stage>summary strong{margin-left:6px}.fu-stage>summary>span{float:right;font-size:11px;color:#697b90}.fu-stage-body{padding:14px;display:grid;gap:10px}.fu-stage-tools{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:0 0 6px;font-size:11px;color:#697b90}.fu-step{padding:14px;background:#fff;border:1px solid #e0e6ed;border-radius:10px}.fu-step-head{display:flex;align-items:center;gap:12px}.fu-channel-icon{display:grid;place-items:center;width:48px;height:34px;border-radius:8px;background:#e8faf2;color:#147c5b;font-size:10px;font-weight:700;letter-spacing:.08em}.fu-step-name{flex:1}.fu-step-name input{border-color:transparent!important;font-size:13px!important;font-weight:600!important}.fu-step-name input:focus{border-color:#20a97f!important}.fu-step-head button{font-size:20px}.fu-step-fields{display:grid;grid-template-columns:1fr 1.6fr .8fr 1fr;gap:12px;margin:12px 0}.fu-step-meta{display:flex;justify-content:space-between;gap:10px;color:#697b90;font-size:11px;line-height:1.5}.fu-empty{font-size:12px;color:#697b90;margin:5px 0 12px}.fu-stage-body>button{justify-self:start}.fu-existing{margin-top:20px;padding-top:18px;border-top:1px solid #e0e6ed;font-size:13px}.fu-existing p{font-size:12px;color:#697b90;line-height:1.6;margin:6px 0 12px}.fu-existing>small{display:block;margin-top:6px}.fu-preview{margin-top:14px;padding:16px;background:#f6f8fb;border-radius:10px}.fu-preview ul{max-height:230px;overflow:auto;font-size:12px;line-height:1.8}.fu-preview button{margin-right:10px}@media(max-width:900px){.fu-step-fields{grid-template-columns:1fr 1fr}.fu-workflow-fields{grid-template-columns:1fr}.fu-step-meta{flex-direction:column;gap:3px}}@media(max-width:600px){.fu-workflow{padding:12px}.fu-stage-tools{align-items:start;flex-direction:column}.fu-stage>summary{padding:14px 10px}.fu-stage>summary>span{font-size:10px}.fu-toolbar{padding:10px}.fu-step{padding:10px}.fu-step-fields{gap:8px}}
/* 2026-10-17 html templates */
.ft-mode{display:flex;align-items:center;gap:6px;margin:14px 0 0;font-size:12px}.ft-mode>span{color:#748198;font-weight:600;margin-right:4px}.ft-mode label{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border:1px solid #dfe4ed;border-radius:20px;background:#f8faff;color:#536078;cursor:pointer;font-weight:600}.ft-mode label.active{border-color:#485cf0;background:#edf0ff;color:#485cf0}.ft-mode input[type=radio]{width:auto;margin:0;accent-color:#485cf0}.ft-layout textarea.ft-html-editor{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace;font-size:12.5px;line-height:1.55;tab-size:2;white-space:pre-wrap;overflow-wrap:anywhere;overflow:auto;min-height:220px;background:#0f141b;color:#e6edf3;border-color:#28333f;caret-color:#b0ffdc}.ft-layout textarea.ft-html-editor:focus{outline:2px solid #485cf0;outline-offset:1px}.ft-html-help{display:block;margin:-6px 0 12px;font-size:11px;line-height:1.6;color:#748198}.ft-preview [data-ft-preview] table{border-collapse:collapse;max-width:100%}.ft-preview [data-ft-preview] img{max-width:100%;height:auto}body.crm-luxury .ft-mode label{border-color:#28333f;background:#151f2a;color:#9aaabc}body.crm-luxury .ft-mode label.active{border-color:#b0ffdc;background:#1b2a2a;color:#b0ffdc}body.crm-luxury .ft-mode input[type=radio]{accent-color:#b0ffdc}body.crm-luxury .ft-mode>span,body.crm-luxury .ft-html-help{color:#9aaabc}body.crm-luxury .ft-layout textarea.ft-html-editor{background:#0b1016;color:#e8edf5;border-color:#28333f}body.crm-luxury .ft-layout textarea.ft-html-editor:focus{outline-color:#b0ffdc}body.crm-luxury.theme-light .ft-mode label{border-color:#eef2f7;background:#f1f6fb;color:#4f6176}body.crm-luxury.theme-light .ft-mode label.active{border-color:#089858;background:#e6f7ee;color:#089858}body.crm-luxury.theme-light .ft-mode input[type=radio]{accent-color:#089858}body.crm-luxury.theme-light .ft-mode>span,body.crm-luxury.theme-light .ft-html-help{color:#4f6176}body.crm-luxury.theme-light .ft-layout textarea.ft-html-editor{background:#111a28;color:#e8edf5;border-color:#eef2f7}body.crm-luxury.theme-light .ft-layout textarea.ft-html-editor:focus{outline-color:#089858}@media(max-width:600px){.ft-mode{flex-wrap:wrap}.ft-layout textarea.ft-html-editor{font-size:12px;min-height:180px}}
