/* BDTLab Configure surface: toolbox + inline canvas, review below. */
/* Compact editor tokens are scoped to cards, never account/research forms. */
.graph-mode .maker-grid{display:grid;grid-template-columns:210px minmax(0,1fr)}
.graph-mode .block-shelf{padding:18px 12px;min-width:0}.graph-mode .recipe-canvas{padding:18px 12px;min-width:0}.graph-mode .recipe-guide{grid-column:1/-1;padding:20px;min-width:0;border-top:1px solid var(--line)}
#flow-properties{display:none!important}.graph-mode .shelf-block{min-height:65px;width:100%}.graph-mode .shelf-block b{font-size:12px}.graph-mode .shelf-block span{font-size:10px}.flow-scroll{width:100%;overflow:auto;max-height:850px;border:1px solid var(--line);border-radius:8px;background:#fafbf8}.flow-scroll:focus-within{outline:1px solid #72967a}
#flow-board{position:relative;background-image:radial-gradient(#cad5cd 1px,transparent 1px);background-size:20px 20px;isolation:isolate}#flow-edges{position:absolute;inset:0;pointer-events:none;overflow:visible}#flow-edges>path{fill:none;stroke-width:2}#flow-edges text{font:11px 'Segoe UI',sans-serif;paint-order:stroke;stroke:#fafbf8;stroke-width:4px;stroke-linejoin:round}
.flow-node{position:absolute;width:440px;height:auto;background:#fff;border:1px solid #bdc9bf;border-radius:9px;box-shadow:0 3px 8px #233d2910;box-sizing:border-box}.flow-node:focus-within,.flow-node:has(details[open]){z-index:3}.flow-node:focus-within{border-color:var(--green);box-shadow:0 0 0 2px #197a4220}.flow-node h4{margin:3px 14px 10px;font-size:16px}.flow-handle{display:flex;justify-content:space-between;padding:12px 14px 7px;cursor:grab;touch-action:none;font-size:10px;font-weight:700;letter-spacing:.06em;color:#637a69}.flow-handle:active{cursor:grabbing}.flow-sentence{padding:0 14px 12px;font-size:13px;line-height:2.6;overflow-wrap:anywhere}
.flow-sentence .inline-field{display:inline-flex;flex-direction:column;vertical-align:middle;line-height:1.2;gap:3px;margin:3px 2px;font-size:10px;color:#526557;max-width:100%}.flow-node input,.flow-node select{border:1px solid #c1cfc4;border-radius:4px;background:#f5f8f4;color:var(--ink);font:600 12px 'Segoe UI',sans-serif;min-height:34px;padding:5px 7px;max-width:100%;width:auto}.flow-node input{width:110px}.flow-node input[type=time]{width:112px}.flow-node select{max-width:205px}.flow-node input:focus,.flow-node select:focus{outline:2px solid #197a42;outline-offset:1px}.flow-node small{display:block;line-height:1.5;color:#637466;font-size:11px}.flow-input{position:absolute;top:-15px;left:calc(50% - 15px);border:1px solid #bdc9bf;background:white;border-radius:50%;width:30px;height:30px;padding:0;color:var(--green);font-size:18px;z-index:2}
.flow-ports{display:flex;border-top:1px solid var(--line);min-height:40px}.flow-ports button{flex:1;border:0;background:#f4f7f3;font-size:12px;min-height:40px;color:#46654f}.flow-ports .true{color:#197a42}.flow-ports .false{color:#a5403a}.flow-ports span{padding:10px;font-size:11px}.flow-routing{padding:0 14px 10px;font-size:11px}.flow-routing summary,.flow-sentence summary{cursor:pointer;line-height:1.8}.flow-routing button,.save-function button,.function-tool>button{font-size:11px;margin:4px;min-height:32px}.flow-routing label{display:inline-block;margin:4px}.flow-hint{font-size:12px;line-height:1.7;color:#5d7161}.expression{display:inline-flex;align-items:center;flex-wrap:wrap;gap:4px;padding:4px;border:1px solid #d9e2d9;border-radius:5px;vertical-align:middle;line-height:1.5;max-width:100%;background:#fbfcfa}.expression .expression{margin:3px 0}.operand-label{font-size:10px;color:#637466;width:100%}.expression input{width:100px}.save-function{margin-top:8px;padding-top:8px;border-top:1px solid var(--line);line-height:1.5}.save-function label{font-size:11px}.function-tool{margin-bottom:10px}.flow-navigation{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:0 0 12px}.flow-navigation label{display:flex;align-items:center;gap:8px;font-size:12px}.flow-navigation select{max-width:220px}.flow-navigation button{min-height:38px}.tool-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px}.tool-tabs button{font-size:11px;padding:8px 2px;min-height:38px}.tool-tabs [aria-selected=true]{background:var(--green);color:white}.tool-search{width:100%;box-sizing:border-box;margin:10px 0}.tool-description{font-size:11px;line-height:1.5;color:#637466}.graph-mode #recipe-explanation{white-space:pre-line;line-height:1.65}
@media(max-width:700px){.graph-mode .maker-grid{display:block}.graph-mode .block-shelf{padding:14px}.graph-mode #block-shelf{max-width:100%;display:block}.graph-mode .recipe-canvas,.graph-mode .recipe-guide{padding:14px;max-width:100%}.flow-scroll{max-height:670px}.graph-mode .maker-heading{padding:20px 14px}.flow-node{width:calc(100vw - 78px)}.flow-node button,.flow-node select,.flow-node input{min-height:44px}.flow-input{width:44px;left:calc(50% - 22px)}.tool-tabs{grid-template-columns:repeat(4,1fr)}}

/* Sentence editor: override the global account-form input specificity. */
.flow-node{--node-accent:#475569;--node-tint:#f1f5f9;border-color:#cbd5e1;border-top:3px solid var(--node-accent);border-radius:10px;box-shadow:0 2px 5px #172b4d0d}
.flow-node[data-node-kind=read_candle]{--node-accent:#1d4ed8;--node-tint:#eff6ff}
.flow-node[data-node-kind=set_variable]{--node-accent:#6d28d9;--node-tint:#f5f3ff}
.flow-node[data-node-kind=condition]{--node-accent:#92400e;--node-tint:#fffbeb}
.flow-node[data-node-kind=buy_option]{--node-accent:#166534;--node-tint:#f0fdf4}
.flow-node[data-node-kind=sell_to_close]{--node-accent:#991b1b;--node-tint:#fef2f2}
.flow-node[data-node-kind=do_nothing]{--node-accent:#475569;--node-tint:#f1f5f9}
.flow-node .flow-handle{padding:10px 12px 6px;line-height:16px;color:var(--node-accent);background:var(--node-tint);border-radius:7px 7px 0 0;letter-spacing:.04em}
.flow-node h4{margin:0 0 10px;padding:0 12px 10px;font-size:15px;line-height:20px;background:var(--node-tint);border-bottom:1px solid #e2e8f0}
.flow-node .flow-sentence{padding:0 12px 10px;font-size:12px;line-height:1.7;color:#334155}
.flow-sentence .inline-field{margin:4px 2px;gap:4px;font-size:10px;line-height:14px;color:#475569;vertical-align:bottom;width:126px;max-width:100%}
.flow-sentence .inline-field:is([data-field=timezone],[data-field=left],[data-field=strike_offset],[data-field=limit_premium]){width:194px}
.flow-sentence .inline-field[data-field=order_type]{width:258px}
.flow-node input:not([type=range]):not([type=checkbox]),.flow-node select{display:block;box-sizing:border-box;width:100%;max-width:100%;min-width:0;height:32px;min-height:32px;margin:0;padding:4px 7px;border:1px solid #cbd5e1;border-radius:5px;background:#fff;color:#1e293b;font:500 12px/20px 'Segoe UI',sans-serif}
.flow-node input:focus,.flow-node select:focus{outline:2px solid var(--node-accent);outline-offset:1px;border-color:var(--node-accent)}
.flow-node:focus-within{border-color:var(--node-accent);box-shadow:0 0 0 2px var(--node-tint)}
.flow-node .expression{display:inline-grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:4px;padding:6px;vertical-align:bottom;width:100%;margin:4px 0;background:#f8fafc;border-color:#dbe2ea;line-height:1.4}
.flow-node .expression>.operand-label{grid-column:1/-1;color:#475569;line-height:14px}
.flow-node .expression>.expression{grid-column:1/-1;margin:0}
.flow-node .save-function{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:end;padding-top:8px;margin-top:8px}
.flow-node .save-function label{margin:0;display:grid;gap:4px;font-size:10px;line-height:14px;color:#6d28d9}
.flow-node .save-function button{margin:0;height:32px;color:#6d28d9;border-color:#c4b5fd;background:#f5f3ff}
.flow-node .flow-routing{padding:0 12px 8px;color:#475569}
.flow-node .flow-routing summary{padding:4px 0;line-height:20px}
.flow-node .flow-routing label{margin:4px 8px 4px 0;width:126px}
.flow-node .flow-ports{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);min-height:36px;border-radius:0 0 8px 8px;overflow:hidden}
.flow-node .flow-ports button{margin:0;min-height:36px;background:var(--node-tint);color:var(--node-accent);border-radius:0;font-weight:600}
.flow-node .flow-ports button+button{border-left:1px solid #cbd5e1}
.flow-node .flow-ports .true{color:#166534;background:#f0fdf4}.flow-node .flow-ports .false{color:#991b1b;background:#fef2f2}
.flow-node .flow-ports span{text-align:center;color:#475569;background:var(--node-tint);padding:8px}
.flow-node .flow-input{top:-16px;color:var(--node-accent);border-color:var(--node-accent)}
.flow-node .flow-risk{margin:8px 0;padding:6px 8px;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;line-height:1.5}
.flow-node .flow-risk summary,.flow-node .flow-risk .inline-field,.flow-node [data-field=deadline]{color:#991b1b}
.flow-node .flow-risk .inline-field{width:calc(50% - 6px)}
.flow-node small{margin-top:8px;line-height:1.5;color:#475569}
@media(max-width:700px){.flow-node input:not([type=range]):not([type=checkbox]),.flow-node select,.flow-node .flow-ports button{height:44px;min-height:44px}.flow-node .save-function{grid-template-columns:1fr}.flow-node .save-function button{min-height:44px}.flow-node .flow-input{height:44px;top:-23px}}
