body,html{font-size:14px;background-color:#fff;overscroll-behavior:none}.page-wrapper{padding:55px 0 0 0;margin:0 10px 0 0}.page-wrapper.with-sidebar{padding-left:230px}.page-loader{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:hsla(0,0%,100%,.5);z-index:9999;justify-content:center;align-items:center}.page-loader .loader{border:8px solid #f3f3f3;border-top:8px solid #3498db;border-radius:50%;width:50px;height:50px;animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}body.show-loader .page-loader{display:flex}header.page-header{position:fixed;top:0;left:0;width:100%;height:44px;background-color:#333;box-shadow:0 2px 4px rgba(0,0,0,.1);z-index:1000}nav.sidebar{position:fixed;top:44px;left:0;width:220px;height:calc(100vh - 44px);background-color:#eef2f6;box-shadow:2px 0 4px rgba(0,0,0,.1);overflow-y:auto;z-index:999;.sidebar-menu{margin:20px 10px 10px 10px;padding:0;list-style:none;.sidebar-menu-item{margin:0 0 2px 0;display:block;position:relative;&.sidebar-menu-item-header{margin-top:10px;padding:10px;font-size:12px;font-weight:700;color:#999}a{display:block;padding:5px 10px;color:#333;font-size:14px;font-weight:500;text-decoration:none;border-radius:5px;&.router-link-active,&:hover{background-color:#fff}i.icon{margin-right:5px;font-size:1em;width:auto;height:auto}.badge{float:right}}}}}.callout{padding:10px;margin:0 0 10px 0;background-color:#f1f3f6;color:#333;font-size:14px;line-height:1.5;border-left:5px solid #ddd;.icon{font-size:1.2em;opacity:.7}&.callout-info{background-color:#eefbff;color:#0c4057;border-left:5px solid #b7dded}&.callout-warning{background-color:#fff3cd;color:#715707;border-left:5px solid #c2baa3}&.callout-danger{background-color:#f8d7da;color:#721c24;border-left:5px solid #b28c90}}.sidebar .menu a.menu-item.logout{position:absolute;bottom:0;width:80%}.empty-list{text-align:center;padding:20px;background-color:#f1f3f6;margin:0}.form-label{font-weight:500;margin-bottom:5px;display:block}.form-label.required:after{content:"*";color:red;margin-left:4px}.form-check{.form-check-input,.form-check-label{cursor:pointer}}input[readonly],select[readonly]{background:#eee;pointer-events:none;touch-action:none}.bg-light-orange{background-color:#fcefe5!important}.bg-light-red{background-color:#fce7e9!important}.operator-symbol{font-size:18px;font-weight:700;font-style:normal;color:#666;line-height:180%}.toggle-label{cursor:pointer}.p-message{margin-top:5px}.p-confirmdialog-message{white-space:pre;background-color:#f1f3f6;padding:10px;border-radius:5px}.p-tabs .p-tabpanels{padding:1rem 0}.btn-group-sm>.btn,.btn-sm{line-height:1.5rem}.btn{i.bi,i.fa,i.pi{margin:0 5px;font-size:1.1em;width:auto;height:auto}}.btn-icon-picker{display:inline-block;padding:5px 10px;border:1px solid #ddd;border-radius:5px;background-color:#fff;color:#333;font-size:24px;cursor:pointer;width:60px;&:hover{color:#007bff}}.icon-picker{ol{max-height:400px;list-style:none;padding:0 10px 0 0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:10px;overflow-y:auto;li{padding:10px 5px;border-radius:5px;background-color:#f1f3f6;cursor:pointer;text-align:center;display:flex;align-items:center;justify-content:center;flex-direction:column;&:hover{background-color:#e3e9ec}.icon{font-size:24px;color:#333}.label{display:block;font-size:9px;text-align:center;margin-top:5px;color:#aaa}}}}.table-mapping{margin:0;margin-top:20px;td{vertical-align:middle;border-color:#f0f0f0}tr:last-child{td{border-bottom:none}}.column-from-wrapper{padding:7px 10px;background-color:#f1f3f6;border-radius:5px;.tag{font-size:11px;border:none;padding:1px 5px}.icon{font-size:16px;width:auto;height:auto;margin:4px}}}.file-upload-container{.p-fileupload{.p-fileupload-content{padding:0;margin:0;ol.list-group{padding:10px;margin:-1px;background-color:#f1f3f6;border-radius:0 0 5px 5px;.list-group-item{border-radius:0;&:first-child{border-radius:5px 5px 0 0;&:last-child{border-radius:5px}}&:last-child{border-radius:0 0 5px 5px}}}}&.p-fileupload-basic{background-color:#f1f3f6;padding:10px;border-radius:5px;justify-content:left}}&.invalid{.p-fileupload{border:1px solid red}}}table{.drag-handler{display:block;padding:5px 0;text-align:center;cursor:grab}}span.priority{display:inline-block;border-radius:3px;padding:2px 5px;background-color:#dafbfb;color:#059698;&.priority-low{background-color:#cdffec;color:#06904e}&.priority-medium{background-color:#fff3cd;color:#856404}&.priority-high{background-color:#f8d7da;color:#721c24}}span.status{background-color:#d1ecf1;color:#0c5460;&.status-sm{font-size:12px}&.status-lg{font-size:16px}&.status-secondary{opacity:.7}&.status-pending{background-color:#fff3cd;color:#856404}&.status-in_progress,&.status-running{background-color:#d1ecf1;color:#0c5460}&.status-completed{background-color:#d4edda;color:#155724}&.status-canceled,&.status-cancelled,&.status-failed{background-color:#f8d7da;color:#721c24}}.user-badge{display:inline-block;border-radius:100px;padding:2px 10px;margin-right:5px;background-color:#f0f0f0;color:#333;font-weight:500;.icon{margin-right:3px;font-size:14px;color:#000}}span.node-type{display:inline-block;border-radius:3px;padding:2px 5px;background-color:#ecf4f7;&.node-type-start{background-color:#eaf9e9}&.node-type-end{background-color:#fbeae5}}.bpm-worflow-editor{position:relative;background-color:#fafafa;overflow:hidden}.bpm-process-workflow-preview{.bpm-worflow-editor{width:100%;height:calc(100vh - 430px)}}.bpm-board-workflow-preview{.bpm-worflow-editor{width:100%;height:calc(100vh - 230px)}}.bpm-editor{.bpm-worflow-editor{width:100%;height:calc(100vh - 220px)}}.vue-flow__node{width:160px;height:60px;border:none;box-shadow:none;background:transparent;.node-container{position:relative;width:100%;height:100%;border:1px solid #ccc;box-shadow:0 2px 4px rgba(0,0,0,.1);border-radius:5px;font-weight:700;background:#fff;padding:10px 20px;outline:3px solid transparent;transition:all .2s;cursor:pointer}&.hint{background:#ffffe0;border-color:red}&.selected{.node-container{border-color:#ff4500;background-color:#ffffe0}}display:flex;align-items:center;justify-content:center;.vue-flow__handle{background:#999;width:12px;height:12px;border-radius:3px;cursor:pointer;opacity:0}&:hover{.vue-flow__handle{opacity:1}}&.selected,&:active{border-color:#ff4500;box-shadow:inherit}.content{display:flex;align-items:center;justify-content:center;.icon{font-size:26px;margin:0 10px 0 0;color:#ff4500;height:auto;width:auto}.label{display:inline-block;font-size:12px;line-height:130%}}.node-id{display:none;top:-20px;left:-5px;font-size:9px;padding:2px 5px;color:#999}.node-description,.node-id{position:absolute;font-weight:400}.node-description{top:calc(100% + 10px);left:0;width:100%;font-size:12px;line-height:120%;color:#666;z-index:1;cursor:default;padding:3px;text-align:center;.flags{margin-bottom:10px;.flag{display:block;margin-bottom:5px;font-size:10px;line-height:120%;color:#ff4500;opacity:.8;.icon{font-size:12px;width:auto;height:auto}}}.text{max-width:180px;white-space:pre-wrap;background:#ffffff99;border-radius:5px}}.node-options{display:none;position:absolute;top:0;right:0;button{padding:0;margin:0 2px;border:none;background:none;color:#ff4500;font-size:14px;cursor:pointer;&:hover{color:#333}}}&:hover{.node-id,.node-options{display:block}}}.vue-flow__edge .vue-flow__edge-path{stroke:rgba(0,0,0,.5);stroke-width:1}.vue-flow__edge.selected .vue-flow__edge-path,.vue-flow__edge:focus .vue-flow__edge-path,.vue-flow__edge:focus-visible .vue-flow__edge-path{stroke:red;stroke-width:2}.vue-flow__connection-path{stroke:#ff4500;stroke-width:2px}.vue-flow__edge-text{fill:#ff4500;font-weight:700}.vue-flow__edge-textbg{fill:#fafafa}.vue-flow__node{.node-container.node-type-workflow-stage{height:auto;background-color:#415872;color:#fff;.icon{display:none}.label{font-size:11px;font-weight:700;color:#fff;text-align:center}}&.selected,&:active{.node-container.node-type-workflow-stage{background-color:#222d3d;color:#fff}}&:hover{.node-container.node-type-workflow-stage{.node-options{button{color:#fff}}}}}table.data-table{width:100%;border-collapse:collapse;overflow:hidden;background-color:#fff;box-shadow:0 2px 4px rgba(0,0,0,.1);border:1px solid #eee;td{padding:10px;border-bottom:1px solid #ddd;color:#333;font-size:14px;&.label{font-weight:700;background:#f1f3f6}}}.bpm-form-render{margin-top:10px}.kanban-board{-webkit-user-select:none;-moz-user-select:none;user-select:none;.kanban-lane{background-color:#fff;margin-bottom:10px;.lane-header{border-bottom:1px solid #999;background:#f1f3f6;padding:7px 10px;border-radius:5px 5px 0 0;border:1px solid #ddd;cursor:pointer;.title{padding:0;margin:0;font-size:1.2em}a.btn-lane-toggle{color:#333;text-decoration:none;font-size:1em;font-weight:700;padding:0 5px;cursor:pointer;border:1px solid #ddd;border-radius:3px;background-color:#fff;&:hover{background-color:#f0f0f0}}}&.priority-normal .lane-header{color:#1a6262}&.priority-low .lane-header{color:#388264}&.priority-medium .lane-header{color:#aa6907}&.priority-high .lane-header{color:#9f2b35}&.closed{.lane-header{border-radius:5px}.lane-content{display:none}}.lane-content{border-bottom:1px solid #ddd;border-radius:0 0 5px 5px;margin:0;.kanban-column{border-left:1px solid #ddd;background-color:#f1f3f6;padding:10px;max-width:400px;overflow:hidden;overflow-y:auto;&.drag-over{background-color:#fff}&.drag-over-not-allowed{background-color:#f8d7da}&:first-child{border-radius:0 0 0 5px}&:last-child{border-right:1px solid #ddd;border-radius:0 0 5px 0}.column-header{font-weight:700;margin-bottom:10px;.title{font-size:1em;margin:0;color:#333}.count{font-size:.8em;color:#333}}.column-content{display:flex;flex-direction:column;gap:10px;height:calc(100% - 30px);.card-item{background-color:#fff;border:1px solid #ddd;border-radius:5px;padding:10px;cursor:pointer;box-shadow:0 1px 2px rgba(0,0,0,.2);&.selected,&:hover{background-color:#fffad8}.title{margin:0;font-size:.9em;font-weight:700}.flags{margin-top:10px;span{display:inline-block}i,span{margin-right:5px}.priority{font-size:.8em;padding:1px 5px;border-radius:3px;font-weight:700}}}}}}}}.pagination{margin:0;padding:0;list-style:none;.page-item{.page-link{padding:6px 10px;color:#333;font-size:12px}&.active{.page-link{color:#fff}}&.disabled{.page-link{color:#999}}}}.select-type-icon{display:inline-block;color:#78a4da;width:22px;&.type-formula{font-size:.7em}}.database-table-container{width:100%;overflow-x:auto;background:#fafafa;&.readonly{min-height:auto}.database-table{border-collapse:collapse;border:1px solid #eee;font-size:12px;-webkit-user-select:none;-moz-user-select:none;user-select:none;thead{th.header-cell{position:relative;background-color:#f2f2f2;text-align:left;border-right:1px solid #ddd;border-bottom:1px solid #ddd;border-top:1px solid #eee;border-left:1px solid #eee;min-width:90px;cursor:pointer;&.header-cell-checkbox{width:50px;min-width:0;text-align:center;border-right:1px solid #ddd;border-bottom:1px solid #ddd;border-top:1px solid #eee;border-left:1px solid #eee;label{display:block;cursor:pointer;.form-check-input[type=checkbox]{margin:0;padding:0;width:16px;height:16px;cursor:pointer}}}.column-resizer-handler{position:absolute;top:0;right:-2px;width:4px;height:100%;cursor:col-resize;background-color:transparent;z-index:1;&:hover{background-color:#007bff}}.column-resizer-handler-placeholder{position:absolute;top:0;right:-2px;width:4px;height:100%;display:none;background-color:#007bff}&.dragging{background-color:#e0f7fa;cursor:col-resize;.column-resizer-handler{opacity:0}.column-resizer-handler-placeholder{display:block}}.cell-wrapper{width:100%;.label{span.text{display:block;width:100%;border:none;padding:2px 8px;font-size:12px;line-height:180%;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;.type-icon{display:inline-block;color:#78a4da}}input{display:block;width:100%;border:none;background-color:transparent;padding:2px 8px;font-size:12px;line-height:140%;color:#333;outline:none;&:focus{outline:1px solid #007bff}}&.label-editable{input{background:#fff}}}}.options{position:absolute;right:0;top:2px;padding:0 4px}}}tbody{.empty-table-message{padding:30px;text-align:center;background-color:#f1f3f6;margin:0;font-size:14px;color:#999}td.cell{border:1px solid #eee;border-right:1px solid #ddd;border-bottom:1px solid #ddd;min-height:20px;background:#fff;&.cell-checkbox{background-color:#f2f2f2!important;text-align:center;label{display:block;cursor:pointer;.form-check-input[type=checkbox]{margin:0;padding:0;width:16px;height:16px;cursor:pointer}}}.cell-wrapper{.text{height:22px;margin:none;cursor:pointer;text-overflow:ellipsis;white-space:nowrap}.input-value,.text{display:block;border:none;background-color:transparent;padding:2px 8px;font-size:12px;color:#333;outline:none;overflow:hidden}.input-value{width:100%;margin:0;resize:none;overflow-y:scroll}textarea{-ms-overflow-style:none;scrollbar-width:none;&::-webkit-scrollbar{display:none}max-height:100px}}&.calculated{background-color:#f0f5f8;.text{font-style:italic;color:#1a519d}}&.readonly{cursor:text;-webkit-user-select:text;-moz-user-select:text;user-select:text;.text{cursor:text;-webkit-user-select:text;-moz-user-select:text;user-select:text}}&.system{background-color:#f0f5f8;font-style:normal;.text{color:#666;font-style:normal}}&:hover{background-color:#edfbff}&.unsaved{background-color:#fff3cd}&.edit-mode{background-color:#fff;outline:1px solid #007bff;box-shadow:0 0 5px rgba(0,123,255,.5);.cell-wrapper{textarea{background-color:#fff}}}}tr:hover{td{background-color:#fafafa}}}.cell-menu-button{display:inline-block;padding:0 2px;border:none;text-align:center;vertical-align:middle;margin-right:-3px;background-color:transparent;&:hover{color:#007bff}}}}.bpm-node-database-fields-mapping{.text-placeholder{color:#b2b8bb}.icon{display:inline-block;color:#78a4da;margin:3px}.system-placeholder{color:#b2b8bb;font-style:italic;background-color:#f2f2f2;display:block;width:100%;padding:0 14px;border-radius:5px;line-height:36px;border:1px solid #ddd}.tag{background-color:#fafad2;margin:0;margin-left:2px}.input-custom-value{height:42px;border-color:#ccc;&::-moz-placeholder{color:#999}&::placeholder{color:#999}}}.select-mapping-option-icon{display:inline-block;color:#ff4500;margin:0 5px 0 0;width:16px}.select-mapping-option-tag{margin:0;margin-left:5px;background-color:#fafad2;font-size:.8em;display:inline-block;padding:1px 5px;border-radius:3px;color:#666}.apps-editor{input.input-edit-title{width:100%;border:1px solid transparent;border-radius:5px;background-color:transparent;padding:0;font-size:2.2em;font-weight:500;line-height:100%;color:#333;outline:none;cursor:pointer;&:active,&:focus{background-color:#fff;border-color:#ddd;cursor:text;padding:2px 8px}}.apps-page-list{.drag-handler{display:block;padding:3px 0;text-align:center;cursor:grab}.page-title{font-size:1.1em;line-height:180%}}.app-page-editor-container{border-radius:5px;height:calc(100vh - 106px);overflow-y:auto;display:flex;flex-direction:row;gap:10px;position:relative;.editor-sidebar{width:300px;height:100%;border-radius:5px;overflow-y:auto;overflow-x:hidden;background-color:#fff;border:1px solid #e2e8f0;padding:5px;.sidebar-header{padding:5px 10px;margin-bottom:5px;background-color:#f1f3f6;border-radius:5px;font-size:1em;font-weight:700;color:#333}.sidebar-content{.library{list-style:none;margin:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));align-items:stretch;gap:5px}}.props-container{padding:10px;.autosize{max-height:100px}.props-header{padding:5px 10px;margin:10px -10px;background-color:#f1f3f6;border-radius:5px;font-size:1em;font-weight:700;color:#333;&.general{margin-top:-10px}}}}.editor-content{flex:1;padding:10px;background-color:#fff;border:1px solid #e2e8f0;border-radius:5px;height:100%;overflow-y:auto;.grid-stack{min-height:calc(100vh - 130px);.grid-stack-item{.grid-stack-item-content{border:1px dashed rgba(0,0,0,.1);&.selected{outline:2px solid rgba(255,68,0,.515)}}&:hover{padding:0;background-color:#f8fafc;outline:2px solid rgba(255,68,0,.515);.grid-stack-item>.ui-resizable-ne,.grid-stack-item>.ui-resizable-nw,.grid-stack-item>.ui-resizable-se,.grid-stack-item>.ui-resizable-sw{display:block}}}}.grid-stack-item>.ui-resizable-ne,.grid-stack-item>.ui-resizable-nw,.grid-stack-item>.ui-resizable-se,.grid-stack-item>.ui-resizable-sw{position:absolute;width:10px;height:10px;background-color:#ff4500;background-image:none!important;transform:none!important;opacity:.7}.grid-stack-item>.ui-resizable-se{right:-4px;bottom:-4px}.grid-stack-item>.ui-resizable-sw{left:-4px;bottom:-4px}.grid-stack-item>.ui-resizable-nw{left:-4px;top:-4px}.grid-stack-item>.ui-resizable-ne{right:-4px;top:-4px}}}}.ql-container{font-family:Arial,Helvetica,sans-serif}.apps-draggable-component-item{padding:0;margin:0;cursor:grabbing;border:1px solid #ddd;border-radius:5px;background-color:#fff;.grid-stack-item-content{display:flex;flex-direction:row;justify-content:center;text-align:center;box-sizing:border-box;align-items:center;gap:8px;padding:5px;margin:0;cursor:grabbing;font-size:12px;height:100%;.icon{font-size:20px;color:#ccc;width:auto;height:auto}.label{display:block;font-size:14px;font-weight:700;color:#333}.description{font-size:10px;color:#999;margin:0}&:hover{background-color:#f1f3f6;border-color:#ccc}}}@keyframes loadingSpinnerRotation{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.apps-page-component{position:relative;width:100%;height:100%;padding:0;margin:0;.component-loading{position:absolute;top:0;left:0;width:100%;height:100%;z-index:100;z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border-radius:5px;.spinner{position:absolute;top:50%;left:50%;margin-top:-25px;margin-left:-25px;border:8px solid #ccc;border-top:8px solid #3498db;border-radius:50%;width:50px;height:50px;animation:spin 2s linear infinite}}.component-click-mask{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;cursor:grab}.component-wrapper{position:relative;width:100%;height:100%}&.apps-page-component-button{overflow:hidden;padding:0;line-height:100%}&.apps-page-component-header,&.apps-page-component-text{h1,h2,h3,h4,h5,h6{margin:0;padding:0;font-weight:700;color:#333}}&.apps-page-component-image{.image-container{width:100%;height:100%;overflow:hidden;img{&.crop{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}}}}&.apps-page-component-datatable{table.apps-data-table{width:100%;height:100%;border-radius:5px;overflow:hidden;background-color:#fefefe;border:1px solid #eee;box-shadow:0 2px 4px rgba(0,0,0,.1);border-collapse:collapse;thead{tr{th{padding:5px 10px;background-color:#f1f3f6;color:#333;font-size:12px;font-weight:700;text-align:left;border-bottom:1px solid #ddd}}}tbody{tr{td{padding:3px 10px;border-bottom:1px solid #ddd;color:#333;font-size:12px}}}}}}.apps-viewer{.apps-viewer-menu{padding:10px 0;nav{background-color:#e8ecf0;padding:5px;border-radius:5px;li,ol{list-style-type:none;margin:0;padding:0}ol{display:block;li{display:inline-block;margin-right:8px;a{color:#333;text-decoration:none;display:inline-block;padding:4px 10px;border-radius:3px;&.active,&:focus,&:hover{color:#113c68;background-color:#d2dbe4}}}}}}.apps-viewer-page{background:#fff;padding:10px 15px;min-height:calc(100vh - 130px);height:auto;border:1px solid #eee;border-radius:5px;.apps-page-component{.component-click-mask{display:none}}}}.apps-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;.app-grid-item{background:#fff;border-radius:8px;border:1px solid #eee;box-shadow:0 2px 4px rgba(0,0,0,.1);.card-body{padding:10px;.icon{font-size:2em;margin-bottom:8px;display:inline-block;padding:10px;border-radius:5px;background:#f0f0f0;text-align:center;width:50px;height:auto}h4{font-size:1.2em;margin:0 0 5px 0;padding:0}.description{font-size:.8em;color:#999;line-height:110%}}.card-footer{margin:0;padding:10px;border:none;background:transparent}}}.condition-builder-component{.row-condition{padding:10px 10px 0 10px;margin-bottom:10px;border-radius:5px;background:#f0f0f0}}.p-tooltip{z-index:10000}a.bpm-workflow-editor-library-show-button{position:absolute;top:20px;left:20px;width:40px;height:40px;font-size:40px;text-align:center;line-height:100%;border:none;border-radius:100%;background-color:#000;color:#fff;z-index:1000;box-shadow:0 0 10px rgba(0,0,0,.2);cursor:pointer}.bpm-workflow-editor-library-container{.bpm-workflow-editor-library{position:absolute;top:15px;left:15px;width:240px;max-height:calc(100% - 20px);background-color:#fff;border-radius:5px;box-shadow:0 0 5px rgba(0,0,0,.1);border:1px solid #ddd;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10000;.close-button{position:absolute;right:-30px;top:5px;width:30px;height:30px;font-size:30px;text-align:center;line-height:100%;border:none;border-radius:0 5px 5px 0;background-color:#333;color:#fff;z-index:100;box-shadow:0 0 5px rgba(0,0,0,.1);cursor:pointer}.search-box{width:100%;padding:10px}.list-nodes{display:block;width:100%;height:100%;box-sizing:border-box;overflow-y:auto;border-radius:none;list-style:none;margin:0;padding:0 10px 5px 10px;.list-node-item{display:block;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;border:none;padding:5px 10px;margin:0 0 5px 0;border:1px solid #eee;border-radius:5px;.content{height:100%;display:flex;flex-direction:column;justify-content:center;h4{display:block;margin:0;padding:0;font-size:12px;font-weight:600}span.description{display:block;font-size:10px;color:#666}}.icon{font-size:18px;color:#ff4500}&:hover{background-color:#fafafa;border:1px solid #ccc;.content{h4{color:#ff4500}}.icon{color:#ff4500}}}}}}.simplified-color-picker{display:flex;flex-wrap:wrap;gap:2px;span.color-option{position:relative;display:inline-block;width:24px;height:24px;box-shadow:0 0 2px rgba(0,0,0,.5);margin-right:5px;border-radius:50%;cursor:pointer;overflow:hidden;&.selected,&:hover{border:2px solid #fff;outline:2px solid #13b981}.transparent-bg{display:block;width:3px;height:100%;background-color:#ff4500;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(45deg)}}}.input-table-name{font-size:1.5rem;font-weight:700}.table-name{padding:4px 10px;border-radius:5px;margin:0;font-size:1.3rem;border:1px solid #fff;&:hover{border:1px solid #ddd}}