.workflow-page{max-width:1300px}.workflow-hero{display:flex;justify-content:space-between;align-items:flex-end;padding:12px 0 22px}.eyebrow{font-size:10px;letter-spacing:.12em;color:#2f6fed;font-weight:700}.workflow-hero h2{font-size:25px;margin-top:5px}.workflow-hero p{color:#667085;font-size:13px;margin-top:5px}.workflow-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(270px,1fr);gap:16px}.section-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.section-title h3{font-size:15px}.section-title span{font-size:11px;background:#eef1f6;padding:3px 7px;border-radius:9px}.workflow-item{display:flex;align-items:center;gap:10px;padding:13px 4px;border-bottom:1px solid #e4e8ef}.workflow-item:last-child{border-bottom:0}.workflow-dot{width:9px;height:9px;border-radius:50%;background:#98a2b3}.workflow-dot.active{background:#16a36a}.workflow-item-main{flex:1;display:flex;flex-direction:column;gap:3px}.workflow-item-main strong{font-size:13px}.workflow-item-main span,.workflow-item-main small,.run-history p{font-size:11px;color:#667085}.status-pill{font-size:10px;text-transform:capitalize;padding:3px 7px;border-radius:9px;background:#f2f4f7;color:#667085}.status-pill.active{background:#e9f8f1;color:#168151}.text-button{border:0;background:none;color:#2f6fed;font-size:11px;cursor:pointer}.text-button.danger{color:#d9475c}.empty-workflow{text-align:center;padding:55px 15px}.empty-workflow p{font-size:12px;color:#667085;margin:7px 0 17px}.run-item{border-bottom:1px solid #e4e8ef;padding:11px 0;display:flex;flex-direction:column;gap:3px}.run-item:last-child{border:0}.run-item strong{font-size:12px}.run-item span,.run-item small{font-size:10px;color:#667085}.workflow-modal{width:min(920px,calc(100% - 28px));max-height:90vh;overflow:auto;padding:24px}.workflow-steps{display:flex;gap:18px;font-size:11px;color:#2f6fed;font-weight:600;border-bottom:1px solid #e4e8ef;padding-bottom:13px;margin-bottom:16px}.workflow-builder-section{border:1px solid #e4e8ef;border-radius:6px;padding:15px;margin-bottom:13px}.workflow-builder-section h3{font-size:14px}.builder-heading{display:flex;justify-content:space-between;align-items:start;margin-bottom:12px}.builder-heading p{font-size:11px;color:#667085;margin-top:3px}.workflow-rule,.workflow-action{display:grid;grid-template-columns:1fr 1fr 1fr 28px;gap:8px;align-items:center;background:#f8f9fb;border-radius:5px;padding:9px;margin-top:8px}.workflow-action{grid-template-columns:150px 1fr 1fr 28px}.rule-remove{border:0;background:transparent;color:#d9475c;font-size:19px;cursor:pointer}.workflow-active{font-size:12px;color:#475467;margin-right:auto;display:flex;align-items:center;gap:7px}@media(max-width:850px){.workflow-grid{grid-template-columns:1fr}.workflow-item{flex-wrap:wrap}.workflow-rule,.workflow-action{grid-template-columns:1fr}.workflow-steps{overflow:auto;white-space:nowrap}.workflow-hero{align-items:start;gap:12px}}

/* Full-screen visual automation studio */
.workflow-visual-overlay{position:fixed;inset:0;z-index:1200;background:#f3f5f9;color:#172033}.workflow-studio{height:100%;display:flex;flex-direction:column}.workflow-studio-header{height:76px;display:flex;align-items:center;gap:14px;padding:0 20px;background:var(--bg-card,#fff);border-bottom:1px solid var(--border-color,#e1e6ef);box-shadow:0 2px 12px rgba(16,24,40,.05);z-index:3}.workflow-back{width:38px;height:38px;border:1px solid var(--border-color,#dce2eb);border-radius:10px;background:transparent;color:var(--text-primary,#172033);font-size:20px;cursor:pointer}.workflow-name-editor{min-width:260px;flex:1}.workflow-name-editor span{display:block;margin-bottom:3px}.workflow-name-editor input{width:min(520px,100%);border:0;background:transparent;color:var(--text-primary,#172033);font:700 18px var(--font-title,inherit);outline:0}.workflow-name-editor input::placeholder{color:#98a2b3}.workflow-save-state{display:flex;align-items:center;gap:10px}.workflow-save-state>label{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:650}.workflow-health{font-size:11px;font-weight:700;padding:6px 9px;border-radius:999px}.workflow-health.ready{color:#087a55;background:#e7f8f1}.workflow-health.needs-work{color:#a15c00;background:#fff4d9}.workflow-studio-body{min-height:0;flex:1;display:grid;grid-template-columns:260px minmax(460px,1fr) 330px}.workflow-palette,.workflow-inspector{background:var(--bg-card,#fff);overflow:auto;padding:22px 18px}.workflow-palette{border-right:1px solid var(--border-color,#e1e6ef)}.workflow-inspector{border-left:1px solid var(--border-color,#e1e6ef)}.workflow-palette h3,.workflow-inspector h3{font-size:16px;margin:4px 0}.workflow-palette>div>p,.workflow-inspector-heading+label,.workflow-test-panel p{font-size:11px;color:var(--text-secondary,#667085)}.workflow-palette-item{width:100%;display:grid;grid-template-columns:34px 1fr 18px;align-items:center;gap:9px;text-align:left;border:1px solid var(--border-color,#e1e6ef);background:var(--bg-card,#fff);padding:11px;margin-top:10px;border-radius:11px;cursor:pointer;transition:.18s ease}.workflow-palette-item:hover{transform:translateY(-1px);border-color:#6c70df;box-shadow:0 7px 18px rgba(57,67,125,.1)}.workflow-palette-item i,.workflow-node-icon{width:32px;height:32px;display:grid;place-items:center;border-radius:9px;background:#eef4ff;color:#356ad2;font-style:normal;font-weight:800}.workflow-palette-item.green i,.workflow-node.green .workflow-node-icon{background:#e7f8f1;color:#08875d}.workflow-palette-item.purple i,.workflow-node.purple .workflow-node-icon{background:#f1ebff;color:#7046bf}.workflow-palette-item.orange i,.workflow-node.orange .workflow-node-icon{background:#fff0e5;color:#d76613}.workflow-palette-item span{min-width:0}.workflow-palette-item strong,.workflow-palette-item small{display:block}.workflow-palette-item strong{font-size:12px;color:var(--text-primary,#172033)}.workflow-palette-item small{font-size:10px;line-height:1.35;color:var(--text-secondary,#667085);margin-top:2px}.workflow-palette-item b{color:#667085}.workflow-builder-help{margin-top:20px;padding:13px;background:#f5f7fb;border-radius:10px}.workflow-builder-help strong{font-size:11px}.workflow-builder-help p{margin-top:4px!important;line-height:1.5}.workflow-canvas-shell{min-width:0;display:flex;flex-direction:column;background-color:#f6f8fb;background-image:radial-gradient(#cfd6e4 1px,transparent 1px);background-size:22px 22px}.workflow-canvas-toolbar{height:46px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;background:rgba(255,255,255,.88);border-bottom:1px solid #e1e6ef;backdrop-filter:blur(8px);font-size:11px;color:#667085}.workflow-canvas-toolbar div{display:flex;align-items:center;border:1px solid #dce2eb;background:#fff;border-radius:8px;overflow:hidden}.workflow-canvas-toolbar button{border:0;background:#fff;width:31px;height:28px;cursor:pointer}.workflow-canvas-toolbar b{min-width:48px;text-align:center}.workflow-canvas-scroll{min-height:0;flex:1;overflow:auto;padding:38px}.workflow-canvas{width:440px;margin:0 auto;transform-origin:top center;transition:transform .15s ease;padding-bottom:80px}.workflow-node{width:100%;min-height:92px;display:grid;grid-template-columns:42px 1fr 24px;align-items:center;gap:12px;text-align:left;border:1px solid #d7deea;border-left:4px solid #4d72e8;border-radius:13px;background:var(--bg-card,#fff);padding:15px;box-shadow:0 5px 15px rgba(31,42,68,.06);cursor:pointer;color:var(--text-primary,#172033);position:relative}.workflow-node:hover,.workflow-node.selected{border-color:#526de0;box-shadow:0 0 0 3px rgba(82,109,224,.12),0 12px 28px rgba(31,42,68,.11)}.workflow-node.condition{border-left-color:#8b5cf6}.workflow-node.condition .workflow-node-icon{background:#f1ebff;color:#7046bf}.workflow-node small,.workflow-node strong,.workflow-node p{display:block}.workflow-node small{font-size:9px;letter-spacing:.1em;color:#7d8798;font-weight:800}.workflow-node strong{font-size:13px;margin:4px 0}.workflow-node p{font-size:10px;color:#667085;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.workflow-node>i{font-style:normal;color:#98a2b3;font-size:18px}.workflow-node.action{grid-template-columns:18px 42px 1fr 28px;border-left-color:#356ad2}.workflow-node.action.green{border-left-color:#08875d}.workflow-node.action.purple{border-left-color:#7046bf}.workflow-node.action.orange{border-left-color:#d76613}.workflow-drag{color:#98a2b3;cursor:grab;font-size:12px}.workflow-node-order{width:25px;height:25px;display:grid;place-items:center;border-radius:50%;background:#f0f3f8;color:#657084;font-size:10px;font-weight:800}.workflow-connector{height:62px;display:flex;flex-direction:column;align-items:center}.workflow-connector span{width:2px;flex:1;background:#bfc8d9}.workflow-connector button{width:25px;height:25px;border-radius:50%;border:1px solid #aeb9cc;background:#fff;color:#526de0;font-size:15px;cursor:pointer;line-height:1}.workflow-connector.end{height:54px}.workflow-end-node{width:150px;margin:auto;border:1px solid #cfd7e5;border-radius:999px;background:#fff;padding:9px 13px;display:flex;justify-content:center;align-items:center;gap:8px;font-size:11px;color:#667085}.workflow-end-node span{color:#0c966c}.workflow-inspector>label{display:flex;flex-direction:column;gap:6px;font-size:11px;font-weight:700;margin-top:15px;text-transform:none}.workflow-inspector-heading{display:flex;align-items:center;gap:10px;padding-bottom:14px;border-bottom:1px solid var(--border-color,#e1e6ef)}.workflow-inspector-heading>span{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;background:#eef4ff;color:#356ad2;font-weight:800}.workflow-inspector-heading small{font-size:9px;color:#7d8798;letter-spacing:.1em;font-weight:800}.workflow-info-card,.workflow-empty-filter{padding:13px;margin-top:16px;border-radius:10px;background:#f5f7fb}.workflow-info-card strong,.workflow-empty-filter strong{font-size:11px}.workflow-info-card p,.workflow-empty-filter p{font-size:10px;color:#667085;line-height:1.5;margin-top:3px}.workflow-condition-stack{display:flex;flex-direction:column;gap:10px;margin-top:14px}.workflow-condition-editor{border:1px solid #dce2eb;border-radius:10px;padding:10px;background:#f9fafc}.workflow-condition-editor>div{display:flex;align-items:center;gap:7px;margin-bottom:8px}.workflow-condition-editor>div b{width:20px;height:20px;display:grid;place-items:center;border-radius:50%;background:#e9edff;color:#526de0;font-size:9px}.workflow-condition-editor>div strong{font-size:10px;flex:1}.workflow-condition-editor>div button{border:0;background:transparent;color:#d9475c;cursor:pointer}.workflow-condition-editor .form-select,.workflow-condition-editor .form-input{margin-top:6px}.workflow-add-wide{width:100%;margin-top:12px;padding:10px;border:1px dashed #8c9bb4;border-radius:9px;background:transparent;color:#526de0;font-size:11px;font-weight:700;cursor:pointer}.workflow-node-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:18px}.workflow-node-actions button{border:1px solid #dce2eb;background:transparent;border-radius:8px;padding:8px;font-size:10px;cursor:pointer;color:var(--text-primary,#344054)}.workflow-node-actions button:disabled{opacity:.4}.workflow-node-actions .danger{grid-column:1/-1;color:#c93247;border-color:#f0c7ce}.workflow-test-panel{border-top:1px solid var(--border-color,#e1e6ef);margin-top:24px;padding-top:18px}.workflow-test-panel>.form-select{margin:12px 0 8px}.workflow-test-panel>.btn{width:100%}.workflow-test-result{margin-top:10px;padding:11px;border-radius:9px;background:#fff4d9;color:#7b4d00}.workflow-test-result.matched{background:#e7f8f1;color:#087a55}.workflow-test-result strong{font-size:11px}.workflow-test-result ul{padding-left:17px;margin-top:6px;font-size:10px;line-height:1.5}.workflow-test-result p{margin-top:5px}.workflow-list,.run-history{padding:17px}.workflow-item{border-radius:10px;padding:14px 10px;margin-bottom:6px;border:1px solid transparent}.workflow-item:hover{background:#f8f9fc;border-color:#e5e9f2}.run-item{padding:12px;border-radius:8px}.run-item:hover{background:#f8f9fc}

@media(max-width:1100px){.workflow-studio-body{grid-template-columns:210px minmax(400px,1fr) 300px}.workflow-palette-item{grid-template-columns:30px 1fr}.workflow-palette-item>b{display:none}}
@media(max-width:850px){.workflow-visual-overlay{overflow:auto}.workflow-studio{min-height:100%}.workflow-studio-header{height:auto;min-height:74px;flex-wrap:wrap;padding:12px}.workflow-name-editor{min-width:calc(100% - 60px)}.workflow-save-state{width:100%;flex-wrap:wrap}.workflow-health{margin-right:auto}.workflow-studio-body{display:flex;flex-direction:column}.workflow-palette{order:2;border:0;border-top:1px solid #e1e6ef}.workflow-canvas-shell{order:1;min-height:580px}.workflow-inspector{order:3;border:0;border-top:1px solid #e1e6ef}.workflow-palette-item{grid-template-columns:34px 1fr 18px}.workflow-palette-item>b{display:block}.workflow-canvas-scroll{padding:24px 14px}.workflow-canvas{width:min(440px,100%)}.workflow-save-state .btn{flex:1}.workflow-studio-header .workflow-name-editor input{font-size:15px}}

/* Graphical workflow library */
.workflow-overview-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:18px}.workflow-overview-stats>div{display:flex;align-items:center;gap:12px;padding:15px 17px;border:1px solid var(--border-color,#e1e6ef);border-radius:13px;background:var(--bg-card,#fff);box-shadow:0 3px 12px rgba(31,42,68,.04)}.workflow-overview-stats p{display:flex;flex-direction:column;gap:2px}.workflow-overview-stats small{font-size:9px;font-weight:800;letter-spacing:.09em;color:var(--text-secondary,#667085)}.workflow-overview-stats strong{font-size:22px;color:var(--text-primary,#172033)}.workflow-stat-icon{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;font-weight:800}.workflow-stat-icon.live{background:#e7f8f1;color:#08875d}.workflow-stat-icon.draft{background:#fff4d9;color:#a15c00}.workflow-stat-icon.runs{background:#eef4ff;color:#356ad2}.workflow-library{min-width:0}.workflow-library>.section-title{padding:2px 2px 10px}.workflow-library>.section-title div,.run-history>.section-title div{display:flex;flex-direction:column;gap:3px}.workflow-library>.section-title p,.run-history>.section-title p{font-size:10px;color:var(--text-secondary,#667085)}.workflow-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.workflow-card{padding:15px;min-width:0;border:1px solid var(--border-color,#e1e6ef);transition:.18s ease}.workflow-card:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(31,42,68,.09);border-color:#bfc9dc}.workflow-card-heading{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px}.workflow-card-heading>div:nth-child(2){display:flex;flex-direction:column;min-width:0;gap:3px}.workflow-card-heading strong{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.workflow-card-heading span:not(.status-pill){font-size:10px;color:var(--text-secondary,#667085)}.workflow-card-badge{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:#f0f2f7;color:#7d8798}.workflow-card-badge.active{background:#e7f8f1;color:#08875d}.workflow-mini-map{display:grid;grid-template-columns:minmax(0,1fr) 16px minmax(0,1fr) 16px minmax(0,1fr);align-items:center;margin:15px 0;padding:12px;border-radius:11px;background:#f7f9fc;border:1px solid #edf0f5}.workflow-mini-map>b{height:2px;background:#bdc7d8;position:relative}.workflow-mini-map>b:after{content:'›';position:absolute;right:-1px;top:-9px;color:#8b96a8}.workflow-mini-step{display:flex;align-items:center;gap:6px;min-width:0}.workflow-mini-step i{width:25px;height:25px;flex:0 0 25px;border-radius:7px;display:grid;place-items:center;background:#e9efff;color:#356ad2;font-style:normal;font-size:10px}.workflow-mini-step.filter i{background:#f1ebff;color:#7046bf}.workflow-mini-step.action i{background:#e7f8f1;color:#08875d}.workflow-mini-step span{min-width:0;display:flex;flex-direction:column;gap:2px}.workflow-mini-step small{font-size:7px;letter-spacing:.08em;color:#8b95a7;font-weight:800}.workflow-mini-step strong{font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.workflow-card-footer{display:flex;justify-content:space-between;align-items:center;gap:8px}.workflow-card-footer>small{font-size:9px;color:var(--text-secondary,#667085)}.workflow-card-footer>div{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:5px}.run-history{align-self:start}.run-item{display:flex;flex-direction:row;gap:9px;align-items:flex-start}.run-item>i{width:23px;height:23px;flex:0 0 23px;border-radius:50%;display:grid;place-items:center;background:#e7f8f1;color:#08875d;font-style:normal;font-size:9px}.run-item>div{display:flex;flex-direction:column;gap:3px;min-width:0}.workflow-activity-empty{text-align:center;padding:32px 10px;color:var(--text-secondary,#667085)}.workflow-activity-empty span{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#f2f4f7;margin:0 auto 8px;font-size:18px}.empty-workflow-icon{width:54px;height:54px;display:grid;place-items:center;border-radius:15px;background:#f1ebff;color:#7046bf;font-size:20px;margin:0 auto 12px}

[data-theme="dark"] .workflow-visual-overlay{background:#0d1119;color:#e8edf7}[data-theme="dark"] .workflow-canvas-shell{background-color:#111722;background-image:radial-gradient(#313a4a 1px,transparent 1px)}[data-theme="dark"] .workflow-canvas-toolbar{background:rgba(18,24,35,.9);border-color:#303949;color:#9ba6b8}[data-theme="dark"] .workflow-canvas-toolbar div,[data-theme="dark"] .workflow-canvas-toolbar button,[data-theme="dark"] .workflow-connector button,[data-theme="dark"] .workflow-end-node{background:#171e2a;border-color:#3a4557;color:#c6cfdd}[data-theme="dark"] .workflow-node p,[data-theme="dark"] .workflow-palette-item small,[data-theme="dark"] .workflow-info-card p,[data-theme="dark"] .workflow-empty-filter p{color:#9ba6b8}[data-theme="dark"] .workflow-builder-help,[data-theme="dark"] .workflow-info-card,[data-theme="dark"] .workflow-empty-filter,[data-theme="dark"] .workflow-condition-editor,[data-theme="dark"] .workflow-node-order,[data-theme="dark"] .workflow-mini-map{background:#171e2a;border-color:#303949}[data-theme="dark"] .workflow-mini-map>b{background:#475268}[data-theme="dark"] .workflow-card:hover,[data-theme="dark"] .run-item:hover{background:#171e2a}[data-theme="dark"] .workflow-activity-empty span{background:#202838}

@media(max-width:1050px){.workflow-card-grid{grid-template-columns:1fr}.workflow-overview-stats{grid-template-columns:repeat(3,minmax(140px,1fr));overflow:auto}}
@media(max-width:650px){.workflow-overview-stats{grid-template-columns:1fr}.workflow-card-heading{grid-template-columns:38px minmax(0,1fr)}.workflow-card-heading>.status-pill{grid-column:2;justify-self:start}.workflow-mini-map{grid-template-columns:1fr}.workflow-mini-map>b{width:2px;height:14px;margin-left:12px}.workflow-mini-map>b:after{content:'⌄';right:-4px;top:2px}.workflow-card-footer{align-items:flex-start;flex-direction:column}.workflow-card-footer>div{justify-content:flex-start}.workflow-overview-stats{overflow:visible}}

/* Multiple triggers and graphical branches */
.workflow-palette-item.branch i,.workflow-node.branch .workflow-node-icon{background:#ffe9e4;color:#c64b31}.workflow-branch-node{width:100%;border-radius:15px}.workflow-branch-node.selected>.workflow-node{border-color:#c64b31;box-shadow:0 0 0 3px rgba(198,75,49,.12),0 12px 28px rgba(31,42,68,.11)}.workflow-node.action.branch{border-left-color:#e05c3f}.workflow-branch-split{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:25px 0 5px;position:relative}.workflow-branch-split:before{content:'';position:absolute;left:25%;right:25%;top:12px;height:1px;background:#aeb9cc}.workflow-branch-split:after{content:'';position:absolute;left:50%;top:0;height:12px;width:1px;background:#aeb9cc}.workflow-branch-split>div{min-width:0;border:1px solid #dce2eb;border-radius:11px;background:var(--bg-card,#fff);padding:10px;display:flex;flex-direction:column;gap:6px;position:relative}.workflow-branch-split>div:before{content:'';position:absolute;left:50%;top:-13px;height:13px;width:1px;background:#aeb9cc}.workflow-path-label{align-self:flex-start;padding:3px 7px;border-radius:999px;font-size:8px;font-weight:850;letter-spacing:.08em}.workflow-path-label.yes{background:#e7f8f1;color:#087a55}.workflow-path-label.no{background:#fff0ed;color:#b44029}.workflow-path-action,.workflow-path-empty{display:block;padding:6px 7px;border-radius:6px;background:#f6f8fb;color:#556176;font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.workflow-path-empty{font-style:italic;color:#98a2b3}.workflow-trigger-options{margin-top:17px}.workflow-trigger-options>strong{font-size:11px}.workflow-trigger-options>p{font-size:10px;color:var(--text-secondary,#667085);margin:3px 0 9px}.workflow-trigger-options>label{display:grid;grid-template-columns:18px 1fr;gap:8px;align-items:start;padding:10px;margin-top:7px;border:1px solid var(--border-color,#dce2eb);border-radius:9px;cursor:pointer}.workflow-trigger-options>label.selected{border-color:#526de0;background:#f5f7ff;box-shadow:0 0 0 2px rgba(82,109,224,.08)}.workflow-trigger-options>label span{display:flex;flex-direction:column;gap:3px}.workflow-trigger-options>label b{font-size:10px;color:var(--text-primary,#172033)}.workflow-trigger-options>label small{font-size:9px;line-height:1.35;color:var(--text-secondary,#667085)}.workflow-branch-inspector{margin-top:4px}.workflow-branch-inspector>label{display:flex;flex-direction:column;gap:6px;font-size:11px;font-weight:700;margin-top:14px}.workflow-path-editor{margin-top:16px;padding:11px;border:1px solid #dce2eb;border-radius:11px;background:#f9fafc}.workflow-path-editor.yes{border-top:3px solid #1a9b70}.workflow-path-editor.no{border-top:3px solid #d66249}.workflow-path-heading{display:flex;align-items:center;gap:7px;margin-bottom:9px}.workflow-path-heading span{padding:3px 6px;border-radius:999px;background:#e8edf4;font-size:8px;font-weight:850}.workflow-path-editor.yes .workflow-path-heading span{background:#e7f8f1;color:#087a55}.workflow-path-editor.no .workflow-path-heading span{background:#fff0ed;color:#b44029}.workflow-path-heading strong{font-size:10px}.workflow-child-action{border:1px solid #e0e5ed;background:var(--bg-card,#fff);border-radius:9px;padding:9px;margin-top:8px}.workflow-child-action>div:first-child{display:grid;grid-template-columns:1fr 25px;gap:5px}.workflow-child-action>div:first-child button{border:0;background:transparent;color:#c93247;cursor:pointer}.workflow-child-action>label{display:flex;flex-direction:column;gap:5px;font-size:9px;font-weight:700;margin-top:8px}.workflow-path-add{display:flex;align-items:center;gap:5px;margin-top:9px}.workflow-path-add span{flex:1;font-size:9px;color:#667085}.workflow-path-add button{width:26px;height:26px;border:1px solid #d5dce7;border-radius:7px;background:var(--bg-card,#fff);color:#526de0;cursor:pointer;font-weight:800}
.workflow-palette-item.delay i,.workflow-node.delay .workflow-node-icon{background:#e8f7ff;color:#087aa7}.workflow-node.action.delay{border-left-color:#1594c5}.workflow-delay-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.workflow-delay-grid label{display:flex;flex-direction:column;gap:6px;font-size:11px;font-weight:700}.workflow-delay-note{display:flex;gap:10px;align-items:flex-start;margin-top:14px;padding:12px;border:1px solid #bde5f4;border-radius:11px;background:#effaff}.workflow-delay-note>span{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:#d7f2fc;color:#087aa7;font-size:17px}.workflow-delay-note strong{font-size:10px}.workflow-delay-note p{margin-top:3px;font-size:9px;line-height:1.45;color:#5e7280}.workflow-branch-inspector{padding-top:4px}.workflow-branch-inspector:before{content:'PROPERTY-BASED ROUTING';display:block;margin:10px 0 4px;color:#c64b31;font-size:9px;font-weight:850;letter-spacing:.08em}.workflow-condition-editor{transition:border-color .18s ease,box-shadow .18s ease}.workflow-condition-editor:focus-within{border-color:#7567df;box-shadow:0 0 0 3px rgba(117,103,223,.1)}.workflow-path-editor{transition:transform .18s ease,box-shadow .18s ease}.workflow-path-editor:focus-within{transform:translateY(-1px);box-shadow:0 10px 24px rgba(31,42,68,.08)}.workflow-path-add button:hover{border-color:#526de0;background:#f1f3ff;transform:translateY(-1px)}
.workflow-branch-path-picker{margin:14px 0;padding:11px;border:1px solid #dce2eb;border-radius:11px;background:#f9fafc}.workflow-branch-path-picker>strong{display:block;font-size:11px}.workflow-branch-path-picker>p{margin:3px 0 9px;font-size:9px;color:#667085}.workflow-branch-path-picker>div{display:flex;flex-wrap:wrap;gap:6px}.workflow-branch-path-picker button{border:1px solid #d5dce7;border-radius:999px;background:#fff;padding:6px 10px;color:#526de0;font-size:9px;font-weight:750;cursor:pointer}.workflow-branch-path-picker button.selected{border-color:#526de0;background:#eef1ff;box-shadow:0 0 0 2px rgba(82,109,224,.12)}.workflow-branch-path-picker button.add-path{border-style:dashed;color:#087a55}.workflow-extra-branch-path{width:100%;display:grid;grid-template-columns:28px 1fr auto 18px;align-items:center;gap:7px;margin-top:8px;padding:9px 11px;border:1px solid #dce2eb;border-radius:10px;background:#f9fafc;color:#344054;text-align:left;cursor:pointer}.workflow-extra-branch-path>span{width:24px;height:24px;display:grid;place-items:center;border-radius:7px;background:#f1ebff;color:#7046bf}.workflow-extra-branch-path strong{font-size:10px}.workflow-extra-branch-path small{font-size:9px;color:#667085}.workflow-extra-branch-path i{font-style:normal;color:#526de0}.workflow-extra-branch-path.active{border-color:#526de0;box-shadow:0 0 0 3px rgba(82,109,224,.12)}.workflow-extra-branch-path:hover{border-color:#8b98ad;transform:translateY(-1px)}.workflow-branch-path-count{margin:8px 0 4px;color:#64748b;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}[data-theme="dark"] .workflow-branch-path-picker,[data-theme="dark"] .workflow-extra-branch-path{background:#171e2a;border-color:#303949}[data-theme="dark"] .workflow-branch-path-picker button{background:#171e2a;border-color:#303949}
[data-theme="dark"] .workflow-branch-split>div,[data-theme="dark"] .workflow-child-action,[data-theme="dark"] .workflow-path-add button{background:#171e2a;border-color:#303949}[data-theme="dark"] .workflow-path-action,[data-theme="dark"] .workflow-path-empty,[data-theme="dark"] .workflow-path-editor{background:#171e2a;border-color:#303949;color:#aeb8c8}[data-theme="dark"] .workflow-trigger-options>label.selected{background:#1c2740}
@media(max-width:850px){.workflow-branch-split{gap:8px}.workflow-trigger-options>label{padding:12px}.workflow-path-editor{padding:10px}}
.workflow-branch-split>div[role="button"]{cursor:pointer;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.workflow-branch-split>div[role="button"]:hover{transform:translateY(-2px);border-color:#8794aa;box-shadow:0 8px 20px rgba(31,42,68,.1)}.workflow-branch-split>div[role="button"]:focus-visible{outline:3px solid rgba(82,109,224,.22);outline-offset:2px}.workflow-branch-split>div.active:first-child{border-color:#1a9b70;box-shadow:0 0 0 3px rgba(26,155,112,.13),0 8px 20px rgba(31,42,68,.1)}.workflow-branch-split>div.active:last-child{border-color:#d66249;box-shadow:0 0 0 3px rgba(214,98,73,.13),0 8px 20px rgba(31,42,68,.1)}.workflow-path-label{font-size:0}.workflow-path-label.yes:after{content:'IF';font-size:8px}.workflow-path-label.no:after{content:'ELSE';font-size:8px}.workflow-selected-path{display:flex;gap:10px;align-items:center;margin-bottom:14px;padding:11px;border-radius:11px;border:1px solid}.workflow-selected-path>span{min-width:42px;padding:5px 8px;text-align:center;border-radius:999px;font-size:9px;font-weight:900;letter-spacing:.08em}.workflow-selected-path strong{display:block;font-size:11px}.workflow-selected-path p{margin-top:2px;font-size:9px;color:#667085}.workflow-selected-path.yes{background:#f0fbf7;border-color:#bce8d8}.workflow-selected-path.yes>span{background:#d9f5ea;color:#087a55}.workflow-selected-path.no{background:#fff6f3;border-color:#f0c9c0}.workflow-selected-path.no>span{background:#ffe5de;color:#b44029}.workflow-path-heading span{font-size:0}.workflow-path-editor.yes .workflow-path-heading span:after{content:'IF';font-size:8px}.workflow-path-editor.no .workflow-path-heading span:after{content:'ELSE';font-size:8px}.workflow-path-editor.yes:has(.form-select:focus,.form-input:focus),.workflow-path-editor.yes:target{border-color:#1a9b70;box-shadow:0 0 0 3px rgba(26,155,112,.1)}.workflow-path-editor.no:has(.form-select:focus,.form-input:focus),.workflow-path-editor.no:target{border-color:#d66249;box-shadow:0 0 0 3px rgba(214,98,73,.1)}[data-theme="dark"] .workflow-selected-path.yes,[data-theme="dark"] .workflow-selected-path.no{background:#171e2a}[data-theme="dark"] .workflow-selected-path p{color:#9ba6b8}