.form-table-scroll thead{position:sticky;top:0;z-index:2;background:var(--form-input)}
.form-table-scroll thead th{position:static;vertical-align:middle;background:var(--form-input)}
.form-table-scroll thead th.form-column-group{background:var(--form-hover);text-align:center;font-weight:600;color:var(--form-ink);padding:10px 12px;border-bottom:1px solid var(--form-line)}
.is-building .form-table-scroll thead th.form-canvas-node{position:relative}
.form-table-scroll thead th[scope=col]{min-width:150px;width:auto}
.form-header-group-settings{padding:11px;border:1px solid var(--form-line);border-radius:8px;background:var(--form-bg);min-width:0}
.form-header-group-settings>summary{font-size:12px;font-weight:600;color:var(--form-ink);cursor:default;line-height:1.5}
.form-header-group-body{display:grid;gap:14px;margin-top:14px;min-width:0}
.form-header-group-row{display:flex;align-items:center;gap:7px;min-width:0}.form-header-group-row>label{flex:1;min-width:0}.form-header-group-row small{font-size:10px;line-height:1.4;color:var(--form-muted);overflow-wrap:anywhere}
.form-header-group-row .form-builder-icon{align-self:center;color:var(--form-muted)}.form-header-group-row .form-builder-icon:hover{color:var(--red,#c46969)}
.form-header-group-new{display:grid;gap:12px;min-width:0}.form-header-group-new>small{font-size:11px;color:var(--form-muted);line-height:1.5}
.form-header-group-row+.form-header-group-new{padding-top:14px;border-top:1px solid var(--form-line)}
.form-header-group-new button[data-group-add]{width:100%;white-space:normal;font-size:12px;min-height:38px}
.form-header-group-item{display:grid;gap:12px;min-width:0}.form-header-group-item+.form-header-group-new{border-top:1px solid var(--form-line);padding-top:14px}
.form-heading-format{display:grid;gap:7px;min-width:0}.form-heading-format>span{font-size:11px;color:var(--form-muted)}.form-heading-format>div{display:flex;align-items:center;gap:3px;flex-wrap:wrap;min-width:0}
.form-dialog .form-heading-format button{display:grid;place-items:center;min-width:29px;width:29px;height:31px;min-height:31px;padding:5px;border:1px solid transparent;border-radius:6px;background:transparent;color:var(--form-muted);box-shadow:none}
.form-dialog .form-heading-format button:hover{background:var(--form-hover);color:var(--form-ink)}.form-dialog .form-heading-format button[aria-pressed=true]{border-color:var(--form-line);color:var(--form-ink);background:var(--form-hover)}
.form-heading-format svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.form-heading-format>div>i{width:1px;height:19px;background:var(--form-line);margin:0 3px}
.form-heading-format .form-header-color{display:block;position:relative;width:29px;height:31px;flex:none;padding:3px!important;margin:0;overflow:hidden;border:1px solid var(--form-line);border-radius:6px;box-sizing:border-box;background:var(--form-input)}
.form-dialog .form-heading-format input[type=color]{appearance:none;width:21px!important;min-width:21px!important;max-width:21px!important;height:23px!important;min-height:23px!important;padding:0!important;border:0!important;border-radius:3px;background:transparent;cursor:default}
.form-heading-format input[type=color]::-webkit-color-swatch-wrapper{padding:0}.form-heading-format input[type=color]::-webkit-color-swatch{border:0;border-radius:3px}
.is-building .form-container[data-service-container=true]{outline:1px dashed var(--form-line);outline-offset:6px}
.is-building .form-container[data-service-container=true].is-selected{outline:2px solid var(--form-muted)}
.form-container>.form-service-label{font-size:11px;font-weight:500;color:var(--form-muted);margin:0 0 8px}
.form-block-spacing{padding:11px;border:1px solid var(--form-line);border-radius:8px;background:var(--form-bg);min-width:0}
.form-block-spacing>summary{font-size:12px;font-weight:600;color:var(--form-ink);line-height:1.5;cursor:default}.form-block-spacing>.form-builder-field-row{margin-top:12px;grid-template-columns:repeat(2,minmax(0,1fr))!important}

/* Container fill transparency never fades its text or child controls. */
.form-flex[data-surface=soft]{background:color-mix(in srgb,var(--form-hover) var(--form-container-opacity,100%),transparent)}
.form-flex[data-surface=none]{background:transparent;border:0}