.metric-filter-modal-template-row{display:flex;align-items:center;margin-bottom:16px}.metric-filter-modal-label{font-size:14px;color:#1d2129;margin-right:8px;white-space:nowrap}.metric-filter-modal-template-select-group{display:flex;align-items:stretch}.metric-filter-modal-template-select-group .arco-select .arco-select-view,.metric-filter-modal-template-select-group.has-template .arco-select .arco-select-view{border-radius:4px 0 0 4px}.metric-filter-modal-add-btn{border-radius:0 4px 4px 0!important;margin-left:-1px}.metric-filter-modal-template-select-group.has-template .metric-filter-modal-add-btn{border-radius:0!important}.metric-filter-modal-edit-btn{border-radius:0!important;margin-left:-1px}.metric-filter-modal-delete-btn{border-radius:0 4px 4px 0!important;margin-left:-1px}.metric-filter-modal-body{display:flex;gap:16px;height:610px}.metric-filter-modal-left{width:358px;flex-shrink:0;border:1px solid #e5e6eb;border-radius:4px;padding:10px;overflow-y:auto;display:flex;flex-direction:column;gap:6px}.metric-filter-modal-row{width:100%}.metric-filter-modal-row-inline{display:flex;align-items:center;border:1px solid #e5e6eb;border-radius:4px}.metric-filter-modal-row-inline>:first-child{flex-shrink:0}.metric-filter-modal-row-inline>:last-child{flex:1;min-width:0}.metric-filter-modal-row-inline .arco-select .arco-select-view{border-radius:4px 0 0 4px;border:none;border-right:1px solid #e5e6eb}.metric-filter-modal-row-inline .arco-picker{border-radius:0 4px 4px 0;border:none}.metric-filter-modal-row-inline .arco-cascader .arco-cascader-view{border:none;border-radius:0 4px 4px 0}.metric-filter-modal-row-inline .arco-select:last-child .arco-select-view{border-radius:0 4px 4px 0;border-left:none;border-right:none}.metric-filter-modal-row-inline .arco-select:only-of-type .arco-select-view{border:none;border-radius:0 4px 4px 0}.metric-filter-modal-right{flex:1;min-width:0;display:flex;flex-direction:column;overflow:hidden}.metric-filter-modal-right .bi-table-container{flex:1;min-height:0}.metric-filter-modal-add-row-btn{margin:8px 12px;align-self:flex-start;color:var(--brand-primary,#9333EA)}.metric-filter-modal-add-row-btn:hover{color:#0E42D2}.metric-filter-row-highlight,.metric-filter-row-highlight td,.metric-filter-row-highlight:hover{background-color:#FFFD07!important}.metric-filter-modal-footer{display:flex;align-items:center;justify-content:flex-end;width:100%}.metric-filter-modal-footer-btns{display:flex;align-items:center;gap:12px}.metric-filter-modal-right .arco-table-th{background-color:#f7f8fa;font-weight:500}.metric-filter-modal-left::-webkit-scrollbar{width:6px}.metric-filter-modal-left::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.metric-filter-modal-left::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.metric-filter-modal-left::-webkit-scrollbar-thumb:hover{background:#a1a1a1}.metric-filter-add-template-popover{width:280px;padding:4px}.metric-filter-add-template-title{font-size:14px;font-weight:500;color:#1d2129;margin-bottom:12px}.metric-filter-add-template-row{display:flex;align-items:center;margin-bottom:12px}.metric-filter-add-template-label{font-size:13px;color:#4e5969;width:60px;flex-shrink:0}.metric-filter-color-picker{display:flex;gap:8px;flex-wrap:wrap}.metric-filter-color-item{width:20px;height:20px;border-radius:4px;cursor:pointer;border:2px solid transparent;transition:all .2s}.metric-filter-color-item:hover{transform:scale(1.1)}.metric-filter-color-item.active{border-color:#1d2129}.metric-filter-add-template-footer{display:flex;justify-content:flex-end;gap:8px;margin-top:8px}.metric-filter-modal-right .arco-table-th .arco-input-wrapper{background:#fff}