/* Hypergrid 1.43.0 — existing layout editors, no parallel schema or API. */
#modalRoot .modal.hg-layout-modal{width:min(1160px,calc(100vw - 24px));max-width:min(1160px,calc(100vw - 24px));max-height:calc(100dvh - 20px)}
.hg-layout-modal .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.hg-layout-modal .hg-layout-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:2px 0 10px;color:var(--kv-text-primary)}
.hg-layout-modal .hg-layout-section-head .mini{flex:0 0 auto;min-height:36px}
.hg-layout-modal .form-builder-tabs{grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:10px}
.hg-layout-modal .form-builder-tabs label{display:grid;gap:4px;min-width:0;font-size:12px}
.hg-layout-modal .form-builder-tabs input{min-width:0;width:100%}
.hg-layout-modal .hg-layout-toolbar{display:flex;gap:9px;flex-wrap:wrap;align-items:center;min-width:0;margin-top:13px}
.hg-layout-modal .hg-layout-toolbar label{font-size:13px;font-weight:700;color:var(--kv-text-primary)}
.hg-layout-modal #hgLayoutFieldSearch{width:min(340px,100%);min-width:130px;flex:1}
.hg-layout-modal #hgLayoutFilterCount{color:var(--kv-text-secondary);font-size:12px}
.hg-layout-modal .hg-layout-help{font-size:12px;line-height:1.5;color:var(--kv-text-secondary);margin:8px 0}
.hg-layout-modal .form-builder-items{max-height:340px;padding:4px 3px 6px}
.hg-layout-modal .form-builder-item{grid-template-columns:86px minmax(155px,1.3fr) minmax(120px,.7fr) minmax(120px,1fr) minmax(95px,.6fr);gap:8px;background:var(--kv-bg-surface-2);border:1px solid var(--kv-border-subtle);color:var(--kv-text-primary);border-radius:12px}
.hg-layout-modal .form-builder-item[hidden]{display:none}
.hg-layout-modal .form-builder-item .check-line{min-height:43px;background:transparent!important;color:var(--kv-text-primary)!important;border:0!important;padding:0!important;display:flex;align-items:center;gap:9px}
.hg-layout-modal .form-builder-item small{color:var(--kv-text-secondary);overflow-wrap:anywhere}
.hg-layout-modal .hg-layout-row-actions{display:flex;align-items:center;gap:2px}
.hg-layout-modal .hg-layout-row-actions .mini{min-width:27px;min-height:34px;padding:2px 5px}
.hg-layout-modal .hg-layout-row-actions .drag-handle{cursor:grab;color:var(--kv-text-secondary)}
.hg-layout-modal .form-builder-item :where(select,input){min-width:0;width:100%;max-width:100%;color:var(--kv-text-primary);background:var(--kv-bg-surface-1);border-color:var(--kv-border-interactive)}
.hg-layout-modal .hg-layout-preview{margin:18px 0 8px;padding:16px;border:1px solid var(--kv-border-subtle);background:var(--kv-bg-surface-1);color:var(--kv-text-primary);border-radius:15px;min-width:0}
.hg-layout-preview-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.hg-layout-preview-head>div{display:grid;gap:4px}
.hg-layout-preview-head b{font-size:16px}
.hg-layout-preview-head small,.hg-layout-preview-head>span{font-size:12px;color:var(--kv-text-secondary)}
.hg-layout-preview-tabs{display:flex;flex-wrap:wrap;gap:6px;margin:14px 0 12px;border-bottom:1px solid var(--kv-border-subtle);padding-bottom:9px}
.hg-layout-preview-tabs button{border:1px solid var(--kv-border-subtle);background:var(--kv-bg-surface-2);color:var(--kv-text-primary);padding:8px 12px;border-radius:9px;font-size:12px;min-height:35px}
.hg-layout-preview-tabs [aria-selected=true]{background:var(--kv-accent);color:var(--kv-text-on-accent);border-color:var(--kv-accent)}
.hg-layout-preview-body[hidden]{display:none}
.hg-layout-preview-body section{margin-bottom:16px}
.hg-layout-preview-body h4{margin:7px 0 10px;font-size:13px}
.hg-layout-preview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.hg-layout-preview-grid label{display:grid;gap:6px;min-width:0;font-size:12px;font-weight:600}
.hg-layout-placeholder{display:block;background:var(--kv-bg-surface-2);color:var(--kv-text-muted);border:1px dashed var(--kv-border-interactive);border-radius:9px;min-height:39px;padding:10px;font-weight:400}
.hg-layout-empty{color:var(--kv-text-secondary);padding:18px}
.hg-layout-modal .workspace-designer-canvas{background-color:var(--kv-bg-surface-2);border-color:var(--kv-border-subtle);background-image:linear-gradient(color-mix(in srgb,var(--kv-border-interactive) 25%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--kv-border-interactive) 25%,transparent) 1px,transparent 1px)}
.hg-layout-modal .workspace-designer-node{background:var(--kv-bg-surface-1);color:var(--kv-text-primary);border-color:var(--kv-border-interactive);box-shadow:var(--kv-shadow-surface)}
.hg-layout-modal .workspace-designer-node small{color:var(--kv-text-secondary)}
.hg-layout-modal .workspace-designer-node:focus-visible{outline:3px solid var(--kv-focus-ring);outline-offset:3px}
.hg-layout-modal .ws-layout-visible:focus-visible,.hg-layout-modal .form-builder-item button:focus-visible{outline:2px solid var(--kv-focus-ring);outline-offset:2px}
.hg-ws-summary{color:var(--kv-text-secondary);font-size:12px;line-height:1.5;padding:5px 0}
@media(max-width:960px){.hg-layout-modal .form-builder-item{grid-template-columns:72px minmax(140px,1fr) minmax(120px,1fr)}.hg-layout-modal .form-builder-item .form-item-section{grid-column:2}.hg-layout-modal .form-builder-item .form-item-width{grid-column:3}.hg-layout-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.hg-layout-modal .form-grid{grid-template-columns:minmax(0,1fr)}.hg-layout-modal .form-builder-item{grid-template-columns:58px minmax(0,1fr);gap:7px}.hg-layout-modal .form-builder-item .form-item-tab,.hg-layout-modal .form-builder-item .form-item-section,.hg-layout-modal .form-builder-item .form-item-width{grid-column:2}.hg-layout-preview-grid{grid-template-columns:1fr}.hg-layout-preview-grid label{grid-column:1/-1!important}.hg-layout-modal .hg-layout-preview{padding:11px}.hg-layout-modal .workspace-designer-canvas{max-width:100%;overflow:auto}}
@media(prefers-reduced-motion:reduce){.hg-layout-modal *{scroll-behavior:auto;transition:none}}