/*---Designer---*/
/*Layout*/
.kui-page-designer {position:fixed;right:10px;bottom:10px;font-size:1rem;cursor:pointer;}
.kui-designer {display:grid;grid-template-columns:220px auto 220px;height:450px;overflow:auto;}
.kui-designer.entity {grid-template-columns:40% 60%;}
.kui-designer-tips {padding:2px;background-color:#f2e595;color:#666;text-align:center;border-radius:5px 5px 0 0;}

/*Style*/
.kui-designer .caption {display:flex;height:46px;line-height:46px;border-bottom:1px solid var(--kui-border-color);}
.kui-designer .caption .title {font-weight:bold;padding:0 10px;}
.kui-designer .caption .select {width:150px;}
.kui-designer .bold {font-weight:bold;}

.kui-designer .columns, .kui-designer form {padding:10px;}
.kui-designer .columns, .kui-designer .property {height:400px;overflow:auto;}
.kui-designer .columns .item {padding:0 5px;}
.kui-designer .columns .item.active {background-color:#1890ff;color:#fff;}

/*Model*/
.kui-designer .panel-model {border-right:1px solid var(--kui-border-color);}
.kui-designer .panel-model .item {display:flex;margin-bottom:5px;cursor:pointer;}
.kui-designer .panel-model .item > span {padding-left:5px;}
.kui-designer .entity-title {padding-top:10px;font-weight:bold;}
.kui-designer.entity .panel-model pre {margin:0;padding:10px;}

/*View*/
.kui-designer .panel-view {overflow:auto;}
.kui-designer .panel-view .ant-tabs-top > .ant-tabs-nav {margin:0;}
.kui-designer .panel-view .view {height:250px;overflow:auto;padding:10px;background-color:#f0f2f5;}
.kui-designer .panel-view .setting-row {display:grid;grid-template-columns:33% 33% 34%;padding-top:10px;margin-bottom:10px;}
.kui-designer .panel-view .setting .item {display:grid;grid-template-columns:80px auto;height:32px;align-items:center;margin:0 10px 10px 0;}
.kui-designer .panel-view .setting .ant-tabs-extra-content {gap:5px;}
.kui-designer .list-view {padding:10px 10px 0 10px;}
.kui-designer form {padding-right:50px;background-color:var(--kui-bgcolor);}
.kui-designer .ant-tabs-content-holder {padding:0;}
.kui-designer .kui-table .ant-table-wrapper {padding:0;}

/*Property*/
.kui-designer .panel-property {border-left:1px solid var(--kui-border-color);}
.kui-designer .panel-property .item {display:grid;margin:10px;grid-template-columns:80px auto;height:32px;align-items:center;}
.kui-designer .panel-property .item label {text-align:right;padding-right:15px;}

/*AntDesign*/
.kui-designer.entity .panel-view .ant-tabs-content-holder {padding-left:10px;}
.kui-designer .panel-view .setting .ant-tabs-content-holder {padding:0 10px;}
.kui-designer .panel-view .ant-steps {padding:0 30px 10px 30px;}
.kui-designer .panel-property .item .ant-switch {width:44px;}

:root[data-theme=dark] .kui-designer .panel-view .view {background-color:#1f1f1f;}

.kui-code-action {position:absolute;top:0;right:0;}
.kui-code-action.sql {top:-45px;}
.kui-code-path {margin-top:8px;}
.kui-code-path.page {margin-left:10px;}
.kui-code.entity {height:358px;}
.kui-code.script {height:390px;}
.kui-code.script pre {height:390px;}
.kui-code.page {height:358px;margin-left:10px;}
/*---Designer---*/