| 1 |
:root{--fbs-crm-contact-app3-primary:#6268f1;--fbs-crm-contact-app3-primary-soft:rgba(98,104,241,.12)}.fbs-crm-contact-app3{color:#1b2533}.fbs-crm-contact-drawer .el-drawer__body{padding:0}.fbs-task-add-popover-box{max-width:calc(100vw - 32px)}.fbs-contact-boards-head{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.fbs-contact-boards-head-title{color:#1b2533;font-size:16px;font-weight:500;margin:0}.fbs-crm-section-boards{display:grid;gap:14px;grid-template-columns:repeat(4,minmax(0,1fr))}.fbs_board_box{background-position:50%;background-size:cover;border-radius:8px;color:inherit;min-height:132px;padding:10px;text-decoration:none}.fbs_board_box_inner{background:#fff;border-radius:6px;display:flex;flex-direction:column;height:100%;justify-content:space-between;padding:13px 15px 15px}.fbs_board_box_top h3{color:#1b2533;font-size:14px;font-weight:600;line-height:20px;margin:0 0 6px}.fbs_board_box_top p{color:#565865;font-size:12px;line-height:18px;margin:0}.fbs_board_box_bottom{justify-content:space-between;margin-top:15px}.fbs_board_box_bottom,.fbs_board_members{align-items:center;display:flex}.fbs_board_member_box{align-items:center;background:#f5f8fc;border:2px solid #fff;border-radius:50%;color:#5d5d7a;display:inline-flex;font-size:12px;height:30px;justify-content:center;line-height:1;width:30px}.fbs_board_member_box+.fbs_board_member_box{margin-left:-10px}.fbs_board_member_box img{border-radius:50%;display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.fbs-total_task{align-items:center;background:#6268f1;border-radius:999px;color:#fff;display:inline-flex;font-size:12px;font-weight:600;height:22px;justify-content:center;min-width:22px;padding:0 7px}@media (max-width:1141px){.fbs-crm-section-boards{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:679px){.fbs-crm-section-boards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:515px){.fbs-crm-section-boards{grid-template-columns:1fr}}.fbs-crm-contact-app3-skeleton{display:grid;gap:10px}.fbs-crm-contact-app3-skeleton div{animation:fbsCrmContactApp3Skeleton 1.4s ease infinite;background:linear-gradient(90deg,#f2f4f7 25%,#e4e7ec 37%,#f2f4f7 63%);background-size:400% 100%;border-radius:8px;height:74px}@keyframes fbsCrmContactApp3Skeleton{0%{background-position:100% 50%}to{background-position:0 50%}}.fbs-contact-tasks-head{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.fbs-contact-tasks-head-title{color:#1b2533;font-size:16px;font-weight:500;margin:0}.fbs-crm-contact-app3-empty{background:#fff;border:1px solid #dfe4ec;border-radius:8px;color:#667085;padding:20px}.fbs-crm-contact-app3-empty p{margin:0}.fbs-contact-button{border-radius:8px;padding:12px}.fbs-add-new-task-head{align-items:center;display:flex;justify-content:space-between;margin-bottom:32px}.fbs-add-new-task-left{color:#1b2533;font-size:24px;font-weight:500;line-height:32px}.fbs-add-new-task-close{background:#fff;border:1px solid #eaecf0;border-radius:50%;color:#1b2533;cursor:pointer;height:28px;width:28px}.fbs-add-new-task-form-item{margin-bottom:14px}.fbs-add-new-task-form-item p{font-weight:700;margin:0 0 8px}.fbs-add-new-task-form-item>p>span{color:#b42318}.fbs-add-new-task-form-item .el-select{width:100%}.fbs-add-new-task-checkbox .el-checkbox__label{color:#344054}.fbs-add-new-task-mandatory{color:#6b3ceb;font-size:12px;font-weight:400}.fbs-add-new-task-actions{display:flex;gap:10px}.fbs-set-date{align-items:center;background:#f2f4f7;border:0;border-radius:999px;color:#344054;cursor:pointer;display:inline-flex;font-size:12px;font-weight:500;gap:8px;min-height:30px;padding:0 11px}.fbs-set-date:disabled{cursor:not-allowed;opacity:.65}.fbs-overdue{background:#fee4e2;color:#b42318}.fbs-task-date-picker{display:flex;flex-direction:column;gap:16px}.fbs-task-date-picker-actions,.fbs-task-date-picker-head{align-items:center;display:flex;justify-content:space-between}.fbs-task-date-picker-head button{background:transparent;border:0;color:#475467;cursor:pointer;font-size:24px;line-height:1}.fbs-task-date-picker-row{align-items:center;display:grid;gap:10px;grid-template-columns:110px minmax(0,1fr)}.fbs-task-date-picker-row .el-date-editor,.fbs-task-date-picker-row .el-select{width:100%}.fbs-task-date-picker-due{align-items:center;display:grid;gap:8px;grid-template-columns:minmax(0,1fr) 112px}.fbs-task-date-picker-due>*{min-width:0}.fbs-task-date-picker-due .el-input__wrapper,.fbs-task-date-picker-due .el-select__wrapper{height:32px;min-height:32px}.fbs-task-date-picker-due .el-select__selection{flex-wrap:nowrap}.el-picker__popper.fbs-task-date-picker-popper,.el-popper.fbs-task-date-picker-popper,.el-select__popper.fbs-task-date-picker-popper{z-index:100000!important}.fbs-subtasks-card{border-radius:8px;padding:6px 8px;transition:background .2s ease}.fbs-subtasks-card:hover{background:#f2f4f7}.fbs-subtasks-left,.fbs-subtasks-title-and-icons,.fbs_subtask_actions{align-items:flex-start;display:flex;gap:8px}.fbs-subtasks-title-and-icons{justify-content:space-between}.fbs-subtask-list,.fbs-subtasks-left{flex:1;min-width:0}.fbs-subtask-list{color:#344054;cursor:pointer;font-size:13px;line-height:20px}.fbs-subtask-list p{margin:0;overflow-wrap:anywhere}.fbs-subtask-complete-box p{color:#667085;text-decoration:line-through}.fbs_tv_status{align-items:center;display:inline-flex;justify-content:center;margin-top:2px;padding:0}.fbs_tv_current_status_closed{background:#12b76a;border-color:#12b76a}.fbs_tv_status:disabled{cursor:not-allowed;opacity:.65}.fbs_subtask_actions{opacity:0;transition:opacity .2s ease}.fbs-subtasks-card:hover .fbs_subtask_actions,.fbs_subtask_actions:focus-within{opacity:1}.fbs-crm-contact-subtask-delete-button{background:#fee4e2;border:0;border-radius:50%;color:#b42318;cursor:pointer;font-size:18px;height:24px;line-height:1;width:24px}.fbs-crm-contact-subtask-group h4{color:#1b2533;cursor:pointer;font-size:14px;font-weight:700;margin:0 0 8px}.fbs-task-assignees,.fbs-task-assignees-list{list-style:none;margin:0;padding:0}.fbs-task-assignees{align-items:center;display:inline-flex;min-height:30px}.fbs-task-assignees li{align-items:center;display:inline-flex;justify-content:center}.fbs-task-assignees img,.fbs-task-assignees-add,.fbs-task-assignees-count{background:#f2f4f7;border:2px solid #fff;border-radius:50%;height:28px;-o-object-fit:cover;object-fit:cover;width:28px}.fbs-task-assignees li+li{margin-left:-8px}.fbs-task-assignees-add,.fbs-task-assignees-count{color:#475467;font-size:12px;font-weight:700}.fbs-task-assignees-add{background:#eef4ff;color:#3538cd;cursor:pointer}.fbs-task-assignees-empty-state{color:#667085;font-size:13px}.fbs-task-assignees-wrap{display:grid;gap:18px}.fbs-task-assignees-wrap h4{color:#1b2533;font-size:13px;font-weight:700;margin:0 0 10px}.fbs-task-assignees-list{display:grid;gap:8px}.fbs-task-assignees-list li{align-items:center;display:grid;gap:8px;grid-template-columns:28px minmax(0,1fr)}.fbs-task-assignees-list img{border-radius:50%;height:28px;-o-object-fit:cover;object-fit:cover;width:28px}.fbs-task-assignees-list button{align-items:center;background:#f9fafb;border:0;border-radius:6px;color:#344054;cursor:pointer;display:flex;justify-content:space-between;min-width:0;padding:7px 10px;text-align:left}.fbs-task-assignees-list button span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fbs-task-assignees-empty{color:#667085;font-size:13px;margin:0}.fbs-task-card-view{background:#fff;border:solid #d6dae1;border-width:1px 1px .5px;cursor:pointer;padding:12px;width:100%}.fbs-task-card-view:first-child{border-top-left-radius:8px;border-top-right-radius:8px}.fbs-task-card-view:last-child{border-bottom-left-radius:8px;border-bottom-right-radius:8px;border-bottom-width:1px}.fbs-task-board-stage-quick-view,.fbs-task-contact-assigned-users,.fbs-task-contact-priority-badge,.fbs-task-contact-priority-info,.fbs-task-title{align-items:center;display:flex}.fbs-task-board-stage-quick-view,.fbs-task-contact-priority-info{gap:12px;justify-content:space-between}.fbs-task-contact-board-info,.fbs-task-contact-priority-badge{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.fbs-task-contact-board-info{color:#667085;font-size:12px;line-height:18px}.fbs-task-quick-view-button{align-items:center;color:#6b3ceb;display:inline-flex;font-size:13px;font-weight:600;gap:4px;text-decoration:none}.fbs-task-title{gap:10px;margin:10px 0}.fbs-task-title h4{color:#1b2533;font-size:14px;font-weight:600;line-height:20px;margin:0}.fbs_tv_status{background:#fff;border:1px solid #d0d5dd;border-radius:50%;color:#fff;cursor:pointer;height:18px;width:18px}.fbs_tv_current_status_closed{align-items:center;background:#169877;border-color:#169877;display:flex;justify-content:center}.fbs_due_date_priority_and_status_common_css{min-height:24px;padding:0 9px}.fbs-due-date-over-due{background:#fee4e2;color:#b42318}.fbs-task-contact-overflow-indicator,.fbs-task-contact-user-avatar{background:#f5f8fc;border:2px solid #fff;border-radius:50%;height:28px;-o-object-fit:cover;object-fit:cover;width:28px}.fbs-task-contact-overflow-indicator,.fbs-task-contact-user-avatar+.fbs-task-contact-user-avatar{margin-left:-9px}.fbs-task-contact-overflow-indicator{align-items:center;color:#475467;display:inline-flex;font-size:11px;font-weight:700;justify-content:center}.fbs_box_archived{padding:2px 7px}.fbs-crm-contact-task-drawer-header{align-items:center;border-bottom:1px solid #eaecf0;display:flex;justify-content:space-between;padding:20px 24px 14px}.fbs-crm-contact-task-drawer-header h4{color:#1b2533;font-size:16px;font-weight:700;margin:0}.fbs-close-drawer{background:#fff;border:1px solid #eaecf0;border-radius:50%;color:#1b2533;cursor:pointer;font-size:20px;height:28px;line-height:1;width:28px}.fbs-crm-contact-task-drawer-body{padding:24px}.fbs-crm-contact-task-title{align-items:start;display:grid;gap:12px;grid-template-columns:minmax(0,1fr) auto;margin-bottom:18px}.fbs-crm-contact-task-title h3{color:#101828;cursor:pointer;font-size:20px;font-weight:700;line-height:28px;margin:0}.fbs-crm-contact-task-link{align-items:center;color:#6b3ceb;display:inline-flex;font-size:13px;font-weight:600;gap:4px;text-decoration:none}.fbs-task-readonly-note{background:#fff8e6;border-radius:8px;color:#93370d;font-size:13px;margin-bottom:16px;padding:10px 12px}.fbs-crm-contact-task-view-items{display:grid;gap:14px}.fbs-crm-contact-task-view-item{align-items:center;display:grid;gap:12px;grid-template-columns:110px minmax(0,1fr)}.fbs-crm-contact-task-view-item p{color:#667085;font-size:13px;font-weight:600;margin:0}.fbs-task-dropdown-trigger,.fbs-task-inline-button{align-items:center;background:#f2f4f7;border:0;border-radius:999px;color:#344054;cursor:pointer;display:inline-flex;font-size:12px;font-weight:500;gap:8px;min-height:30px;padding:0 11px}.fbs-task-status-control{align-items:center;display:inline-flex;gap:10px}.fbs_due_date_priority_and_status_common_css{align-items:center;background:#f2f4f7;border:0;border-radius:999px;color:#344054;display:inline-flex;font-size:12px;font-weight:500;gap:6px;min-height:30px;padding:0 11px}.fbs-task-priority-label-high{background:#fee4e2;color:#b42318}.fbs-task-priority-label-medium{background:#fff4d6;color:#b54708}.fbs-task-priority-label-low{background:#e7f8ef;color:#027a48}.fbs_box_archived{align-items:center;background:#f2f4f7;border-radius:999px;color:#667085;display:inline-flex;font-size:11px;padding:2px 8px;width:-moz-max-content;width:max-content}.fbs-task-board-label-item{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.fbs-task-label-color{align-items:center;border-radius:6px;color:#fff;display:inline-flex;font-size:12px;font-weight:600;justify-content:center;min-height:26px;padding:0 10px}.fbs-crm-contact-task-description,.fbs-crm-contact-task-subtask-wrap{margin-top:28px}.fbs-crm-contact-section-item-header{color:#101828;font-size:15px;font-weight:700;margin:0 0 12px}.fbs-task-board-stage-and-no-description,.fbs-task-description-text{background:#f9fafb;border-radius:8px;color:#475467;margin:0;padding:12px;white-space:pre-wrap}.fbs_add_subtask_line{align-items:center;background:transparent;border:0;color:#6268f1;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:6px;margin:0 0 12px;padding:0}.fbs_subtask_add_form,.fbs_subtask_group_add_form{background:#fbfcfe;border:1px solid #eaecf0;border-radius:8px;display:grid;gap:10px;margin-bottom:14px;padding:12px}.fbs_inline_actions{align-items:center;display:flex;gap:8px}.fbs-task-subtask-groups{display:grid;gap:16px}.fbs-task-subtask-group{border:1px solid #eaecf0;border-radius:8px;padding:12px}.fbs-crm-contact-subtask-lists{display:grid;gap:4px;margin-bottom:10px}.fbs-crm-contact-subtask-lists:empty{display:none}.fbs-crm-contact-app3{color:#111827}.fbs-crm-contact-app3__switch{align-items:center;display:flex;gap:8px;margin-bottom:16px}.fbs-crm-contact-app3 .fbs-switch-btn{background:#fff;border:1px solid #d8dde7;border-radius:8px;color:#475467;cursor:pointer;min-height:34px;padding:0 14px}.fbs-crm-contact-app3 .fbs-switch-btn.fbs-active{background:#6b3ceb;border-color:#6b3ceb;color:#fff} |
