/* Workflows: the page, the one-workflow panel, and the builder in its two
   modes (Steps and Flow) on ONE tree. Tokens only; wf-* is this page's own.
   The Copilot strip is the shared .rl-cm-hero; the panel and the Copilot
   dialog are the shared drawer and dialog (RlUI.open). */
.rlx .wf-in{max-width:1280px;margin:0 auto}
.rlx .wf-cv{flex:1;min-width:0}
.rlx .wf-b{display:flex;flex-direction:column;background:var(--rl-bg)}
/* tiles: every number is a filter */
.rlx .wf-tiles{display:grid;grid-template-columns:1.5fr repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px}
.rlx .wf-tl{text-align:left;border:1px solid var(--rl-line);border-radius:var(--rl-r16);background:#fff;box-shadow:var(--rl-sh-xs);padding:13px 15px;min-width:0;transition:.15s var(--rl-ease)}
.rlx button.wf-tl:hover{border-color:#d5d9e3;box-shadow:var(--rl-sh-sm)}
.rlx .wf-tl.is-on{box-shadow:inset 0 0 0 1.5px var(--rl-ink),var(--rl-sh-sm)}
.rlx .wf-tl>span{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--rl-ink3)}
.rlx .wf-tl>b{display:block;margin-top:3px;font-size:24px;font-weight:800;letter-spacing:-.03em;font-variant-numeric:tabular-nums;color:var(--rl-ink)}
.rlx .wf-tl>em{display:block;font-style:normal;font-size:12px;color:var(--rl-ink3);margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rlx .wf-tl.is-bad>b{color:var(--rl-danger)}
.rlx .wf-tl.is-live>span i{width:7px;height:7px;border-radius:50%;background:var(--rl-ok);box-shadow:0 0 0 3px rgba(14,159,110,.18)}
.rlx .wf-tl.is-live .top{display:flex;align-items:baseline;gap:10px}
.rlx .wf-tl.is-live .top b{font-size:24px;font-weight:800;letter-spacing:-.03em;font-variant-numeric:tabular-nums;color:var(--rl-ink)}
.rlx .wf-tl.is-live .top em{font-style:normal;font-size:12px;color:var(--rl-ink3)}
.rlx .wf-where{display:flex;gap:3px;margin-top:7px;height:6px;border-radius:6px;overflow:hidden}
.rlx .wf-where i{display:block;height:100%;background:var(--c);flex:var(--n) 1 0}
.rlx .wf-wkey{display:flex;gap:4px 12px;flex-wrap:wrap;margin-top:7px;font-size:11.5px;color:var(--rl-ink3)}
.rlx .wf-wkey span{display:inline-flex;align-items:center;gap:5px;font-weight:500;font-variant-numeric:tabular-nums}
.rlx .wf-wkey i{width:7px;height:7px;border-radius:2px;background:var(--c)}

/* the bar */
.rlx .wf-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:10px}
.rlx .wf-bar .rl-seg button{flex:none;padding:0 12px}
.rlx .wf-bar .rl-seg button i{font-style:normal;font-size:11px;font-weight:700;margin-left:6px;color:var(--rl-ink3)}
.rlx .wf-bar .sp{flex:1}

/* the list */
.rlx .wf-list{border:1px solid var(--rl-line);border-radius:var(--rl-r16);background:#fff;box-shadow:var(--rl-sh-sm);overflow:hidden}
.rlx .wf-grp{display:flex;align-items:center;gap:8px;padding:8px 16px;font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--rl-ink3);background:var(--rl-surface2);border-bottom:1px solid var(--rl-line)}
.rlx .wf-grp.is-bad{color:var(--rl-danger);background:color-mix(in srgb,var(--rl-danger) 5%,#fff)}
.rlx .wf-grp b{margin-left:auto;font-variant-numeric:tabular-nums}
.rlx .wf-row,.rlx .wf-th{display:grid;grid-template-columns:minmax(220px,1.2fr) minmax(0,1.7fr) 88px 84px 124px 92px;align-items:center;gap:14px;padding:12px 16px}
.rlx .wf-th{padding:9px 16px;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--rl-ink3);border-bottom:1px solid var(--rl-line)}
.rlx .wf-row{border-bottom:1px solid var(--rl-line);cursor:pointer;transition:background .12s}
.rlx .wf-row:last-child{border-bottom:0}
.rlx .wf-row:hover{background:#fafbfc}
.rlx .wf-row.is-sel{background:var(--rl-acc-soft)}
.rlx .wf-row.is-off .nm b,.rlx .wf-row.is-off .wf-fig b{color:var(--rl-ink3)}
.rlx .wf-row .nm{display:flex;align-items:center;gap:11px;min-width:0}
.rlx .wf-row .nm .rl-tile{width:36px;height:36px;border-radius:11px}
.rlx .wf-row .nm div{min-width:0}
.rlx .wf-row .nm div b{display:block;font-size:13.5px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--rl-ink)}
/* Scoped to the text block: a bare `.nm span` also matches the tile, which
   is a <span>, and flattening its grid drops the icon to the top of the box. */
.rlx .wf-row .nm div span{display:block;font-size:12px;color:var(--rl-ink3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rlx .wf-path{display:flex;align-items:center;gap:5px;min-width:0;overflow:hidden}
.rlx .wf-st{flex:none;display:inline-flex;align-items:center;gap:5px;height:24px;padding:0 8px;border-radius:7px;font-size:11.5px;font-weight:600;color:var(--rl-ink2);background:var(--rl-surface2);box-shadow:inset 0 0 0 1px var(--rl-line);white-space:nowrap}
.rlx .wf-st .rl-ic{flex:none;color:var(--c,var(--rl-ink3))}
.rlx .wf-path>.rl-ic{flex:none;color:var(--rl-ink4)}
.rlx .wf-fig{font-variant-numeric:tabular-nums}
.rlx .wf-fig b{display:block;font-size:14px;font-weight:700;color:var(--rl-ink)}
.rlx .wf-fig span{display:block;font-size:11.5px;color:var(--rl-ink3);white-space:nowrap}
.rlx .wf-fig span.bad{color:var(--rl-danger);font-weight:600}
.rlx .wf-hl{display:flex;flex-direction:column;gap:5px}
.rlx .wf-hl .b{display:flex;height:5px;border-radius:5px;overflow:hidden;background:var(--rl-surface3)}
.rlx .wf-hl .b i{display:block;background:var(--rl-ok);width:var(--ok)}
.rlx .wf-hl .b u{display:block;background:var(--rl-danger);width:var(--bad)}
.rlx .wf-hl span{font-size:11.5px;color:var(--rl-ink3);font-variant-numeric:tabular-nums}
.rlx .wf-end{display:flex;align-items:center;justify-content:flex-end;gap:4px}
.rlx .wf-cards{display:none}

/* the detail panel */
.rlx .wf-dr-hd{flex:none;display:flex;align-items:flex-start;gap:12px;padding:18px 18px 14px;border-bottom:1px solid var(--rl-line)}
.rlx .wf-dr-hd .t{flex:1;min-width:0}
.rlx .wf-dr-hd h2{margin:0;font-size:16px;font-weight:800;letter-spacing:-.02em;color:var(--rl-ink)}
.rlx .wf-dr-hd p{margin:3px 0 0;font-size:12.5px;color:var(--rl-ink3)}
.rlx .wf-dr-bd{flex:1;min-height:0;overflow:auto;padding:16px 18px;display:flex;flex-direction:column;gap:16px}
.rlx .wf-dr-ft{flex:none;display:flex;gap:8px;padding:12px 18px;border-top:1px solid var(--rl-line);background:#fff}
.rlx .wf-dr-ft .rl-btn.is-pri{flex:1}
.rlx .wf-nums{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--rl-line);border-radius:var(--rl-r12);overflow:hidden}
.rlx .wf-nums div{padding:10px 12px;border-right:1px solid var(--rl-line)}
.rlx .wf-nums div:last-child{border-right:0}
.rlx .wf-nums b{display:block;font-size:17px;font-weight:800;letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--rl-ink)}
.rlx .wf-nums span{font-size:11.5px;color:var(--rl-ink3)}
.rlx .wf-nums .bad b{color:var(--rl-danger)}
.rlx .wf-fix{border-radius:var(--rl-r12);padding:13px;background:color-mix(in srgb,var(--rl-danger) 5%,#fff);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--rl-danger) 22%,transparent)}
.rlx .wf-fix .h{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:700;color:var(--rl-danger)}
.rlx .wf-fix .h span{margin-left:auto;font-weight:500;color:var(--rl-ink3)}
.rlx .wf-fix p{margin:7px 0 0;font-size:13px;line-height:1.5;color:var(--rl-ink)}
.rlx .wf-fix small{display:block;margin-top:6px;font-size:12.5px;line-height:1.5;color:var(--rl-ink2)}
/* Registrations that went through later: said, in the ok colour, not counted. */
.rlx .wf-fix small.wf-since{display:flex;align-items:flex-start;gap:6px;margin-top:8px;padding-top:8px;border-top:1px solid color-mix(in srgb,var(--rl-danger) 14%,transparent);color:var(--rl-ink2)}
.rlx .wf-fix small.wf-since .rl-ic{flex:none;margin-top:2px;color:var(--rl-ok)}
.rlx .wf-fix .a{display:flex;gap:6px;flex-wrap:wrap;margin-top:11px}
.rlx .wf-h{font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--rl-ink3);margin:0 0 8px;display:flex;align-items:center}
.rlx .wf-h a{margin-left:auto;font-size:12px;font-weight:600;letter-spacing:0;text-transform:none;color:var(--rl-acc2);cursor:pointer}
.rlx .wf-mini .s{position:relative;display:flex;align-items:center;gap:10px;padding:6px 0}
.rlx .wf-mini .s::before{content:"";position:absolute;left:14.5px;top:-6px;height:12px;width:1.5px;background:var(--rl-line)}
.rlx .wf-mini .s:first-child::before{display:none}
.rlx .wf-mini .s.in{margin-left:26px}
.rlx .wf-mini .rl-tile{width:30px;height:30px;border-radius:9px}
.rlx .wf-mini .s>div{flex:1;min-width:0;font-size:13px;font-weight:600;color:var(--rl-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rlx .wf-mini .s>div small{display:block;font-size:11.5px;font-weight:500;color:var(--rl-ink3);overflow:hidden;text-overflow:ellipsis}
.rlx .wf-mini .br{margin:4px 0 0 26px;font-size:10.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--rl-ink3)}
.rlx .wf-ppl .p{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--rl-line);font-size:13px}
.rlx .wf-ppl .p:last-child{border-bottom:0}
.rlx .wf-ppl .p b{font-weight:600;color:var(--rl-ink)}
.rlx .wf-ppl .p span{margin-left:auto;font-size:12px;color:var(--rl-ink3);text-align:right}
.rlx .wf-ppl .p span.bad{color:var(--rl-danger);font-weight:600}
.rlx .wf-ppl .rl-av{width:28px;height:28px;font-size:11px}

/* ── the builder: a full-screen host, like the campaign builder ── */
.rlx .wf-b-top{flex:none;display:flex;align-items:center;gap:10px;height:60px;padding:0 16px;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);border-bottom:1px solid var(--rl-line);box-shadow:0 10px 24px -22px rgba(16,24,40,.45)}
.rlx .wf-b-name{flex:0 1 330px;min-width:120px;height:36px;padding:0 10px;border:1px solid transparent;border-radius:var(--rl-r10);font:inherit;font-size:15.5px;font-weight:800;letter-spacing:-.02em;color:var(--rl-ink);background:transparent}
.rlx .wf-b-name:hover{border-color:var(--rl-line);background:#fff}
.rlx .wf-b-name:focus{outline:0;border-color:var(--rl-acc);background:#fff;box-shadow:0 0 0 4px var(--rl-ring)}
.rlx .wf-b-top .sp{flex:1}
.rlx .wf-b-top .sv{font-size:12px;color:var(--rl-ink3);white-space:nowrap}
.rlx .wf-chk{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 10px;border-radius:999px;font-size:12px;font-weight:700;color:var(--c);background:color-mix(in srgb,var(--c) 9%,#fff);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c) 25%,transparent)}
.rlx .wf-b-body{flex:1;min-height:0;display:flex}
/* a node: the same card in both modes */
.rlx .wf-n{position:relative;width:340px;box-sizing:border-box;text-align:left;border:1px solid var(--rl-line);border-radius:var(--rl-r16);background:#fff;box-shadow:var(--rl-sh-sm);padding:12px 12px 12px 13px;display:flex;gap:11px;align-items:flex-start;transition:border-color .16s,box-shadow .16s;cursor:pointer}
.rlx .wf-n:hover{border-color:#d0d5e0;box-shadow:var(--rl-sh-md)}
.rlx .wf-n.is-sel{border-color:var(--rl-acc);box-shadow:0 0 0 4px var(--rl-ring),var(--rl-sh-md)}
.rlx .wf-n.is-warn{border-color:color-mix(in srgb,var(--rl-warn) 55%,#fff)}
.rlx .wf-n .rl-tile{width:36px;height:36px;border-radius:11px}
.rlx .wf-n .t{flex:1;min-width:0}
.rlx .wf-n .k{display:flex;align-items:center;gap:6px;font-size:10.5px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--rl-ink3)}
.rlx .wf-n .k .rl-badge{letter-spacing:0;text-transform:none}
.rlx .wf-n .t b{display:block;margin-top:1px;font-size:13.5px;font-weight:700;line-height:1.35;color:var(--rl-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rlx .wf-n .t p{margin:2px 0 0;font-size:12.5px;line-height:1.45;color:var(--rl-ink2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.rlx .wf-n .live{display:flex;gap:5px;flex-wrap:wrap;margin-top:8px}
.rlx .wf-n .live span{display:inline-flex;align-items:center;gap:5px;height:21px;padding:0 7px;border-radius:6px;font-size:11px;font-weight:600;font-variant-numeric:tabular-nums;color:var(--c,var(--rl-ink2));background:color-mix(in srgb,var(--c,var(--rl-ink3)) 9%,#fff)}
.rlx .wf-n .grip{flex:none;color:var(--rl-ink4);opacity:0;transition:opacity .15s;margin-top:2px;cursor:grab}
.rlx .wf-n:hover .grip,.rlx .wf-n.is-sel .grip{opacity:1}
.rlx .wf-n.is-trig{background:linear-gradient(180deg,#fff,#fff8f6);border-color:color-mix(in srgb,var(--rl-acc) 30%,#fff)}
.rlx .wf-n.is-ai{color:#e9ebf2;border-color:#262b3a;background:radial-gradient(90% 180% at 0% 0%,rgba(241,91,65,.3),transparent 60%),linear-gradient(135deg,#252a3a,#141722)}
.rlx .wf-n.is-ai .t b{color:#fff}.rlx .wf-n.is-ai .t p{color:rgba(233,235,242,.72)}.rlx .wf-n.is-ai .k{color:rgba(233,235,242,.55)}
.rlx .wf-n.is-ai .rl-tile{--c:#ff8a70;background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}
.rlx .wf-n.is-ai .live span{background:rgba(255,255,255,.08);color:#e9ebf2}
.rlx .wf-n.is-dim{opacity:.36}
.rlx .wf-n.is-done{border-color:color-mix(in srgb,var(--rl-ok) 50%,#fff)}
.rlx .wf-n .tick{position:absolute;top:-8px;right:-8px;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;color:#fff;background:var(--rl-ok);box-shadow:0 0 0 3px var(--rl-bg)}

/* ── MODE 1 · STEPS: the way it is built today — top to bottom, edited in place ── */
.rlx .wf-cv.is-steps{background:var(--rl-bg)}
.rlx .wf-steps{width:min(760px,100%);margin:0 auto;display:flex;flex-direction:column}
.rlx .wf-lbl{display:flex;align-items:center;gap:8px;margin:0 0 8px;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--rl-ink3)}
.rlx .wf-lbl i{width:18px;height:18px;border-radius:6px;display:grid;place-items:center;color:#fff;background:var(--c)}
.rlx .wf-sc{border:1px solid var(--rl-line);border-radius:var(--rl-r16);background:#fff;box-shadow:var(--rl-sh-sm);transition:.16s var(--rl-ease)}
.rlx .wf-sc.is-open{border-color:var(--rl-acc);box-shadow:0 0 0 4px var(--rl-ring),var(--rl-sh-md)}
.rlx .wf-sc.is-ai{border-color:#262b3a}
.rlx .wf-sc>.wf-n{width:100%;border:0;box-shadow:none;border-radius:inherit}
.rlx .wf-sc>.wf-n:not(.is-ai):not(.is-trig){background:none}
.rlx .wf-sc.is-open>.wf-n{border-radius:var(--rl-r16) var(--rl-r16) 0 0}
.rlx .wf-sc>.wf-n .t p{-webkit-line-clamp:1}
.rlx .wf-sc>.wf-n .no{flex:none;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;margin-top:7px;font-size:11px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--rl-ink3);background:var(--rl-surface3)}
.rlx .wf-sc>.wf-n.is-ai .no{color:#e9ebf2;background:rgba(255,255,255,.1)}
.rlx .wf-sc>.wf-n .chev{flex:none;margin-top:9px;color:var(--rl-ink4);transition:transform .2s var(--rl-ease)}
.rlx .wf-sc.is-open>.wf-n .chev{transform:rotate(180deg)}
.rlx .wf-sc-ed{padding:16px;border-top:1px solid var(--rl-line);display:flex;flex-direction:column;gap:14px;background:#fff;border-radius:0 0 var(--rl-r16) var(--rl-r16)}
.rlx .wf-sc-ft{display:flex;align-items:center;gap:6px;margin-top:2px;padding-top:12px;border-top:1px solid var(--rl-line)}
.rlx .wf-sc-ft .sp{flex:1}
.rlx .wf-gap{position:relative;height:30px;flex:none}
.rlx .wf-gap::before{content:"";position:absolute;left:30px;top:0;bottom:0;width:2px;background:#cfd4df}
.rlx .wf-gap.is-lit::before{background:var(--rl-ok)}
.rlx .wf-gap .wf-plus{left:31px}
.rlx .wf-br{margin:10px 0 0 30px;padding:2px 0 2px 18px;border-left:2px solid color-mix(in srgb,var(--c) 45%,#fff)}
.rlx .wf-br.is-dim>*{opacity:.36}
.rlx .wf-br-h{display:flex;align-items:center;gap:8px;margin-bottom:10px}
.rlx .wf-lab{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 10px;border-radius:999px;font-size:11.5px;font-weight:700;color:var(--c);background:#fff;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c) 35%,transparent),var(--rl-sh-xs);font-variant-numeric:tabular-nums;white-space:nowrap}
.rlx .wf-lab em{font-style:normal;font-weight:600;color:var(--rl-ink3)}
.rlx .wf-plus{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:22px;height:22px;border-radius:50%;display:grid;place-items:center;color:var(--rl-ink3);background:#fff;border:1px solid #cfd4df;box-shadow:var(--rl-sh-xs);transition:.15s var(--rl-ease);z-index:3}
.rlx .wf-plus:hover,.rlx .wf-plus.is-on{color:#fff;background:var(--rl-acc);border-color:var(--rl-acc2);transform:translate(-50%,-50%) scale(1.18)}
.rlx .wf-stop{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 12px;border-radius:999px;font-size:11.5px;font-weight:600;color:var(--rl-ink3);background:var(--rl-surface3);white-space:nowrap}
.rlx .wf-addend{display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 14px;border-radius:999px;font-size:12.5px;font-weight:600;color:var(--rl-ink2);background:#fff;border:1px dashed #c3c9d6;white-space:nowrap}
.rlx .wf-addend:hover,.rlx .wf-addend.is-on{color:var(--rl-acc2);border-color:var(--rl-acc);background:var(--rl-acc-soft)}

/* ── MODE 2 · FLOW: nodes on a canvas, joined by lines ── */
.rlx .wf-cv.is-flow{padding:0;position:relative;overflow:hidden;background-color:#f1f3f7;background-image:radial-gradient(rgba(16,24,40,.13) 1px,transparent 1px);background-size:22px 22px}
.rlx .wf-pan{position:absolute;inset:0;overflow:auto;display:flex;scrollbar-width:thin;scrollbar-color:#c9cedb transparent}
.rlx .wf-stage{position:relative;flex:none;transform-origin:0 50%;margin:auto 0}
.rlx .wf-stage [data-wires]>svg{position:absolute;inset:0;overflow:visible;pointer-events:none}
.rlx .wf-stage [data-wires]>svg path{fill:none;stroke:#bcc3d1;stroke-width:2;stroke-linecap:round}
.rlx .wf-stage [data-wires]>svg path.is-lit{stroke:var(--rl-ok);stroke-width:2.5}
.rlx .wf-stage [data-wires]>svg path.is-dim{opacity:.35}
.rlx .wf-stage [data-wires]>svg path.is-flowing{stroke:var(--rl-acc);stroke-dasharray:5 7;animation:wfDash 1s linear infinite}
@keyframes wfDash{to{stroke-dashoffset:-24}}
.rlx .wf-stage .wf-n{position:absolute;width:256px;height:116px;overflow:visible}
.rlx .wf-stage .wf-n .t{overflow:hidden;max-height:92px}
.rlx .wf-stage .wf-n::before,.rlx .wf-stage .wf-n::after{content:"";position:absolute;top:50%;width:10px;height:10px;margin-top:-6px;border-radius:50%;background:#fff;border:2px solid #bcc3d1;z-index:2}
.rlx .wf-stage .wf-n::before{left:-7px}
.rlx .wf-stage .wf-n::after{right:-7px}
.rlx .wf-stage .wf-n.is-trig::before{display:none}
.rlx .wf-stage .wf-n.is-sel::before,.rlx .wf-stage .wf-n.is-sel::after{border-color:var(--rl-acc)}
.rlx .wf-stage .wf-n.is-done::before,.rlx .wf-stage .wf-n.is-done::after{border-color:var(--rl-ok);background:var(--rl-ok)}
.rlx .wf-stage .wf-n .grip{position:absolute;top:10px;right:10px;margin:0}
.rlx .wf-stage .wf-lab,.rlx .wf-stage .wf-stop,.rlx .wf-stage .wf-addend{position:absolute;transform:translate(0,-50%)}
.rlx .wf-stage .wf-lab{transform:translate(-50%,-50%);z-index:3}
.rlx .wf-stage .wf-lab.is-dim,.rlx .wf-stage .wf-stop.is-dim{opacity:.4}
.rlx .wf-zoom{position:absolute;left:16px;bottom:16px;z-index:5;display:flex;align-items:center;gap:2px;padding:3px;border-radius:var(--rl-r12);background:#fff;box-shadow:var(--rl-sh-md)}
.rlx .wf-zoom button{width:32px;height:32px;border-radius:var(--rl-r8);display:grid;place-items:center;color:var(--rl-ink2)}
.rlx .wf-zoom button:hover{background:var(--rl-surface3);color:var(--rl-ink)}
.rlx .wf-zoom span{min-width:46px;text-align:center;font-size:12px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--rl-ink2)}
.rlx .wf-tip{position:absolute;right:16px;bottom:16px;z-index:5;display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:var(--rl-r12);font-size:12px;color:var(--rl-ink2);background:rgba(255,255,255,.92);box-shadow:var(--rl-sh-sm)}
.rlx .wf-tip .rl-ic{color:var(--rl-ink3)}

.rlx textarea.rl-ipt,.rlx input.rl-ipt,.rlx select.rl-ipt{font-family:inherit}

.rlx .wf-dr-bd>*,.rlx .wf-ins-bd>*,.rlx .wf-sc-ed>*{flex:none}

/* the mode switch */
.rlx .wf-mode{flex:none;width:auto}
.rlx .wf-mode button{display:inline-flex;align-items:center;gap:6px;padding:0 12px}

/* the add-step menu */
.rlx .wf-add{position:absolute;z-index:40;width:320px;max-height:430px;overflow:auto;border-radius:var(--rl-r16);background:#fff;box-shadow:var(--rl-sh-lg);padding:8px;animation:wfPop .18s var(--rl-ease)}
@keyframes wfPop{from{transform:translateY(-4px) scale(.98);opacity:0}}
.rlx .wf-add .rl-search{flex:none;width:auto;margin:2px 2px 6px}
.rlx .wf-add h4{margin:8px 8px 4px;font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--rl-ink3)}
.rlx .wf-add button.i{display:flex;align-items:center;gap:10px;width:100%;padding:7px 8px;border-radius:var(--rl-r10);text-align:left}
.rlx .wf-add button.i:hover{background:var(--rl-surface2)}
.rlx .wf-add button.i .rl-tile{width:30px;height:30px;border-radius:9px}
.rlx .wf-add button.i b{display:block;font-size:13px;font-weight:600;color:var(--rl-ink)}
.rlx .wf-add button.i small{display:block;font-size:11.5px;color:var(--rl-ink3)}

/* the inspector */
.rlx .wf-ins{flex:none;width:410px;display:flex;flex-direction:column;background:#fff;border-left:1px solid var(--rl-line)}
.rlx .wf-ins-hd{flex:none;display:flex;align-items:center;gap:11px;padding:14px 16px;border-bottom:1px solid var(--rl-line)}
.rlx .wf-ins-hd .t{flex:1;min-width:0}
.rlx .wf-ins-hd small{display:block;font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--rl-ink3)}
.rlx .wf-ins-hd b{display:block;font-size:15px;font-weight:800;letter-spacing:-.02em;color:var(--rl-ink)}
.rlx .wf-ins-bd{flex:1;min-height:0;overflow:auto;padding:16px;display:flex;flex-direction:column;gap:14px}
.rlx .wf-ins-ft{flex:none;display:flex;align-items:center;gap:8px;padding:11px 16px;border-top:1px solid var(--rl-line);font-size:12px;color:var(--rl-ink3)}
.rlx .wf-ins-ft .sp{flex:1}
.rlx .wf-sent{display:flex;align-items:center;gap:7px;flex-wrap:wrap;font-size:13px;color:var(--rl-ink2)}
.rlx .wf-sent .rl-ipt{width:auto;flex:0 1 auto;min-width:0}
.rlx .wf-pick{display:flex;align-items:center;gap:11px;padding:10px 11px;border:1px solid var(--rl-line);border-radius:var(--rl-r12);background:#fff;box-shadow:var(--rl-sh-xs)}
.rlx .wf-pick .rl-tile{width:34px;height:34px;border-radius:10px}
.rlx .wf-pick div{flex:1;min-width:0}
.rlx .wf-pick b{display:block;font-size:13px;font-weight:700;color:var(--rl-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rlx .wf-pick span{display:block;font-size:12px;color:var(--rl-ink3)}
.rlx .wf-var{display:grid;grid-template-columns:44px minmax(0,1fr) minmax(0,.8fr);gap:6px;align-items:center}
.rlx .wf-var code{display:grid;place-items:center;height:36px;border-radius:var(--rl-r8);font:inherit;font-size:12px;font-weight:700;color:var(--rl-acc2);background:var(--rl-acc-soft)}
.rlx .wf-days{display:flex;gap:5px;flex-wrap:wrap}
.rlx .wf-days button{width:42px;height:32px;border-radius:var(--rl-r8);font-size:12px;font-weight:600;color:var(--rl-ink2);background:#fff;border:1px solid var(--rl-line)}
.rlx .wf-days button.is-on{color:#fff;background:var(--rl-ink);border-color:var(--rl-ink)}
.rlx .wf-now{border-radius:var(--rl-r12);padding:12px;background:var(--rl-surface2);font-size:12.5px;line-height:1.55;color:var(--rl-ink2)}
.rlx .wf-now b{color:var(--rl-ink)}
.rlx .wf-now .l{display:flex;gap:8px;align-items:flex-start}
.rlx .wf-now .l+.l{margin-top:7px;padding-top:7px;border-top:1px dashed var(--rl-line)}
.rlx .wf-now .rl-ic{flex:none;margin-top:2px;color:var(--rl-ink3)}
.rlx .wf-trg{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.rlx .wf-trg button{display:flex;align-items:center;gap:8px;padding:8px 9px;border:1px solid var(--rl-line);border-radius:var(--rl-r10);font-size:12.5px;font-weight:600;color:var(--rl-ink2);text-align:left;background:#fff}
.rlx .wf-trg button:hover{border-color:#d0d5e0;background:#fafbfc}
.rlx .wf-trg button.is-on{color:var(--rl-ink);border-color:var(--rl-acc);background:var(--rl-acc-soft);box-shadow:0 0 0 3px var(--rl-ring)}
.rlx .wf-trg button .rl-ic{flex:none;color:var(--rl-ink3)}
.rlx .wf-trg button.is-on .rl-ic{color:var(--rl-acc2)}
.rlx .wf-sub{font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--rl-ink3);margin:4px 0 -6px}
.rlx .wf-bub{align-self:flex-start;max-width:290px;border-radius:4px 14px 14px 14px;padding:9px 11px 7px;font-size:13px;line-height:1.5;color:#111b21;background:#fff;box-shadow:0 1px 1px rgba(11,20,26,.13)}
.rlx .wf-bub .m{display:block;height:120px;margin:-5px -7px 8px;border-radius:9px;background:linear-gradient(135deg,#1d2433,#3a2a3a);display:grid;place-items:center;color:rgba(255,255,255,.7)}
.rlx .wf-bub u{text-decoration:none;color:var(--rl-acc2);background:var(--rl-acc-soft);border-radius:4px;padding:0 3px}
.rlx .wf-bub time{display:block;text-align:right;font-size:10.5px;color:#667781;margin-top:2px}
.rlx .wf-bub .btn{display:flex;align-items:center;justify-content:center;gap:6px;margin:7px -11px -7px;padding:9px;border-top:1px solid #eef0f2;font-weight:600;color:#027eb5}
.rlx .wf-wa{border-radius:var(--rl-r12);padding:14px;background:#efeae2;display:flex;flex-direction:column;gap:6px}

/* the test run panel */
.rlx .wf-tr .s{position:relative;display:flex;gap:11px;padding:0 0 16px}
.rlx .wf-tr .s::before{content:"";position:absolute;left:12.5px;top:26px;bottom:0;width:1.5px;background:var(--rl-line)}
.rlx .wf-tr .s:last-child::before{display:none}
.rlx .wf-tr .d{flex:none;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;color:#fff;background:var(--c,var(--rl-ok))}
.rlx .wf-tr .s>div{flex:1;min-width:0}
.rlx .wf-tr .s>div>b{display:block;font-size:13px;font-weight:700;color:var(--rl-ink);line-height:26px}
.rlx .wf-tr .s p{margin:0 0 8px;font-size:12.5px;line-height:1.5;color:var(--rl-ink2)}

/* the Copilot dialog */
.rlx .wf-dlg .ai{margin:10px;padding:18px}
.rlx .wf-dlg .ai h2{margin:0;font-size:17px;font-weight:800;letter-spacing:-.02em;color:#fff}
.rlx .wf-dlg .ai p{margin:4px 0 12px;font-size:13px;color:rgba(233,235,242,.72)}
.rlx .wf-dlg textarea{width:100%;box-sizing:border-box;min-height:96px;resize:vertical;border-radius:var(--rl-r12);border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.06);color:#fff;font:inherit;font-size:14px;line-height:1.55;padding:12px}
.rlx .wf-dlg textarea:focus{outline:0;border-color:rgba(241,91,65,.7);box-shadow:0 0 0 4px rgba(241,91,65,.18)}
.rlx .wf-dlg .ai .ft{display:flex;align-items:center;gap:10px;margin-top:10px;font-size:12px;color:rgba(233,235,242,.55)}
.rlx .wf-dlg .ai .ft .sp{flex:1}
.rlx .wf-ex{padding:6px 18px 18px}
.rlx .wf-ex button{display:flex;align-items:center;gap:11px;width:100%;padding:9px 8px;border-radius:var(--rl-r10);text-align:left;border-bottom:1px solid var(--rl-line)}
.rlx .wf-ex button:last-child{border-bottom:0}
.rlx .wf-ex button:hover{background:var(--rl-surface2)}
.rlx .wf-ex .rl-tile{width:32px;height:32px;border-radius:9px}
.rlx .wf-ex b{display:block;font-size:13px;font-weight:600;color:var(--rl-ink)}
.rlx .wf-ex small{display:block;font-size:12px;color:var(--rl-ink3)}
.rlx .wf-ex>.rl-ic{color:var(--rl-ink4)}

/* ── narrower windows, then the phone ── */
@media (max-width:1240px){
  .rlx .wf-row,.rlx .wf-th{grid-template-columns:minmax(210px,1.2fr) minmax(0,1.4fr) 88px 84px 92px}
  .rlx .wf-row>.wf-hl,.rlx .wf-th>:nth-child(5){display:none}
}
@media (max-width:1040px){
  .rlx .wf-row,.rlx .wf-th{grid-template-columns:minmax(200px,1fr) 88px 84px 92px}
  .rlx .wf-row>.wf-path,.rlx .wf-th>:nth-child(2){display:none}
  .rlx .wf-tiles{grid-template-columns:repeat(4,minmax(0,1fr))}
  .rlx .wf-tl.is-live{grid-column:1/-1}
  .rlx .wf-ins{width:360px}
}
@media (max-width:760px){
  .rlx .wf-in>*{margin-left:14px;margin-right:14px}
  .rlx .wf-in>.rl-pg-hd{padding:0}
  .rlx .wf-tiles{display:flex;overflow-x:auto;gap:8px;margin-right:0;padding-right:14px;scrollbar-width:none}
  .rlx .wf-tl{flex:none;min-width:112px;padding:10px 12px}
  .rlx .wf-tl.is-live{min-width:250px}
  .rlx .wf-tl>b,.rlx .wf-tl.is-live .top b{font-size:20px}
  .rlx .wf-bar .rl-seg{flex:1 1 100%;overflow-x:auto;scrollbar-width:none}
  .rlx .wf-bar .wf-hide-ph{display:none}
  .rlx .wf-list{display:none}
  .rlx .wf-cards{display:flex;flex-direction:column;gap:9px}
  .rlx .wf-cd{border:1px solid var(--rl-line);border-radius:var(--rl-r16);background:#fff;box-shadow:var(--rl-sh-xs);padding:12px}
  .rlx .wf-cd.is-bad{border-color:color-mix(in srgb,var(--rl-danger) 35%,#fff)}
  .rlx .wf-cd .h{display:flex;align-items:center;gap:10px}
  .rlx .wf-cd .h .rl-tile{width:34px;height:34px;border-radius:10px}
  .rlx .wf-cd .h div{flex:1;min-width:0}
  .rlx .wf-cd .h b{display:block;font-size:14px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .rlx .wf-cd .h span{display:block;font-size:12px;color:var(--rl-ink3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .rlx .wf-cd .f{display:flex;gap:14px;margin-top:10px;padding-top:9px;border-top:1px solid var(--rl-line);font-size:12px;color:var(--rl-ink3);font-variant-numeric:tabular-nums}
  .rlx .wf-cd .f b{color:var(--rl-ink);font-weight:700}
  .rlx .wf-cd .f .bad,.rlx .wf-cd .f .bad b{color:var(--rl-danger)}
  .rlx .wf-fab{position:fixed;right:16px;bottom:18px;z-index:10;height:48px!important;min-height:48px!important;padding:0 18px!important;border-radius:999px!important}
  .rlx .wf-b-top{height:54px;padding:0 8px;gap:6px}
  .rlx .wf-b-top .sv,.rlx .wf-b-top .wf-hide-ph{display:none}
  .rlx .wf-b-name{font-size:14.5px;flex:1}
  .rlx .wf-n .grip{display:none}
  .rlx .wf-br{margin-left:12px;padding-left:12px}
  .rlx .wf-gap::before{left:24px}.rlx .wf-gap .wf-plus{left:25px}
  .rlx .wf-sc>.wf-n .no{display:none}
  .rlx .wf-tip{display:none}
  .rlx .wf-stage{margin:28px 0 auto}
  .rlx .wf-zoom{bottom:auto;top:12px;left:12px}
  .rlx .wf-mode button span{display:none}
  .rlx .wf-ins{position:absolute;left:0;right:0;bottom:0;width:auto;max-height:72%;border-left:0;border-radius:20px 20px 0 0;box-shadow:0 -18px 50px -12px rgba(16,24,40,.35);z-index:35;animation:wfUp .3s var(--rl-ease)}
  @keyframes wfUp{from{transform:translateY(40px);opacity:0}}
  .rlx .wf-ins-hd{position:relative;padding-top:20px}
  .rlx .wf-ins-hd::before{content:"";position:absolute;top:8px;left:50%;width:38px;height:4px;margin-left:-19px;border-radius:4px;background:#d5d9e3}
  .rlx .wf-add{left:14px!important;right:14px;width:auto;top:auto!important;bottom:14px;position:absolute}
}
@media (min-width:761px){.rlx .wf-fab{display:none!important}}
@media (prefers-reduced-motion:reduce){.rlx .wf-add,.rlx .wf-ins,.rlx .wf-skel{animation:none}}

/* ── in the app: the page scrolls as one, overlays are the shared shapes ── */
.rlx.rl-page.wf-pg.active{display:block;overflow:auto}
.rlx.wf-pg .wf-in{padding-bottom:40px}
.rlx .wf-list .wf-none{padding:34px 16px;text-align:center;font-size:13px;color:var(--rl-ink3)}
.rlx .wf-row .wf-path{mask-image:linear-gradient(90deg,#000 88%,transparent)}
.rlx .wf-drw{display:flex;flex-direction:column;height:100%}
.rlx .wf-drw .wf-dr-bd{flex:1}
.rlx .wf-fh{display:flex;flex-direction:column;gap:6px}
.rlx .wf-fh .r{padding:9px 11px;border-radius:var(--rl-r10);background:var(--rl-surface2);font-size:12.5px;line-height:1.5;color:var(--rl-ink2)}
.rlx .wf-fh .r b{color:var(--rl-ink)}
.rlx .wf-fh .r small{display:block;color:var(--rl-ink3);margin-top:2px}
.rlx .wf-fh .r.is-done{opacity:.62}
.rlx .wf-skel{height:64px;border-radius:var(--rl-r12);background:linear-gradient(90deg,var(--rl-surface2),var(--rl-surface3),var(--rl-surface2));background-size:200% 100%;animation:wfSk 1.2s linear infinite}
@keyframes wfSk{to{background-position:-200% 0}}

/* the builder lives in the shared full-screen host */
.rl-cb-host .wf-b{position:absolute;inset:0}
.rlx .wf-b-body{position:relative}
.rlx .wf-b-top .wf-mode button.is-on .rl-ic{color:var(--rl-acc2)}
.rlx .wf-cv.is-steps{flex:1;min-width:0;overflow:auto;padding:26px 24px 120px}

/* ── the chatbot pieces ── */
/* a Choices step: one port per option, stacked down its right edge */
.rlx .wf-stage .wf-n.has-ports::after{display:none}
.rlx .wf-port{position:absolute;right:-7px;width:10px;height:10px;margin-top:-6px;border-radius:50%;background:#fff;border:2px solid var(--c,#bcc3d1);z-index:4;cursor:crosshair;transition:transform .12s}
.rlx .wf-port:hover,.rlx .wf-port.is-hot{transform:scale(1.5);background:var(--c,var(--rl-acc))}
.rlx .wf-port.is-open{border-color:var(--rl-acc);background:var(--rl-acc-soft)}
.rlx .wf-stage .wf-n{touch-action:none}
.rlx .wf-stage .wf-n.is-drag{z-index:6;box-shadow:var(--rl-sh-lg);cursor:grabbing;transition:none}
.rlx .wf-stage .wf-n.is-target{border-color:var(--rl-acc);box-shadow:0 0 0 4px var(--rl-ring),var(--rl-sh-md)}
.rlx .wf-stage .wf-n .opts{display:flex;flex-direction:column;gap:3px;margin:0}
.rlx .wf-stage .wf-n .opts span{display:block;height:20px;line-height:20px;padding:0 8px;border-radius:6px;font-size:11.5px;font-weight:600;color:var(--rl-ink2);background:var(--rl-surface2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:right}
.rlx .wf-stage .wf-n.is-menu{height:auto;min-height:116px}
.rlx .wf-stage .wf-n.is-menu .t{max-height:72px}
/* a Go to: a line back to another step */
.rlx .wf-stage [data-wires]>svg path.is-goto{stroke:var(--rl-acc);stroke-dasharray:6 6;opacity:.85}
.rlx .wf-stage [data-wires]>svg path.is-temp{stroke:var(--rl-acc);stroke-width:2.5;stroke-dasharray:4 5}
.rlx .wf-cut{position:absolute;transform:translate(-50%,-50%);width:20px;height:20px;border-radius:50%;display:grid;place-items:center;color:var(--rl-acc2);background:#fff;border:1px solid color-mix(in srgb,var(--rl-acc) 45%,#fff);box-shadow:var(--rl-sh-xs);z-index:3}
.rlx .wf-cut:hover{color:#fff;background:var(--rl-danger);border-color:var(--rl-danger)}
.rlx .wf-openend{position:absolute;transform:translate(0,-50%);display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 11px 0 9px;border-radius:999px;font-size:12px;font-weight:600;color:var(--rl-ink3);background:#fff;border:1px dashed #c3c9d6;white-space:nowrap;z-index:2}
.rlx .wf-openend:hover,.rlx .wf-openend.is-on{color:var(--rl-acc2);border-color:var(--rl-acc);background:var(--rl-acc-soft)}
.rlx .wf-pan{cursor:grab}
.rlx .wf-pan.is-panning{cursor:grabbing;user-select:none}
.rlx .wf-goto-row{display:flex;align-items:center;gap:9px;padding:9px 12px;border:1px dashed color-mix(in srgb,var(--rl-acc) 45%,#fff);border-radius:var(--rl-r12);background:var(--rl-acc-soft);font-size:13px;font-weight:600;color:var(--rl-ink2)}
.rlx .wf-goto-row .rl-ic{color:var(--rl-acc2);flex:none}
.rlx .wf-goto-row select.rl-ipt{height:34px;min-height:34px!important;flex:1;min-width:0}
.rlx .wf-gap.is-over::before,.rlx .wf-addend.is-over{background:var(--rl-acc)}
.rlx .wf-gap.is-over .wf-plus{color:#fff;background:var(--rl-acc);border-color:var(--rl-acc2)}
.rlx .wf-optrow{display:flex;gap:6px;align-items:center}
.rlx .wf-optrow .n{flex:none;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:700;color:var(--rl-ink3);background:var(--rl-surface3)}
.rlx .wf-goal{display:flex;align-items:center;gap:8px;padding:7px 0;border-bottom:1px solid var(--rl-line);font-size:13px}
.rlx .wf-goal:last-child{border-bottom:0}
.rlx .wf-goal span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--rl-ink2)}
.rlx .wf-goal span b{color:var(--rl-ink)}
.rlx .wf-ticks{display:flex;flex-direction:column;gap:6px}
.rlx .wf-ticks label{display:flex;align-items:center;gap:9px;font-size:13px;color:var(--rl-ink);cursor:pointer}
/* A button picked before only reply buttons were offered: it can never fire. */
/* (the theme pins every label's colour, so the words inside carry it) */
.rlx .wf-ticks label.is-dead span{color:var(--rl-danger);text-decoration:line-through;text-decoration-color:color-mix(in srgb,var(--rl-danger) 45%,transparent)}
.rlx .wf-ticks .wf-dead{font-style:normal;font-size:11.5px;font-weight:600;letter-spacing:.01em;color:var(--rl-danger)}
.rlx .wf-var.is-miss code{color:var(--rl-danger);background:color-mix(in srgb,var(--rl-danger) 9%,#fff)}
.rlx .wf-var{grid-template-columns:44px minmax(0,1fr) minmax(0,.9fr);align-items:start}
.rlx .wf-chk{cursor:pointer}
.rlx .wf-checks{display:flex;flex-direction:column;gap:6px}
.rlx .wf-checks button{display:flex;gap:9px;align-items:flex-start;width:100%;padding:9px 10px;border-radius:var(--rl-r10);font-size:13px;line-height:1.45;color:var(--rl-ink2);text-align:left}
.rlx .wf-checks button:hover{background:var(--rl-surface2)}
.rlx .wf-checks button .rl-ic{flex:none;margin-top:2px;color:var(--c)}
.rlx .wf-tr .opt{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.rlx .wf-find{display:flex;flex-direction:column;gap:2px;max-height:230px;overflow:auto}
.rlx .wf-find button{display:flex;align-items:center;gap:10px;padding:7px 8px;border-radius:var(--rl-r10);text-align:left;font-size:13px}
.rlx .wf-find button:hover{background:var(--rl-surface2)}
.rlx .wf-find button b{font-weight:600;color:var(--rl-ink)}
.rlx .wf-find button span{margin-left:auto;font-size:12px;color:var(--rl-ink3)}
@media (max-width:760px){
  .rlx.rl-page.wf-pg{padding:14px 0 0}
  .rlx .wf-cv.is-steps{padding:18px 14px 120px}
  .rlx .wf-openend{height:34px}
}

/* the old theme styles every bare input; the name field is not one of those */
.rlx input.wf-b-name{margin:0!important;min-height:36px!important;border:1px solid transparent!important;border-radius:var(--rl-r10)!important;background:transparent!important;box-shadow:none!important;font-size:15.5px!important;font-weight:800!important;color:var(--rl-ink)!important}
.rlx input.wf-b-name:hover{border-color:var(--rl-line)!important;background:#fff!important}
.rlx input.wf-b-name:focus{border-color:var(--rl-acc)!important;background:#fff!important;box-shadow:0 0 0 4px var(--rl-ring)!important}
.rlx .wf-stage .wf-n .t:has(.live) p{-webkit-line-clamp:1}
.rlx .wf-tip{max-width:calc(100% - 250px)}
@media (max-width:1180px){.rlx .wf-tip{display:none}}

/* On a phone the old theme pins #page-workflows to one screen (flex column,
   overflow hidden, !important). Until that sheet is cleaned up, the page's own
   column is what scrolls. */
@media (max-width:760px){
  #page-workflows.wf-pg.active .wf-in{flex:1 1 auto;min-height:0;min-width:0;width:100%;box-sizing:border-box;overflow-y:auto;overflow-x:hidden;padding-bottom:96px}
  .rlx.wf-pg .wf-in>*{min-width:0;max-width:calc(100% - 28px);box-sizing:border-box}
  .rlx.wf-pg .wf-in>[data-tiles]{max-width:none;margin-right:0}
  .rlx.wf-pg .wf-in>.rl-pg-hd{display:none}
  .rlx.wf-pg .rl-cm-hero .t>span{display:none}
  .rlx .wf-fab{bottom:calc(var(--rl-tabbar-h,64px) + 14px)}
}
/* …and it collapses .content to nothing while Workflows is up, which hides the
   page that lives inside it. */
@media (max-width:760px){body:has(#page-workflows.wf-pg.active) .content{height:auto!important;overflow:visible!important}}
/* the old theme paints every textarea white; this one sits on the dark AI zone */
.rlx .wf-dlg .ai textarea{margin:0!important;background:rgba(255,255,255,.06)!important;color:#fff!important;border:1px solid rgba(255,255,255,.14)!important;border-radius:var(--rl-r12)!important;box-shadow:none!important;font-size:14px!important}
.rlx .wf-dlg .ai textarea::placeholder{color:rgba(233,235,242,.4)}
.rlx .wf-dlg .ai textarea:focus{border-color:rgba(241,91,65,.7)!important;box-shadow:0 0 0 4px rgba(241,91,65,.18)!important}