/* Sellios Flow V1 — scoped orchestration workspace, shared Demo shell. */
.content.sellios-flow-canvas{width:100%;max-width:none;min-width:0;margin:0;padding:0!important}.flow-v1-workspace,.flow-v1-editor{width:100%;max-width:none;min-width:0;margin:0;padding:28px 30px 40px;box-sizing:border-box;color:#241d34}.flow-v1-root{width:100%;min-width:0}
.flow-v1-header{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:26px}.flow-v1-header>div{max-width:750px}.flow-v1-header h1,.flow-v1-editor h1{margin:5px 0 8px;font-size:clamp(31px,3.2vw,47px);line-height:1.06;letter-spacing:-.048em}.flow-v1-header p:not(.eyebrow),.flow-v1-form>header p:not(.eyebrow){margin:0;color:#756b82;font-size:15px;line-height:1.6}.flow-v1-header .button{flex:none}
.flow-v1-tabs{display:flex;gap:5px;width:max-content;max-width:100%;margin:0 0 22px;padding:5px;border:1px solid #e8e1ef;border-radius:13px;background:#fff;box-shadow:0 8px 22px rgba(54,26,101,.035)}.flow-v1-tabs button{padding:10px 15px;border:0;border-radius:9px;background:transparent;color:#746b80;font:800 13px/1 inherit}.flow-v1-tabs button.is-active{color:#5424c6;background:#f1ebff}
.flow-v1-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:22px}.flow-v1-kpis article{display:grid;gap:7px;min-height:132px;padding:20px;border:1px solid #e8e2ef;border-radius:17px;background:#fff;box-shadow:0 12px 30px rgba(45,20,86,.045)}.flow-v1-kpis small{color:#83798e;font-weight:800}.flow-v1-kpis strong{font-size:32px;line-height:1;color:#281a42}.flow-v1-kpis span{color:#7d7289;font-size:12px;line-height:1.45}
.flow-v1-list,.flow-v1-history{overflow:hidden;border:1px solid #e7e0ee;border-radius:18px;background:#fff;box-shadow:0 14px 34px rgba(43,17,85,.05)}.flow-v1-list-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:22px 24px;border-bottom:1px solid #eee8f2}.flow-v1-list-heading h2,.flow-v1-history h2{margin:0 0 5px;font-size:19px;letter-spacing:-.025em}.flow-v1-list-heading p,.flow-v1-history>div>p{margin:0;color:#7d7389;font-size:13px;line-height:1.5}.flow-v1-table-head,.flow-v1-row{display:grid;grid-template-columns:1.2fr 1.1fr 1.45fr .7fr 1.2fr 24px;gap:16px;align-items:center}.flow-v1-table-head{padding:13px 24px;color:#8a8094;border-bottom:1px solid #f0eaf4;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.045em}.flow-v1-row{width:100%;padding:18px 24px;text-align:left;border:0;border-bottom:1px solid #f1ecf4;background:#fff;color:#393044;cursor:pointer}.flow-v1-row:hover{background:#fbf9ff}.flow-v1-row>span{min-width:0;color:#62586d;font-size:12px;line-height:1.42}.flow-v1-row>span:first-child{display:grid;gap:4px}.flow-v1-row strong{overflow:hidden;color:#302342;font-size:14px;text-overflow:ellipsis;white-space:nowrap}.flow-v1-row small{overflow:hidden;color:#8b8294;text-overflow:ellipsis;white-space:nowrap}.flow-v1-row-arrow{color:#7341dd!important}.flow-v1-status{display:inline-flex;width:max-content;padding:5px 8px;border-radius:999px;font-size:11px;font-weight:900}.flow-v1-status-active{color:#08794a;background:#dcf7e9}.flow-v1-status-draft{color:#766586;background:#f0ebf4}.flow-v1-status-inactive{color:#91621a;background:#fff3d7}
.flow-v1-empty{display:grid;justify-items:start;gap:8px;padding:36px 24px;color:#7b7187}.flow-v1-empty strong{color:#392b4a}.flow-v1-empty p{margin:0;max-width:620px;font-size:13px;line-height:1.55}.flow-v1-empty .button{margin-top:8px}.flow-v1-history>div{padding:22px 24px;border-bottom:1px solid #eee8f2}.flow-v1-history ol{display:grid;gap:0;margin:0;padding:0;list-style:none}.flow-v1-history li{display:flex;justify-content:space-between;gap:20px;padding:17px 24px;border-bottom:1px solid #f1ecf4}.flow-v1-history li div{display:grid;gap:4px}.flow-v1-history li span,.flow-v1-history time{color:#7e7489;font-size:12px}.flow-v1-history time{white-space:nowrap}
.flow-v1-editor-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:21px;color:#877c92;font-size:12px;font-weight:850}.flow-v1-form{display:grid;gap:16px}.flow-v1-form>header{padding:4px 0 14px}.flow-v1-section{display:grid;grid-template-columns:245px minmax(0,1fr);gap:30px;padding:26px;border:1px solid #e7e0ed;border-radius:18px;background:#fff;box-shadow:0 12px 30px rgba(43,17,85,.04)}.flow-v1-section>div:first-child{position:relative;padding-left:47px}.flow-v1-section>div:first-child>b{position:absolute;left:0;top:0;display:grid;place-items:center;width:32px;height:32px;border-radius:10px;color:#6533d7;background:#efe7ff;font-size:12px}.flow-v1-section h2{margin:3px 0 7px;font-size:18px;letter-spacing:-.025em}.flow-v1-section p{margin:0;color:#7a7086;font-size:13px;line-height:1.52}.flow-v1-section label{display:grid;gap:8px;color:#5d5369;font-size:12px;font-weight:850}.flow-v1-section input,.flow-v1-section select{width:100%;min-height:44px;padding:0 12px;color:#332740;border:1px solid #ded6e8;border-radius:10px;background:#fff;font:inherit}.flow-v1-field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.flow-v1-rule-list,.flow-v1-action-list{display:grid;gap:10px;margin-bottom:13px}.flow-v1-rule,.flow-v1-action-row{display:grid;grid-template-columns:1.2fr .8fr 1fr auto;gap:9px;align-items:center;padding:10px;border:1px solid #eee8f2;border-radius:12px;background:#fbfaff}.flow-v1-action-row{grid-template-columns:1.25fr 1fr auto}.flow-v1-rule select,.flow-v1-rule input,.flow-v1-action-row select,.flow-v1-action-row input{min-height:40px;background:#fff}.flow-v1-placeholder{padding:12px!important;border:1px dashed #ddd3e8;border-radius:11px;background:#fbfaff}.flow-v1-readiness{display:flex;gap:13px;align-items:flex-start;padding:18px 20px;border:1px solid #dbe8e0;border-radius:15px;background:#f5fcf7}.flow-v1-readiness-needs_approval{border-color:#f2ddb1;background:#fffbf1}.flow-v1-readiness>span{display:grid;place-items:center;flex:0 0 auto;width:30px;height:30px;border-radius:9px;color:#13764c;background:#dcf7e9}.flow-v1-readiness-needs_approval>span{color:#9a6700;background:#fff0c9}.flow-v1-readiness strong{font-size:14px}.flow-v1-readiness p{margin:4px 0 0;color:#6e6678;font-size:12px;line-height:1.55}.flow-v1-editor-actions{display:flex;justify-content:flex-end;gap:10px;padding:10px 0 0}
@media (max-width:1000px){.flow-v1-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.flow-v1-table-head{display:none}.flow-v1-row{grid-template-columns:1fr auto;gap:10px}.flow-v1-row>span:nth-child(2),.flow-v1-row>span:nth-child(3),.flow-v1-row>span:nth-child(5){grid-column:1}.flow-v1-row>span:nth-child(4){grid-column:2;grid-row:1}.flow-v1-row-arrow{grid-column:2;grid-row:2}.flow-v1-section{grid-template-columns:1fr;gap:18px}.flow-v1-section>div:first-child{max-width:600px}}
@media (max-width:640px){.flow-v1-workspace,.flow-v1-editor{padding:20px 16px 34px}.flow-v1-header,.flow-v1-list-heading{align-items:flex-start;flex-direction:column}.flow-v1-header .button,.flow-v1-list-heading .button{width:100%}.flow-v1-kpis{grid-template-columns:1fr 1fr;gap:10px}.flow-v1-kpis article{min-height:112px;padding:15px}.flow-v1-kpis strong{font-size:26px}.flow-v1-row{padding:15px 16px}.flow-v1-list-heading,.flow-v1-history>div{padding:18px 16px}.flow-v1-rule,.flow-v1-action-row,.flow-v1-field-grid{grid-template-columns:1fr}.flow-v1-rule .row-action,.flow-v1-action-row .row-action{justify-self:start}.flow-v1-editor-actions{display:grid;grid-template-columns:1fr}.flow-v1-editor-actions .button{width:100%}.flow-v1-history li{padding:15px 16px;align-items:flex-start;flex-direction:column;gap:7px}}

/* V1.1 readiness and canonical-trigger controls. */
.flow-v1-row-health{display:block;margin-top:5px;font-size:11px}
.flow-v1-section textarea{width:100%;min-height:88px;padding:12px;color:#332740;border:1px solid #ded6e8;border-radius:10px;background:#fff;font:inherit;resize:vertical}
.flow-v1-trigger-config{min-width:0}.flow-v1-trigger-config label{height:100%}.flow-v1-trigger-config small,.flow-v1-note small{color:#84798f;font-weight:650;line-height:1.4}
.flow-v1-config-note{padding:13px;border:1px dashed #dcd1e8;border-radius:11px;background:#fbfaff;color:#665b73;font-size:12px;line-height:1.5}.flow-v1-config-note p{margin:4px 0 0}
.flow-v1-note{margin-top:14px}.flow-v1-readiness-incomplete,.flow-v1-readiness-unsupported{border-color:#f2ddb1;background:#fffbf1}.flow-v1-readiness-requires_approval{border-color:#d8c8f7;background:#f8f5ff}.flow-v1-readiness-incomplete>span,.flow-v1-readiness-unsupported>span{color:#9a6700;background:#fff0c9}.flow-v1-readiness-requires_approval>span{color:#6031cf;background:#eee6ff}.flow-v1-editor-actions .button:disabled{cursor:not-allowed;opacity:.48;box-shadow:none}
