.page-programs .program-browser{flex:0 0 auto}.program-search input{width:100%;min-height:32px;margin-bottom:7px;padding:0 9px;border:1px solid var(--line);border-radius:7px;background:#081824;color:white;font-size:8px}.program-flow-panel{flex:1;min-height:0;overflow:auto}.program-flow{display:grid;gap:5px}.flow-step{display:grid;grid-template-columns:24px 1fr;align-items:center;gap:7px;min-height:43px;padding:6px 7px;border:1px solid transparent;border-radius:8px;background:rgba(255,255,255,.025);text-align:left;cursor:pointer}.flow-step:hover{border-color:var(--line)}.flow-step.active{border-color:rgba(36,152,255,.36);background:rgba(36,152,255,.11)}.flow-step i{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:rgba(255,255,255,.06);font-style:normal;font-size:8px}.flow-step.done i{background:rgba(112,227,91,.15);color:var(--green)}.flow-step.active i{background:var(--blue);color:white;box-shadow:0 0 12px rgba(36,152,255,.45)}.flow-step b,.flow-step small{display:block}.flow-step b{font-size:8px}.flow-step small{margin-top:2px;color:var(--muted);font-size:7px}.program-editor-panel{flex:1;min-height:0;display:flex;flex-direction:column}.program-editor-view{flex:1;min-height:0;padding-top:8px;overflow:auto}.program-context-panel{flex:0 0 auto}.simple-mode .page-programs .program-browser .list-row:not(.active),.simple-mode .page-programs .program-flow .flow-step:not(.active):not(.done){display:none}
body.pendant-layout .page-programs .three-zone-layout{grid-template-columns:225px minmax(470px,2.2fr) 255px}