.sf-explorer{display:grid;grid-template-columns:minmax(260px,.85fr) minmax(0,1.4fr);min-height:600px;align-items:start;border-top:1px solid var(--adm-border);background:var(--adm-panel);color:var(--adm-text)}
.sf-catalog-plan-association{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:8px 0 12px;font-size:12px;color:var(--adm-text)}
.sf-catalog-plan-association>span{min-width:0;overflow-wrap:anywhere}
#sysimpleFormBuilder .sf-catalog-plan-association :is(a,button){display:inline-flex;align-items:center;justify-content:center;min-width:34px;min-height:34px;box-sizing:border-box;text-decoration:none;flex-shrink:0}
.sf-catalog-plan-association :is(a,button):focus-visible{outline:2px solid var(--adm-primary,#3c8dbc);outline-offset:2px}
@layer sysimple-actions{
 #sysimpleFormBuilder .sf-explorer .btn-mini{background:var(--adm-panel)!important;color:var(--adm-text)!important;border-color:var(--adm-border)!important}
 #sysimpleFormBuilder .sf-explorer .btn-mini:hover{background:color-mix(in srgb,var(--adm-primary) 16%,var(--adm-panel))!important}
 #sysimpleFormBuilder .sf-explorer-tabs [aria-selected=true]{background:color-mix(in srgb,var(--adm-primary) 15%,var(--adm-panel))!important;color:var(--adm-primary)!important;border-bottom:2px solid var(--adm-primary)!important}
}
#sysimpleFormBuilder .sf-explorer button{--sys-legacy-control-bg:var(--adm-panel);--sys-legacy-control-text:var(--adm-text);--sys-legacy-control-border:var(--adm-border)}
#sysimpleFormBuilder .sf-explorer-tabs [aria-selected=true]{--action-bg:var(--adm-primary);--action-fg:var(--adm-panel);--action-border:var(--adm-primary)}
#sysimpleFormBuilder .sf-explorer-settings h3{font-size:13px;flex-basis:100%;margin:12px 0 0}
#sysimpleFormBuilder .sf-explorer-item[aria-pressed=true]{border-left:3px solid var(--adm-primary)!important;background:color-mix(in srgb,var(--adm-primary) 10%,var(--adm-panel))!important}
.sf-form-catalog:has(.sf-explorer){overflow:auto}.sf-explorer{flex:1 0 auto}
.sf-explorer-list{max-height:75vh;overflow:auto;border-right:1px solid var(--adm-border);padding:8px}.sf-explorer-detail{min-width:0;padding:16px;max-height:75vh;overflow:auto}
#sysimpleFormBuilder .sf-explorer-group{display:flex;width:100%;gap:8px;text-align:left;align-items:center;border:0;background:var(--adm-surface-2);font-weight:600;margin:5px 0;min-height:34px}
#sysimpleFormBuilder .sf-explorer-item{display:block;width:100%;text-align:left;padding:12px;border:1px solid transparent;border-left:3px solid transparent;background:var(--adm-panel);color:var(--adm-text);cursor:pointer;min-height:64px}
#sysimpleFormBuilder .sf-explorer-item:hover{background:var(--adm-surface-2)}#sysimpleFormBuilder .sf-explorer-item[aria-pressed=true]{border-left-color:var(--adm-primary);background:color-mix(in srgb,var(--adm-primary) 10%,var(--adm-panel))}
.sf-explorer-item strong{display:block;font-size:13px;overflow-wrap:anywhere}.sf-explorer-meta{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:7px;font-size:11px;color:var(--adm-text-dim)}.sf-explorer-online{color:var(--adm-success,#008b4b)}
.sf-explorer-header h2{font-size:18px;margin:0;overflow-wrap:anywhere}.sf-explorer-view{display:block;margin:16px 0 10px;font-size:12px}.sf-explorer-view select{display:block;width:100%;margin-top:6px;background:var(--adm-panel);color:var(--adm-text);border:1px solid var(--adm-border);min-height:34px}
.sf-explorer-commands,.sf-explorer-tabs,.sf-explorer-devices{display:flex;flex-wrap:wrap;gap:6px}.sf-explorer-commands{margin:12px 0}.sf-explorer-tabs{border-bottom:1px solid var(--adm-border);margin-bottom:14px}
#sysimpleFormBuilder .sf-explorer-tabs button{border:0;border-bottom:2px solid transparent;background:transparent;min-height:36px}#sysimpleFormBuilder .sf-explorer-tabs [aria-selected=true]{color:var(--adm-primary);border-bottom-color:var(--adm-primary)}
.sf-explorer-content{min-height:300px}.sf-explorer-hint,.sf-explorer-empty,.sf-explorer-status{color:var(--adm-text-dim);font-size:12px;line-height:1.5}.sf-explorer-empty{padding:16px}.sf-explorer-devices button[aria-pressed=true]{color:var(--adm-primary);border-color:var(--adm-primary)}
.sf-explorer-preview{overflow:auto;height:480px;border:1px solid var(--adm-border);background:var(--adm-surface-2)}.sf-explorer-preview iframe{display:block;width:1100px;height:1400px;border:0;transform:scale(.5);transform-origin:top left;margin-bottom:-700px;margin-right:-550px;pointer-events:none}.sf-explorer-preview[data-device=tablet] iframe{width:768px;transform:scale(.65);margin-bottom:-490px;margin-right:-269px}.sf-explorer-preview[data-device=mobile] iframe{width:375px;transform:none;margin:0 auto;height:1200px}
.sf-explorer-tree{padding-left:20px;list-style:none;border-left:1px solid var(--adm-border);margin-left:6px}.sf-explorer-tree li{padding:7px 0;font-size:12px;overflow-wrap:anywhere}.sf-explorer-tree small{display:block;color:var(--adm-text-dim);font-size:10px}.sf-explorer-tree summary{cursor:pointer}.sf-explorer-map-source{padding:12px;border:1px solid var(--adm-primary);background:color-mix(in srgb,var(--adm-primary) 10%,var(--adm-panel));font-weight:600}.sf-explorer-edge{margin-left:20px;padding:10px;border-left:1px solid var(--adm-border)}.sf-explorer-arrow{display:block;font-size:11px;color:var(--adm-text-dim);margin-bottom:7px}.sf-explorer-missing{color:var(--adm-danger,#dd4b39);font-size:12px;overflow-wrap:anywhere}.sf-explorer-edge button{white-space:normal;text-align:left}.sf-explorer-settings{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.sf-explorer-settings>div{width:100%}
@media(max-width:850px){.sf-explorer{grid-template-columns:1fr}.sf-explorer-list{max-height:290px;border-right:0;border-bottom:1px solid var(--adm-border)}.sf-explorer-detail{max-height:none;padding:12px}.sf-explorer-preview{height:420px}}
/* Navigation paths: branching cards with connectors, independent canvas scrolling. */
.sf-nav-toolbar{display:flex;gap:6px;align-items:center;margin-bottom:12px}.sf-nav-scroll{overflow:auto;max-height:620px;min-height:340px;padding:20px;border:1px solid var(--adm-border);background:var(--adm-panel)}
.sf-nav-tree{display:flex;justify-content:center;list-style:none;padding:26px 0 0;margin:0;position:relative;width:max-content;min-width:100%}.sf-nav-scroll>.sf-nav-tree{padding-top:0}.sf-nav-tree[hidden]{display:none}
.sf-nav-branch{display:flex;flex-direction:column;align-items:center;position:relative;padding:26px 14px 0;flex:1 0 auto}
.sf-nav-branch::before,.sf-nav-branch::after{content:'';position:absolute;top:0;width:50%;height:26px;border-top:2px solid var(--adm-primary)}.sf-nav-branch::before{right:50%}.sf-nav-branch::after{left:50%;border-left:2px solid var(--adm-primary)}
.sf-nav-branch:first-child::before,.sf-nav-branch:last-child::after{border-top:0}.sf-nav-branch:only-child::before{display:none}.sf-nav-branch:last-child::before{border-right:2px solid var(--adm-primary)}.sf-nav-branch:only-child::after{border-left:2px solid var(--adm-primary)}
.sf-nav-branch>.sf-nav-tree::before{content:'';position:absolute;top:0;left:50%;height:26px;border-left:2px solid var(--adm-primary)}
.sf-nav-scroll>.sf-nav-tree>.sf-nav-branch{padding-top:0}.sf-nav-scroll>.sf-nav-tree>.sf-nav-branch::before,.sf-nav-scroll>.sf-nav-tree>.sf-nav-branch::after{display:none}
.sf-nav-card{position:relative;width:230px;box-sizing:border-box;display:flex;flex-direction:column;gap:7px;padding:12px;border:1px solid var(--adm-border);border-top:3px solid var(--adm-primary);border-radius:4px;background:var(--adm-panel);box-shadow:0 2px 6px #0000000d;color:var(--adm-text);white-space:normal;overflow-wrap:anywhere}
.sf-nav-card::before{content:'▼';position:absolute;top:-16px;left:calc(50% - 5px);font-size:11px;color:var(--adm-primary)}.sf-nav-scroll>.sf-nav-tree>.sf-nav-branch>.sf-nav-card::before{display:none}
.sf-nav-card strong{font-size:13px}.sf-nav-view{font-size:12px}.sf-nav-card small{font-size:11px;color:var(--adm-text-dim)}.sf-nav-edge-label{border-bottom:1px solid var(--adm-border);padding-bottom:6px}.sf-nav-actions{display:flex;gap:4px;flex-wrap:wrap}.sf-nav-actions .btn-mini{font-size:11px;text-decoration:none}.sf-nav-unavailable{border-top-color:var(--adm-danger,#dd4b39)}.sf-nav-cycle{border-top-color:var(--adm-warning,#f39c12)}
.sf-nav-expanded{position:fixed;inset:24px;z-index:1100;background:var(--adm-panel);border:1px solid var(--adm-border);box-shadow:0 8px 40px #0004;padding:18px;overflow:auto}.sf-nav-expanded .sf-nav-scroll{height:calc(100vh - 180px);max-height:none}
.sf-nav-tree:empty{display:none}
.sf-nav-contents:empty{display:none}
.sf-nav-contents{display:flex;flex-direction:column;gap:8px;margin-top:4px;padding-top:10px;border-top:1px solid var(--adm-border)}
.sf-nav-card:not(.sf-nav-embedded):has(>.sf-nav-contents:not(:empty)){width:320px}
.sf-nav-card .sf-nav-embedded{width:100%;padding:9px;border-top:1px solid var(--adm-border);border-left:3px solid #8b70c6;box-shadow:none;background:color-mix(in srgb,#8b70c6 5%,var(--adm-panel))}
.sf-nav-card .sf-nav-embedded[data-link-type=list]{border-left-color:var(--adm-success,#00a65a);background:color-mix(in srgb,var(--adm-success,#00a65a) 5%,var(--adm-panel))}
.sf-nav-embedded::before{display:none}
.sf-nav-destination-group{display:contents}
.sf-nav-destination-group[hidden]{display:none}
.sf-nav-draft-toggle{display:inline-flex;align-items:center;gap:7px;margin-left:auto;font-size:12px;color:var(--adm-text);cursor:pointer}
.sf-nav-draft-toggle input{accent-color:var(--adm-primary);width:16px;height:16px}
.sf-nav-draft-badge{align-self:flex-start;font-size:11px;font-weight:600;padding:3px 6px;border:1px dashed var(--adm-warning,#f39c12);background:color-mix(in srgb,var(--adm-warning,#f39c12) 14%,var(--adm-panel));color:var(--adm-text)}
.sf-nav-hide-drafts [data-draft=true]{display:none!important}
.sf-nav-embedded{position:relative}
.sf-nav-embedded>.sf-nav-link-type{max-width:calc(100% - 48px)}
.sf-nav-compact-toggle{position:absolute;right:7px;top:7px;display:inline-flex;gap:5px;align-items:center;justify-content:center;min-width:36px;min-height:26px;padding:3px 6px;border:1px solid color-mix(in srgb,#8b70c6 45%,var(--adm-border));border-radius:3px;background:color-mix(in srgb,#8b70c6 12%,var(--adm-panel));color:var(--adm-text);font-size:11px;cursor:pointer}
.sf-nav-compact-toggle:focus-visible{outline:2px solid var(--adm-primary);outline-offset:2px}
@layer sysimple-actions{#sysimpleFormBuilder .sf-nav-card .sf-nav-compact-toggle{min-height:26px!important;padding:3px 6px!important;font-size:11px!important;margin:0!important;background:color-mix(in srgb,#8b70c6 14%,var(--adm-panel))!important;border-color:color-mix(in srgb,#8b70c6 45%,var(--adm-border))!important;color:var(--adm-text)!important}}
.sf-nav-card.sf-nav-compact>:not(.sf-nav-link-type):not(.sf-nav-edge-label):not(.sf-nav-draft-badge):not(.sf-nav-compact-toggle):not(.sf-public-links-icon){display:none!important}
.sf-nav-compact>.sf-nav-edge-label{border-bottom:0;padding:0;margin:0}
.sf-nav-linked .sf-nav-branch::before,.sf-nav-linked .sf-nav-branch::after,.sf-nav-linked .sf-nav-tree::before,.sf-nav-linked .sf-nav-card::before{display:none}
.sf-nav-lines{position:absolute;inset:0;overflow:visible;pointer-events:none;z-index:1}
.sf-nav-lines text{font:10px Arial,sans-serif;paint-order:stroke;stroke:var(--adm-panel);stroke-width:3px;stroke-linejoin:round}
.sf-nav-control-origin{font-size:11px;padding:5px 8px;border:1px solid color-mix(in srgb,var(--sf-link-color) 40%,var(--adm-border));border-left:3px solid var(--sf-link-color);background:color-mix(in srgb,var(--sf-link-color) 10%,var(--adm-panel));color:var(--adm-text);border-radius:3px}
.sf-catalog-group-status{margin-left:auto;flex-shrink:0;font-size:10px;font-weight:500;padding:3px 6px;border:1px solid var(--adm-border);border-radius:3px;color:var(--adm-text-dim)}
.sf-catalog-group-status.is-offline{background:color-mix(in srgb,var(--adm-warning,#f39c12) 15%,var(--adm-panel));border-color:var(--adm-warning,#f39c12);color:var(--adm-text)}
.sf-catalog-group-status.is-online{color:var(--adm-success,#008548);background:color-mix(in srgb,var(--adm-success,#008548) 8%,var(--adm-panel))}
.sf-group-rename{flex:none;min-width:30px;min-height:30px}
.sf-group-rename i{color:var(--adm-primary)}
.sf-explorer-item strong>i{font-size:10px;color:var(--adm-primary);margin-right:8px}
.sf-catalog-views{margin:0 0 8px 88px;padding:5px 0 5px 12px;border-left:1px solid color-mix(in srgb,var(--adm-primary) 35%,var(--adm-border));display:flex;flex-direction:column;gap:3px}
@layer sysimple-actions{
 #sysimpleFormBuilder .sf-catalog-view.btn-mini{display:flex;align-items:center;justify-content:flex-start!important;gap:8px;width:100%;text-align:left!important;white-space:normal;font-size:12px!important;min-height:32px!important;padding:6px 9px!important;border-color:transparent!important}
 #sysimpleFormBuilder .sf-catalog-view.btn-mini[aria-pressed=true]{background:color-mix(in srgb,var(--adm-primary) 6%,var(--adm-panel))!important;border-left:3px solid var(--adm-primary)!important;color:var(--adm-text)!important}
}
.sf-catalog-view i{color:var(--adm-primary)}.sf-catalog-view small{color:var(--adm-text-dim)}
.sf-catalog-view-row{display:flex;align-items:center;gap:6px;min-width:0}
.sf-catalog-view-row>.sf-catalog-view{flex:1;min-width:0}
.sf-catalog-settings-icon{flex:none;min-width:30px;min-height:30px}
.sf-catalog-settings-icon i{color:var(--adm-primary)}
.sf-catalog-drag{cursor:grab;flex:none;touch-action:none}.sf-catalog-drag:active{cursor:grabbing}
.sf-order-before{box-shadow:0 -3px 0 var(--adm-primary)}.sf-order-after{box-shadow:0 3px 0 var(--adm-primary)}
.sf-catalog-order-status{margin:0;padding:7px 12px;font-size:12px;color:var(--adm-text);background:color-mix(in srgb,var(--adm-primary) 10%,var(--adm-panel))}
.sf-catalog-order-status[hidden]{display:none}
@layer sysimple-actions{#sysimpleFormBuilder .sf-catalog-drag{min-width:20px!important;padding:4px!important;background:transparent!important;border-color:transparent!important;color:var(--adm-text-dim)!important}}
.sf-nav-contents[hidden]{display:none}
/* Adjustable catalogue columns; group names follow the left edge. */
.sf-explorer{grid-template-columns:var(--sf-catalog-list-width,34%) 8px minmax(0,1fr)}
#sysimpleFormBuilder .sf-explorer-group{justify-content:flex-start!important;text-align:left!important;padding-inline:12px;white-space:normal}
.sf-explorer-list{min-width:0;border-right:0}.sf-explorer-splitter{align-self:stretch;min-height:100%;position:relative;cursor:col-resize;touch-action:none;background:var(--adm-panel);border-inline:1px solid var(--adm-border)}
.sf-explorer-splitter::after{content:'';position:absolute;top:50%;left:2px;width:2px;height:36px;border-radius:2px;background:var(--adm-primary);opacity:.6}
.sf-explorer-splitter:hover,.sf-explorer-splitter:focus-visible{background:color-mix(in srgb,var(--adm-primary) 20%,var(--adm-panel));outline:2px solid var(--adm-primary);outline-offset:-2px}
.sf-explorer-resizing{cursor:col-resize;user-select:none}.sf-explorer-resizing iframe{pointer-events:none}
@media(max-width:850px){.sf-explorer{grid-template-columns:minmax(0,1fr)}.sf-explorer-splitter{display:none}}
/* Make group headings stronger than their indented form entries. */
@layer sysimple-actions{
 #sysimpleFormBuilder .sf-explorer-group.btn-mini{font-size:14px!important;font-weight:700!important;min-height:42px!important;background:color-mix(in srgb,var(--adm-primary) 12%,var(--adm-panel))!important;border-color:color-mix(in srgb,var(--adm-primary) 35%,var(--adm-border))!important;color:var(--adm-text)!important}
 #sysimpleFormBuilder .sf-explorer-group.btn-mini:hover{background:color-mix(in srgb,var(--adm-primary) 20%,var(--adm-panel))!important}
}
#sysimpleFormBuilder .sf-explorer-group{margin:8px 0 5px;padding:10px 12px;line-height:1.4}
#sysimpleFormBuilder .sf-explorer-group i{font-size:15px;color:var(--adm-primary)}
#sysimpleFormBuilder .sf-explorer-list .sf-explorer-item{width:calc(100% - 16px);margin-left:16px;border-left:2px solid color-mix(in srgb,var(--adm-primary) 25%,var(--adm-border));padding:10px 12px}
#sysimpleFormBuilder .sf-explorer-list .sf-explorer-item strong{font-size:13px;font-weight:600}
.sf-nav-toolbar{flex-wrap:wrap}.sf-nav-toolbar .sf-nav-zoom{width:130px;max-width:30vw;min-height:34px;accent-color:var(--adm-primary);cursor:pointer}.sf-nav-toolbar>span{min-width:45px;text-align:center;font-variant-numeric:tabular-nums}
.sf-preview-zoom{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-top:8px}.sf-preview-zoom input[type=range]{width:120px;max-width:25vw;accent-color:var(--adm-primary)}.sf-preview-zoom>span{min-width:42px;font-size:12px;font-variant-numeric:tabular-nums}
.sf-preview-stage{position:relative;overflow:hidden;flex:none}
.sf-explorer-preview .sf-preview-stage iframe{position:absolute;left:0;top:0;max-width:none;margin:0!important;transform-origin:top left;pointer-events:none}
.sf-nav-link-type{display:inline-flex;align-items:center;gap:7px;align-self:flex-start;padding:4px 6px;border-radius:3px;font-size:11px;font-weight:600;color:var(--adm-primary);background:color-mix(in srgb,var(--adm-primary) 10%,var(--adm-panel))}.sf-nav-link-type i{font-size:13px}.sf-nav-card[data-link-type=list] .sf-nav-link-type{color:var(--adm-success,#008548);background:color-mix(in srgb,var(--adm-success,#008548) 10%,var(--adm-panel))}.sf-nav-card[data-link-type=form] .sf-nav-link-type{color:var(--adm-text);background:color-mix(in srgb,#8b70c6 16%,var(--adm-panel))}.sf-nav-card[data-link-type=form] .sf-nav-link-type i{color:#8b70c6}
.sf-nav-preview-dialog{width:min(1200px,calc(100vw - 32px));max-height:calc(100dvh - 32px)}.sf-nav-preview-dialog h2{font-size:16px;overflow-wrap:anywhere}.sf-nav-preview-body{padding:14px;overflow:auto;min-height:150px}.sf-nav-preview-body .sf-explorer-preview{height:min(62vh,700px)}
.sf-catalog-group-row,.sf-catalog-form-row{display:flex;align-items:center;gap:8px;min-width:0}.sf-catalog-form-row{margin-left:16px}.sf-catalog-check{flex:none;width:16px;height:16px;margin:0 2px;accent-color:var(--adm-primary);cursor:pointer}
#sysimpleFormBuilder .sf-catalog-group-row .sf-explorer-group{flex:1;min-width:0;width:auto}#sysimpleFormBuilder .sf-explorer-list .sf-catalog-form-row .sf-explorer-item{flex:1;min-width:0;width:auto;margin-left:0}
.sf-catalog-bulk{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:10px 14px;background:color-mix(in srgb,var(--adm-primary) 12%,var(--adm-panel));border-top:1px solid var(--adm-border)}.sf-catalog-bulk[hidden]{display:none}.sf-catalog-bulk>span{font-weight:600;margin-right:auto}
.sf-bulk-body{padding:14px;overflow:auto;line-height:1.5}.sf-bulk-body ul{list-style:none;margin:10px 0;padding:0}.sf-bulk-body li{display:flex;flex-direction:column;gap:4px;padding:9px 0;border-bottom:1px solid var(--adm-border)}.sf-bulk-body li span{font-size:12px}.sf-bulk-success{color:var(--adm-success,#008548)}.sf-bulk-error{color:var(--adm-danger,#dd4b39)}
/* Compact card actions retain visible labels and keyboard focus. */
.sf-nav-card{width:270px}
.sf-nav-actions{display:flex;flex-wrap:wrap;gap:6px;padding-top:4px}
@layer sysimple-actions{
 #sysimpleFormBuilder .sf-nav-actions .btn-mini{--sf-card-action:var(--adm-primary,#3c8dbc);display:inline-flex;align-items:center;justify-content:center;gap:5px;flex:1 0 auto;min-width:0;min-height:30px!important;margin:0!important;padding:5px 7px!important;font-size:11px!important;line-height:18px!important;white-space:nowrap;font-weight:600!important;border-radius:4px!important;border:1px solid color-mix(in srgb,var(--sf-card-action) 45%,var(--adm-border))!important;background:color-mix(in srgb,var(--sf-card-action) 12%,var(--adm-panel))!important;color:var(--adm-text)!important;transition:background .15s,border-color .15s}
 #sysimpleFormBuilder .sf-nav-actions .sf-nav-design{--sf-card-action:var(--adm-success,#00a65a)}
 #sysimpleFormBuilder .sf-nav-actions .sf-nav-expand{--sf-card-action:#8b70c6}
 #sysimpleFormBuilder .sf-nav-actions .btn-mini:hover:not(:disabled){background:color-mix(in srgb,var(--sf-card-action) 24%,var(--adm-panel))!important;border-color:var(--sf-card-action)!important}
 #sysimpleFormBuilder .sf-nav-actions .btn-mini:focus-visible{outline:2px solid var(--sf-card-action)!important;outline-offset:2px}
 #sysimpleFormBuilder .sf-nav-actions .btn-mini:disabled{opacity:.5;cursor:wait}
 .sf-nav-actions .btn-mini[hidden]{display:none!important}
}
.sf-nav-actions .btn-mini i{font-size:12px;flex-shrink:0;color:var(--sf-card-action)}
/* Align the detail commands, section tabs and zoom controls as distinct bars. */
.sf-explorer-commands{align-items:center;gap:8px;padding:10px 0;margin:4px 0 12px;border-bottom:1px solid var(--adm-border)}
.sf-explorer-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:4px;margin:0 0 14px;border:1px solid var(--adm-border);border-radius:4px;background:color-mix(in srgb,var(--adm-primary) 5%,var(--adm-panel))}
.sf-nav-toolbar,.sf-preview-zoom{align-items:center;gap:8px;padding:8px;border:1px solid var(--adm-border);border-radius:4px;background:color-mix(in srgb,var(--adm-primary) 5%,var(--adm-panel))}
@layer sysimple-actions{
 #sysimpleFormBuilder .sf-explorer-commands>.btn-mini,#sysimpleFormBuilder .sf-explorer-tabs>.btn-mini,#sysimpleFormBuilder .sf-nav-toolbar>.btn-mini{display:inline-flex;align-items:center;justify-content:center;gap:6px;box-sizing:border-box;margin:0!important;min-height:34px!important;padding:7px 10px!important;font-size:12px!important;line-height:18px!important}
 #sysimpleFormBuilder .sf-explorer-commands>.btn-mini:first-child{background:var(--action-blue-fill,#2f739b)!important;color:var(--action-on-fill,#fff)!important;border-color:var(--adm-primary)!important}
 #sysimpleFormBuilder .sf-explorer-commands>.btn-mini:nth-child(2){background:color-mix(in srgb,var(--adm-primary) 12%,var(--adm-panel))!important;border-color:color-mix(in srgb,var(--adm-primary) 50%,var(--adm-border))!important}
 #sysimpleFormBuilder .sf-explorer-commands>.btn-mini i{color:var(--adm-primary)}
 #sysimpleFormBuilder .sf-explorer-commands>.btn-mini:first-child i{color:inherit}
 #sysimpleFormBuilder .sf-explorer-tabs>.btn-mini{width:100%;border:1px solid transparent!important;background:transparent!important;color:var(--adm-text)!important}
 #sysimpleFormBuilder .sf-explorer-tabs>.btn-mini[aria-selected=true]{background:var(--action-blue-fill,#2f739b)!important;color:var(--action-on-fill,#fff)!important;border-color:var(--adm-primary)!important}
 #sysimpleFormBuilder .sf-explorer-tabs>.btn-mini:hover:not([aria-selected=true]){background:color-mix(in srgb,var(--adm-primary) 12%,var(--adm-panel))!important}
}
.sf-nav-toolbar>.sf-nav-zoom{margin:0}.sf-nav-toolbar>span{color:var(--adm-primary);font-weight:600}
@media(max-width:480px){.sf-explorer-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* Keep the catalogue commands compact so the work area starts higher. */
#studioFormCatalog .sf-catalog-heading{padding:7px 12px;gap:8px}
#studioFormCatalog .sf-catalog-heading h1{font-size:17px;margin:0}
#studioFormCatalog .sf-catalog-heading p{display:none}
#studioFormCatalog .sf-catalog-heading>div{min-width:180px}
#studioFormCatalog .sf-catalog-filters{padding:7px 12px;gap:8px;flex-wrap:wrap}
#studioFormCatalog .sf-catalog-filters>label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
#studioFormCatalog #studioCatalogSearch{flex:1 1 250px;width:auto;min-width:160px;max-width:460px;margin:0;min-height:34px}
#studioFormCatalog #studioCatalogCount{margin-left:auto;font-size:11px;color:var(--adm-text-dim)}
#studioFormCatalog .sf-catalog-tools[hidden],#studioFormCatalog .sf-catalog-advanced[hidden]{display:none!important}
#studioFormCatalog .sf-catalog-advanced{display:flex;gap:8px;flex-wrap:wrap;padding:8px 12px;border-bottom:1px solid var(--adm-border);background:var(--adm-surface-2,var(--adm-panel))}
#studioFormCatalog .sf-catalog-advanced select{flex:1 1 160px;min-width:0;min-height:34px;padding:5px 9px;color:var(--adm-text);background:var(--adm-panel);border:1px solid var(--adm-border)}
@layer sysimple-actions{#sysimpleFormBuilder .sf-catalog-filter-toggle[aria-expanded=true]{background:color-mix(in srgb,var(--adm-primary) 16%,var(--adm-panel))!important;border-color:var(--adm-primary)!important}}
@media(max-width:700px){#studioFormCatalog #studioCatalogCount{flex-basis:100%;margin-left:0}#studioFormCatalog .sf-catalog-heading>div{flex-basis:calc(100% - 200px)}}


.sf-nav-workflow{display:flex;flex-direction:column;gap:5px;padding:8px;border:1px solid color-mix(in srgb,var(--adm-warning,#f39c12) 40%,var(--adm-border));border-left:3px solid var(--adm-warning,#f39c12);background:color-mix(in srgb,var(--adm-warning,#f39c12) 8%,var(--adm-panel));border-radius:3px;color:var(--adm-text);overflow-wrap:anywhere}
.sf-nav-workflow-badge{align-self:flex-start;display:inline-flex;align-items:center;gap:5px;font-size:10px;padding:3px 5px;background:color-mix(in srgb,var(--adm-warning,#f39c12) 18%,var(--adm-panel));color:var(--adm-text)}
.sf-nav-workflow>strong{font-size:12px}.sf-nav-workflow-name{font-size:11px;color:var(--adm-text-dim)}

.sf-nav-card.sf-nav-workflow{border-top:3px solid var(--adm-warning,#f39c12)}
.sf-nav-workflow-open{display:inline-flex;gap:5px;align-items:center;align-self:flex-start;margin-top:5px;color:var(--adm-text);border:1px solid var(--adm-warning,#f39c12);background:color-mix(in srgb,var(--adm-warning,#f39c12) 15%,var(--adm-panel));text-decoration:none}

.sf-nav-control-name{display:flex;align-items:center;gap:6px;min-width:0}.sf-nav-control-name>span,.sf-nav-control-name>strong{flex:1;min-width:0;overflow-wrap:anywhere}
.sf-nav-control-info{flex:0 0 24px;min-width:24px;min-height:24px;padding:2px!important;cursor:pointer;color:var(--adm-primary);background:transparent;border:1px solid transparent;border-radius:3px}
.sf-nav-control-info:hover{background:color-mix(in srgb,var(--adm-primary) 12%,var(--adm-panel));border-color:var(--adm-border)}
.sf-nav-control-details{display:grid;grid-template-columns:minmax(100px,1fr) minmax(0,3fr);font-size:12px;margin:12px 0;gap:0}
.sf-nav-control-details>dt,.sf-nav-control-details>dd{margin:0;padding:8px;border-bottom:1px solid var(--adm-border);overflow-wrap:anywhere;white-space:pre-wrap}.sf-nav-control-details>dt{color:var(--adm-text-dim)}
.sf-nav-control-dialog .sf-properties-body{max-height:65vh;overflow:auto}

/* Keep view selection visibly nested below the form, outside the ordering/selection rail. */
.sf-catalog-views .sf-catalog-view-row{position:relative}
.sf-catalog-views .sf-catalog-view-row:before{content:"";position:absolute;left:-12px;top:50%;width:9px;border-top:1px solid color-mix(in srgb,var(--adm-primary) 35%,var(--adm-border))}
.sf-catalog-group-row>.sf-catalog-check,.sf-catalog-form-row>.sf-catalog-check{margin-right:5px}
@layer sysimple-actions{#sysimpleFormBuilder .sf-catalog-drag{border-right:1px solid var(--adm-border)!important;border-radius:0!important;min-height:26px!important;opacity:.7}#sysimpleFormBuilder .sf-catalog-drag:hover,#sysimpleFormBuilder .sf-catalog-drag:focus-visible{opacity:1;color:var(--adm-primary)!important}}
@layer sysimple-actions{
 #sysimpleFormBuilder .sf-catalog-history,#sysimpleFormBuilder .sf-catalog-settings-icon{flex:0 0 30px;min-width:30px!important;min-height:30px!important;padding:4px!important;border:0!important;background:transparent!important;box-shadow:none!important;border-radius:3px!important}
 #sysimpleFormBuilder .sf-catalog-history,#sysimpleFormBuilder .sf-catalog-history i{color:color-mix(in srgb,var(--adm-text-dim) 55%,var(--adm-panel))!important}
 #sysimpleFormBuilder .sf-catalog-history[aria-pressed=true],#sysimpleFormBuilder .sf-catalog-history[aria-pressed=true] i{color:var(--adm-success,#00a65a)!important}
 #sysimpleFormBuilder .sf-catalog-history:enabled,#sysimpleFormBuilder .sf-catalog-settings-icon:enabled{cursor:pointer;opacity:1!important}
 #sysimpleFormBuilder .sf-catalog-history:enabled:hover,#sysimpleFormBuilder .sf-catalog-settings-icon:enabled:hover{background:color-mix(in srgb,var(--adm-primary) 10%,var(--adm-panel))!important}
 #sysimpleFormBuilder .sf-catalog-history:focus-visible,#sysimpleFormBuilder .sf-catalog-settings-icon:focus-visible{outline:2px solid var(--adm-primary)!important;outline-offset:1px}
}

@layer sysimple-actions{
 #sysimpleFormBuilder .sf-explorer-list .sf-explorer-item,#sysimpleFormBuilder .sf-explorer-list .sf-explorer-group.btn-mini{border:0!important;box-shadow:none!important}
 #sysimpleFormBuilder .sf-explorer-list .sf-explorer-item[aria-pressed=true]{border:0!important;box-shadow:inset 3px 0 0 var(--adm-primary)!important}
 #sysimpleFormBuilder .sf-explorer-list .sf-explorer-item:focus-visible,#sysimpleFormBuilder .sf-explorer-list .sf-explorer-group:focus-visible{outline:2px solid var(--adm-primary);outline-offset:-2px}
}

.sf-explorer-preview{padding:18px;box-sizing:border-box;scrollbar-gutter:stable;background:var(--adm-surface-2,var(--adm-panel))}
.sf-explorer-preview .sf-preview-stage{margin-inline:auto;background:var(--adm-panel);outline:1px solid var(--adm-border);box-shadow:0 2px 8px rgba(0,0,0,.07)}
@media(max-width:600px){.sf-explorer-preview{padding:12px}}

.sf-nav-linked .sf-nav-branch>.sf-nav-tree{padding-top:44px}
.sf-nav-lines text.sf-nav-link-action{font-size:10px;font-weight:600}

.sf-preview-panel{border:1px solid var(--adm-border);border-radius:5px;overflow:hidden;background:var(--adm-panel)}
.sf-preview-tools{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:8px 10px;background:var(--adm-panel);border-bottom:1px solid var(--adm-border)}
.sf-preview-tools .sf-explorer-devices{padding-right:10px;border-right:1px solid var(--adm-border)}
.sf-preview-tools .sf-preview-zoom{border:0;background:transparent;padding:0;margin:0;flex:1}
.sf-preview-panel .sf-explorer-preview{border:0;padding:24px;background:color-mix(in srgb,var(--adm-primary) 3%,var(--adm-surface-2,var(--adm-panel)))}
.sf-preview-panel .sf-preview-stage{outline:1px solid var(--adm-border);box-shadow:0 3px 12px rgba(0,0,0,.10);border-radius:3px}
.sf-preview-panel .sf-preview-caption{margin:0;padding:7px 12px;border-top:1px solid var(--adm-border);font-size:11px}
@media(max-width:600px){.sf-preview-panel .sf-explorer-preview{padding:12px}.sf-preview-tools{gap:8px}}

.sf-public-links-icon{border:0!important;box-shadow:none!important;background:transparent!important;color:var(--adm-primary)!important;padding:5px!important;min-width:28px;cursor:pointer;flex:none}
.sf-nav-card>.sf-public-links-icon{position:absolute;top:8px;right:8px}.sf-nav-card.sf-nav-embedded>.sf-public-links-icon{right:50px}
.sf-public-links-dialog{width:min(1100px,calc(100vw - 32px))}.sf-public-link-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:8px 0;border-bottom:1px solid var(--adm-border)}.sf-public-link-row strong{flex:1}.sf-public-link-row small{color:var(--adm-text-dim)}
.sf-public-linked-preview{width:100%;height:60vh;border:1px solid var(--adm-border);margin-top:12px;background:var(--adm-panel)}

.sf-nav-control-info.sf-nav-duplicate-name,.sf-nav-duplicate-message{color:var(--adm-danger,#dd4b39)}
.sf-nav-control-info.sf-nav-duplicate-name{background:color-mix(in srgb,var(--adm-danger,#dd4b39) 8%,transparent);border-color:transparent}

.sf-nav-control-caption{display:flex;flex-direction:column;gap:3px;min-width:0}
.sf-nav-control-label{color:var(--adm-text);font-weight:500}
.sf-nav-control-caption>.sf-nav-control-technical{display:block;margin:0;color:var(--adm-text-dim);font-size:10px;line-height:1.3;font-weight:400;overflow-wrap:anywhere}

.sf-nav-control-info.sf-nav-configuration-issue,.sf-nav-configuration-message{color:var(--adm-warning,#f39c12)}
.sf-nav-control-info.sf-nav-configuration-issue{background:color-mix(in srgb,var(--adm-warning,#f39c12) 10%,transparent);border-color:transparent}
.sf-catalog-form-card{position:relative;flex:1;min-width:0}
#sysimpleFormBuilder .sf-explorer-list .sf-catalog-form-card .sf-explorer-item{width:100%;padding-right:42px}
@layer sysimple-actions {
 #sysimpleFormBuilder .sf-catalog-add-view{position:absolute;right:6px;top:0;bottom:0;height:30px;width:30px;margin:auto 0!important;min-height:30px!important;padding:4px!important;border:0!important;background:transparent!important;box-shadow:none!important;color:var(--adm-primary)!important}
 #sysimpleFormBuilder .sf-catalog-add-view:hover{background:color-mix(in srgb,var(--adm-primary) 12%,var(--adm-panel))!important}
 #sysimpleFormBuilder .sf-catalog-add-view:focus-visible{outline:2px solid var(--adm-primary)!important;outline-offset:1px}
}
.sf-catalog-execute{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}
.sf-catalog-execute[aria-disabled=true]{opacity:.4;cursor:default}