.crm-formula-setting{.formula-setting-container{gap:20px}.list-and-details-container{height:444px}.ant-modal-footer{padding:12px 20px}}.crm-formula-setting .ant-modal-body{padding:15px;background:#F2F4F7}.edit-cell .ant-popover-open{background-color:unset}.formula-popver-content .formula-setting-container .formula-container{height:360px}.ant-modal-body .formula-setting-container .formula-container{height:503px}.formula-setting-container{display:flex;flex-direction:column}.formula-setting-container .formula-container{display:flex;flex-direction:column;background-color:#fff;border-radius:8px;overflow:hidden}.formula-setting-container .formula-container .formula-param-hint{flex:0 0 auto;display:flex;align-items:flex-start;background:#fff;padding:12px 24px 28px 8px;width:100%;text-align:left;line-height:20px;max-height:60px;border-bottom:1px solid #eaecf0}.formula-setting-container .formula-container .param-hint-row{gap:2px;font-size:14px;line-height:18px;color:#1d2939;white-space:nowrap}.formula-setting-container .formula-container .param-hint-row .func-name{font-weight:600;color:#344054}.formula-setting-container .formula-container .param-hint-row span.param{color:#667085}.formula-setting-container .formula-container .param-hint-row span.param.active{font-weight:600;text-decoration:underline;color:#175cd3;background:#eff4ff;border-radius:4px;padding:0 2px}.formula-setting-container .formula-container .param-hint-row span.param .comma{text-decoration:none;font-weight:400;color:#667085}.formula-setting-container .formula-container .list-and-details-container{display:flex;height:100%}.formula-list-wrapper{padding:16px 4px 8px 8px;border-radius:8px 0 0 8px;border-right:1px solid #d0d5dd;background-color:#fff;width:160px;height:100%}.formula-list-wrapper .formula-list{overflow-y:auto;height:100%}showing-suggestions{overflow:hidden}.formula-section:not(.cm-formula-suggest-list) .formula-item{display:flex;align-items:center;padding:6px 8px;height:32px;border-radius:8px;cursor:pointer;gap:6px}.formula-section:not(.cm-formula-suggest-list) .formula-item .title{color:#667085;font-size:14px;font-style:normal;font-weight:400;line-height:20px}.formula-section:not(.cm-formula-suggest-list) .formula-item .icon,.formula-section:not(.cm-formula-suggest-list) .formula-item .icon .field-svg-icon svg{width:16px;height:16px;line-height:16px}.formula-section:not(.cm-formula-suggest-list) .formula-item:hover{background-color:var(--color-dropdown-item-hover)}.formula-section:not(.cm-formula-suggest-list) .formula-title:hover{background-color:unset}.formula-details-wrapper{display:flex;flex-direction:column;background-color:#fff;padding:16px 4px 16px 16px;height:100%;flex:1;gap:20px;border-radius:0 8px 8px 0;min-width:0;overflow:hidden}.formula-details-wrapper .formula-details{flex:1;min-height:0;overflow-y:auto;padding-right:12px}.formula-details-wrapper .formula-details .formula-info{display:flex;flex-direction:column;gap:8px}.formula-details-wrapper .formula-details .formula-info .title{color:#1d2939;font-size:16px;font-weight:500;line-height:24px;white-space:normal;word-break:break-word;overflow-wrap:anywhere}.formula-details-wrapper .formula-details .formula-info .description{margin:0}.formula-details-wrapper .formula-details .formula-info .description li,.formula-details-wrapper .formula-details .formula-info .description span{color:#1d2939;font-size:14px;font-weight:400;line-height:20px;white-space:normal;word-break:break-word;overflow-wrap:anywhere}.formula-details-wrapper .formula-details .formula-info .description li{position:relative;padding-left:16px}.formula-details-wrapper .formula-details .formula-info .description li:before{content:"•";position:absolute;left:0;top:0}.formula-details .formula-info:not(:last-child){margin-bottom:20px}.formula-details .formula-info:last-child{margin-bottom:10px}.formula-suggestion-item{display:flex;align-items:center;gap:6px}.formula-suggestion-item .icon,.formula-suggestion-item .icon .field-svg-icon svg{width:16px;height:16px;line-height:16px}.formula-footer{display:flex;align-items:center;justify-content:space-between}.formula-footer .formula-tip{display:flex;align-items:center;gap:8px}.formula-footer .formula-tip .icon{height:16px;line-height:16px}.formula-footer .formula-tip .tip{color:#667085;font-size:14px;font-weight:400;line-height:20px}.formula-footer .formula-buttons{display:flex;align-items:center;gap:8px}.formula-input-custom{min-height:54px!important;max-height:116px;padding:8px 12px}.cm-field{display:inline-block;background-color:#e6f7ff;border:1px solid #91d5ff;border-radius:4px;padding:0 4px;margin:0 2px;border-radius:9999px;color:#096dd9;font-size:14px;white-space:nowrap;vertical-align:middle;user-select:none;pointer-events:none}.formula-editor{height:120px;min-height:120px;position:relative;overflow:hidden}.cm-formula-suggest-list{max-height:100%;overflow-y:auto;overflow-x:hidden;height:100%}.cm-formula-suggest-item{cursor:pointer;position:relative;padding:4px 8px;display:flex;align-items:center;gap:6px;height:32px}.formula-details-wrapper{padding:12px;border-left:1px solid #f0f0f0}.formula-info{margin-bottom:12px}.formula-info .title{font-weight:500;font-size:14px;margin-bottom:4px;display:block}.formula-info .description{color:#666;margin:0;padding-left:16px}.formula-info .description li{margin-bottom:4px}.cm-panels{border-top:none!important}.cm-panels .cm-panel{padding:5px!important;color:#c2c3c5}.cm-completionHint{background-color:#d8d4f0!important;color:rgba(0,0,0,.4);text-underline-offset:2px}.crm-formula-popover{.ant-popover-inner{width:480px}.ant-popover-inner-content{padding:0!important;background:#f2f4f7}.formula-popover-content-wrapper{display:flex;flex-direction:column;max-height:80vh}.formula-popver-content{padding:16px;overflow-y:auto}.formula-setting-container{display:flex;flex-direction:column;gap:8px;min-width:0}.formula-input{min-width:0;position:relative}.formula-editor{width:100%}.list-and-details-container{width:100%;max-width:448px;height:260px;display:flex;.formula-details-wrapper{padding-right:4px!important}}.formula-popver-footer{background:#FFF;padding:12px 16px;border-radius:0 0 8px 8px;flex-shrink:0}}.notification{.ant-drawer-mask{margin-top:48px}.header{padding:12px 16px 12px 24px;border-bottom:1px solid #eaecf0;.right{.btn-mark{gap:8px;padding:0 8px;border-radius:6px;border:1px solid #d0d5dd;line-height:28px}.ant-popover-open{background-color:#dbefff}}}.ant-drawer-body{padding:0!important}}.popup-select-sound{.ant-popover-inner{padding:12px 8px!important}.ant-popover-title{padding:2px 12px!important;border-bottom:0!important;color:rgba(102,112,133,1)!important;font-weight:400!important;font-size:12px!important}.ant-popover-inner-content{width:200px;height:200px;overflow-y:auto;padding:0!important;.row{cursor:pointer;padding:8px 12px;border-radius:4px;height:36px;&:hover{color:#323338;background-color:#eaecf0}}}}.btn-icon{height:24px;width:24px;&:hover{background-color:#dbefff}}.popover-setting{.title{font-size:12px;color:#667085;padding:8px 10px}.menu-item{line-height:24px;display:flex;align-items:center;padding:4px 8px;cursor:pointer;color:#1d2939;font-weight:400;font-size:14px;letter-spacing:0;border-radius:4px;text-decoration:none;.setting-item-select{.ant-select-selection-item{display:flex;align-items:center}}.ds-icon{flex:0 0 16px;margin-right:8px;height:16px}.ds-title{flex:1;text-align:flex-start;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}&:hover{color:#323338;background-color:#eaecf0}&.active{background:#DBEFFF}}.ant-popover-inner-content{padding:8px!important}}.body-header{display:flex;flex-direction:column;padding-left:24px!important;padding-top:0;border-bottom:1px solid #eaecf0;height:52px;.kind-of{margin-bottom:-10px;.label-tab-view{display:flex;align-items:center;gap:8px;.label-view{font-size:16px}}.ant-tabs-nav-list{border-bottom:1px solid #eaecf0;height:52px;.ant-tabs-tab{margin-top:0;margin-right:0!important;&:hover{.label-tab-view{span{color:#1677FF}}}}}}.search-and-filter{display:flex;flex-direction:row;align-items:flex-end;.search-input{width:100%;margin-right:4px}.filter-button{width:fit-content;padding-top:16px}}.tab-counter{line-height:16px;font-size:12px;background:#dde1e7;border-radius:999px;height:20px;min-width:24px;padding:2px 6px}}.search-sort-notifications{height:56px;padding:12px 20px;display:flex;align-items:center;gap:10px;.input-search{height:32px;width:100%;.ant-input-affix-wrapper{height:32px}}.box-sort{display:flex;align-items:center;justify-content:center;border:1px solid #d0d5dd;border-radius:6px;width:120px;height:32px;gap:8px;cursor:pointer;span{font-size:14px;color:#1D2939}&.ant-popover-open{background:#E6F4FF;border:1px solid #1677ff;span{color:#1677FF}svg{fill:#1677FF}}&:not(.ant-popover-open):hover{background:#eaecf0;border:none}}}.body-notifications{height:calc(100vh - 211px);.list{overflow-y:auto;height:calc(100vh - 211px);.partition{display:flex;flex-direction:column;gap:4px;.partition-title{padding:8px 26px;color:#667085}}.empty-notification{height:80%;width:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;.title{font-size:16px;color:#344054}.sub-title{width:431px;text-align:center;color:#667085;font-size:14px}}}}.empty-notification{height:80%;width:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;.title{font-size:16px;color:#344054}.sub-title{width:431px;text-align:center;color:#667085;font-size:14px}}.popover-sort{border-radius:8px;z-index:1000!important;.ant-popover-content{border-radius:8px;margin-right:-10px;.ant-popover-arrow{display:none}.ant-popover-inner{border-radius:8px;.ant-popover-inner-content{border-radius:8px;padding:8px!important;>div{gap:2px;display:flex;flex-direction:column}.title{font-size:12px;color:#667085;padding:8px 10px}.menu-item{line-height:24px;display:flex;align-items:center;padding:4px 8px;cursor:pointer;color:#1D2939;font-weight:400;font-size:14px;letter-spacing:0;border-radius:4px;text-decoration:none;.ds-icon{flex:0 0 16px;margin-right:8px;height:16px;margin-bottom:2px}.ds-title{flex:1;text-align:flex-start;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}&:hover{color:#323338;background-color:#eaecf0}&.active{background:#DBEFFF}}}}}}.notification-item{display:flex;cursor:pointer;padding:8px 16px;border-radius:8px;margin:0 8px 2px;.creator{position:relative;width:50px;display:flex;align-items:flex-start;padding:5px 0 0;.img-author{width:40px;height:40px;border-radius:50%}>span>span{margin-left:0!important}.icon-creator{position:absolute;display:flex;align-items:center;justify-content:center;width:24px;height:24px;top:22px;right:-5px;border-radius:999px;background:#F2F4F7}}.content{padding-left:10px;width:100%;line-height:24px;.content-header{display:flex;align-items:center;justify-content:space-between;.content-title{display:flex;gap:8px;span{color:#667085;font-size:12px}.dot-space{background-color:#676879;margin-top:10px;height:3px;width:3px;border-radius:50%}}}.body{width:450px;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;transition:max-height .3s ease;.link{font-weight:500;color:#1677ff}.des{color:#667085}a{cursor:pointer;color:#1677ff;transition:color .2s;&:hover{color:#69b1ff!important}}}.text-more{@include flex-align-gap(3px);&:hover{color:#1677FF}}.collapsed{-webkit-line-clamp:2}.expanded{-webkit-line-clamp:unset}.footer{display:flex;align-items:center;flex-direction:row-reverse;margin-top:-20px;.table,span{color:#676878}.table{flex:1}.action{width:auto;visibility:hidden;.btn-icon-action{width:32px;height:32px;display:inline-flex;align-items:center;border-radius:6px;border:none;justify-content:center;background:#FFF;cursor:pointer}}}}&:hover{background:#F2F4F7;.content .footer .action{width:auto;visibility:visible}}}.notification-item.opened{.content{.body,.content-header{color:#667085}}&:hover{background:#F2F4F7}}.ant-notification-notice.crm-notification{border-radius:8px;.ant-notification-notice-message{margin-bottom:0!important}.ant-notification-notice-content{cursor:pointer;.ant-notification-notice-message{font-weight:600;font-size:13px;margin-bottom:4px}.ant-notification-notice-description{.notification{display:flex;gap:3px;.content{padding:0 8px;display:flex;flex-direction:column;.title{margin-bottom:5px;font-size:16px}}}}}.ant-notification-notice-close{top:20px;right:20px}}