#visitor-task-list-view{background:transparent;min-height:100%;padding:0}#visitor-task-list-view .create-task-header{display:-webkit-box;display:-ms-flexbox;display:flex;gap:10px;margin-bottom:16px;padding:0 4px}#visitor-task-list-view .create-task-header .create-task-button{-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:6px;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:14px;font-weight:600;gap:6px;padding:10px 20px;-webkit-transition:all .2s ease;transition:all .2s ease}#visitor-task-list-view .create-task-header .create-task-button .material-icons{font-size:18px}#visitor-task-list-view .create-task-header .create-task-button:hover{-webkit-box-shadow:0 4px 8px rgba(0,0,0,.15);box-shadow:0 4px 8px rgba(0,0,0,.15);-webkit-transform:translateY(-1px);transform:translateY(-1px)}#visitor-task-list-view .loading-container{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:#fff;border:1px solid #e8ebed;border-radius:8px;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:center;min-height:400px}#visitor-task-list-view .loading-container .loading-text{color:#6c757d;font-size:14px;margin-top:12px}#visitor-task-list-view .empty-state{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:center;min-height:400px;padding:40px 20px}#visitor-task-list-view .empty-state .empty-state-content{text-align:center}#visitor-task-list-view .empty-state .empty-state-content .empty-icon{color:#cbd5e1;display:block;font-size:64px;margin-bottom:16px}#visitor-task-list-view .empty-state .empty-state-content .empty-text{color:#6b7280;font-size:14px;margin:0}#visitor-task-list-view .task-transactions{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;gap:8px;justify-content:center}#visitor-task-list-view .task-transactions .action-btn{-ms-flex-negative:0;border:1.5px solid;border-radius:8px;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;flex-shrink:0;height:36px;margin:0;max-height:36px;max-width:36px;min-height:36px;min-width:36px;padding:0;position:relative;width:36px}#visitor-task-list-view .task-transactions .action-btn,#visitor-task-list-view .task-transactions .action-btn .material-icons{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:center;-webkit-transition:all .2s ease;transition:all .2s ease}#visitor-task-list-view .task-transactions .action-btn .material-icons{font-size:18px;line-height:1}#visitor-task-list-view .task-transactions .action-btn:hover{-webkit-box-shadow:0 2px 8px rgba(0,0,0,.15);box-shadow:0 2px 8px rgba(0,0,0,.15);-webkit-transform:translateY(-1px);transform:translateY(-1px)}#visitor-task-list-view .task-transactions .action-btn:active{-webkit-box-shadow:0 1px 4px rgba(0,0,0,.1);box-shadow:0 1px 4px rgba(0,0,0,.1);-webkit-transform:translateY(0);transform:translateY(0)}#visitor-task-list-view .task-transactions .action-btn.edit-btn{background-color:rgba(99,102,241,.1);border-color:rgba(99,102,241,.3)}#visitor-task-list-view .task-transactions .action-btn.edit-btn .material-icons{color:#6366f1}#visitor-task-list-view .task-transactions .action-btn.edit-btn:hover{background-color:rgba(99,102,241,.15);border-color:rgba(99,102,241,.4)}#visitor-task-list-view .task-transactions .action-btn.edit-btn:hover .material-icons{color:#4f46e5}#visitor-task-list-view .task-transactions .action-btn.delete-btn{background-color:rgba(239,68,68,.1);border-color:rgba(239,68,68,.3)}#visitor-task-list-view .task-transactions .action-btn.delete-btn .material-icons{color:#ef4444}#visitor-task-list-view .task-transactions .action-btn.delete-btn:hover{background-color:rgba(239,68,68,.15);border-color:rgba(239,68,68,.4)}#visitor-task-list-view .task-transactions .action-btn.delete-btn:hover .material-icons{color:#dc2626}#visitor-task-list-view .title-cell{-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;color:#2c3e50;display:-webkit-box;font-size:14px;font-weight:500;max-width:300px;overflow:hidden;text-overflow:ellipsis}#visitor-task-list-view .visitor-task-table{background:#fff;border:1px solid #e8ebed;border-radius:8px;overflow:hidden;padding:0}#visitor-task-list-view .visitor-task-table :deep(.supsis-table){border-radius:8px}#visitor-task-list-view .visitor-task-table :deep(.supsis-table) .table-header{background:#f8f9fa;border-bottom:2px solid #e8ebed}#visitor-task-list-view .visitor-task-table :deep(.supsis-table) .table-header th{border-bottom:none!important;color:#495057!important;font-size:13px;font-weight:600;padding:14px 12px!important}#visitor-task-list-view .visitor-task-table :deep(.supsis-table) .table-body tr{border-bottom:1px solid #f0f2f5}#visitor-task-list-view .visitor-task-table :deep(.supsis-table) .table-body tr:hover{background:#f8f9fa!important}#visitor-task-list-view .visitor-task-table :deep(.supsis-table) .table-body tr:last-child{border-bottom:none}#visitor-task-list-view .visitor-task-table :deep(.supsis-table) .table-body tr td{color:#55555a;font-size:13px;padding:12px!important;vertical-align:middle}#visitor-task-list-view .supsis-tag-el{background:transparent;border:1px solid var(--pipeline-color);border-radius:4px;color:var(--pipeline-color);font-size:12px;font-weight:500;padding:5px 12px;width:-webkit-max-content;width:-moz-max-content;width:max-content}#visitor-task-list-view .agent-detail{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;gap:10px}#visitor-task-list-view .agent-detail>div:last-child{color:#495057;font-size:13px;font-weight:400;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#visitor-task-list-view .task-id-cell{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:#495057;border-radius:4px;display:-webkit-box;display:-ms-flexbox;display:flex;gap:5px;justify-content:center;margin:0 auto;padding:4px 10px;width:-webkit-max-content;width:-moz-max-content;width:max-content}#visitor-task-list-view .task-id-cell .material-icons{color:#fff;font-size:14px}#visitor-task-list-view .task-id-cell .task-id-text{color:#fff;font-size:12px;font-weight:600}#visitor-task-list-view .date-cell{-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#6c757d;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:13px;gap:6px}#visitor-task-list-view .date-cell .material-icons{color:#adb5bd;font-size:16px}#visitor-task-list-view .workflow-cell{-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#495057;display:-webkit-box;display:-ms-flexbox;display:flex;font-weight:500;gap:6px}#visitor-task-list-view .workflow-cell .material-icons{color:#6c757d;font-size:16px}.workflow-container[data-v-5c1a2c62]{background-color:#f5f7f9;min-height:100vh;padding:24px}.workflow-header[data-v-5c1a2c62]{-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:space-between;margin-bottom:24px}.workflow-header .workflow-title[data-v-5c1a2c62]{color:#22272d;font-size:24px;font-weight:600}.workflow-header div .view-toggle-btn[data-v-5c1a2c62]{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:#22272d;border:none;border-radius:8px;color:#fff;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;gap:8px;padding:8px 16px;-webkit-transition:all .2s ease;transition:all .2s ease}.workflow-header div .view-toggle-btn[data-v-5c1a2c62]:hover{background:#0c0e10}.workflow-header div .view-toggle-btn.drag-active[data-v-5c1a2c62]{background:#06a9f3}.workflow-header div .view-toggle-btn.drag-active[data-v-5c1a2c62]:hover{background:#0586c1}.workflow-header div .view-toggle-btn i[data-v-5c1a2c62]{font-size:20px}.table-view-container[data-v-5c1a2c62]{background:#fff;border-radius:12px;-webkit-box-shadow:0 2px 12px rgba(0,0,0,.08);box-shadow:0 2px 12px rgba(0,0,0,.08);overflow:hidden}.table-view-container .table-wrapper[data-v-5c1a2c62]{overflow-x:auto}.table-view-container .table-wrapper[data-v-5c1a2c62]::-webkit-scrollbar{height:8px}.table-view-container .table-wrapper[data-v-5c1a2c62]::-webkit-scrollbar-track{background:#f1f1f1}.table-view-container .table-wrapper[data-v-5c1a2c62]::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.table-view-container .workflow-table[data-v-5c1a2c62]{border-collapse:collapse;width:100%}.table-view-container .workflow-table td[data-v-5c1a2c62],.table-view-container .workflow-table th[data-v-5c1a2c62]{padding:16px;text-align:left}.table-view-container .workflow-table th[data-v-5c1a2c62]{background:#22272d;color:#fff;font-weight:500}.table-view-container .workflow-table tr[data-v-5c1a2c62]{border-bottom:1px solid #eee}.table-view-container .workflow-table tr[data-v-5c1a2c62]:hover{background:#f8f9fa}.table-view-container .workflow-table .actions-column[data-v-5c1a2c62]{width:280px}.table-view-container .workflow-table .action-buttons[data-v-5c1a2c62]{-webkit-box-pack:end;-ms-flex-pack:end;display:-webkit-box;display:-ms-flexbox;display:flex;gap:8px;justify-content:flex-end}.table-view-container .workflow-table .action-btn[data-v-5c1a2c62]{-webkit-box-align:center;-ms-flex-align:center;align-items:center;border:none;border-radius:6px;color:#fff;cursor:pointer;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;gap:4px;padding:6px 12px;-webkit-transition:all .2s ease;transition:all .2s ease}.table-view-container .workflow-table .action-btn.open[data-v-5c1a2c62]{background:#06a9f3}.table-view-container .workflow-table .action-btn.open[data-v-5c1a2c62]:hover{background:#0586c1}.table-view-container .workflow-table .action-btn.edit[data-v-5c1a2c62]{background:#22272d}.table-view-container .workflow-table .action-btn.edit[data-v-5c1a2c62]:hover{background:#0c0e10}.table-view-container .workflow-table .action-btn.delete[data-v-5c1a2c62]{background:#dc3545}.table-view-container .workflow-table .action-btn.delete[data-v-5c1a2c62]:hover{background:#bd2130}.table-view-container .workflow-table .action-btn i[data-v-5c1a2c62]{font-size:16px}.grid-view-container[data-v-5c1a2c62]{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:24px;width:100%}.draggable-container[data-v-5c1a2c62]{display:grid;gap:inherit;grid-column:1/-1;grid-template-columns:inherit;width:100%}.workflow-drag[data-v-5c1a2c62]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:20px}.workflow-card[data-v-5c1a2c62]{background:#fff;border-radius:12px;-webkit-box-shadow:0 2px 12px rgba(0,0,0,.08);box-shadow:0 2px 12px rgba(0,0,0,.08);-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;max-height:200px;max-width:200px;min-width:280px;padding:20px;position:relative;-webkit-transition:all .2s ease;transition:all .2s ease;width:100%}.workflow-card[data-v-5c1a2c62]:hover{-webkit-box-shadow:0 4px 16px rgba(0,0,0,.12);box-shadow:0 4px 16px rgba(0,0,0,.12);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.workflow-card.drag-mode[data-v-5c1a2c62]{border:2px dashed #06a9f3;cursor:move}.workflow-card.drag-mode[data-v-5c1a2c62]:hover{background:#f0f8ff}.workflow-card.add-card[data-v-5c1a2c62]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background:#22272d;color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:12px;height:100px;justify-content:center;width:100%}.workflow-card.add-card i[data-v-5c1a2c62]{font-size:32px}.workflow-card.add-card span[data-v-5c1a2c62]{font-size:16px;font-weight:500}.workflow-card-content[data-v-5c1a2c62]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:16px}.workflow-card-content .workflow-icon[data-v-5c1a2c62]{background:#435162;border-radius:10px;height:48px;padding:9px;width:48px}.workflow-card-content .workflow-card-title[data-v-5c1a2c62]{font-size:16px;font-weight:500;margin:0;text-align:center}.workflow-card-actions[data-v-5c1a2c62]{position:absolute;right:12px;top:12px}.workflow-card-actions .more-btn[data-v-5c1a2c62]{background:transparent;border:none;color:#666;cursor:pointer;padding:4px}.workflow-card-actions .more-btn[data-v-5c1a2c62]:hover{color:#333}@media(max-width:768px){.workflow-container[data-v-5c1a2c62]{padding:16px}.workflow-header[data-v-5c1a2c62]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-ms-flex-direction:column;flex-direction:column;gap:16px}.grid-view-container[data-v-5c1a2c62]{gap:12px;grid-template-columns:1fr}.workflow-card[data-v-5c1a2c62]{min-width:unset}}#workflow-form{-webkit-box-orient:vertical;-webkit-box-direction:normal;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:10px}#workflow-form .pipeline-name.editable{background-color:#fff3f0;border:1px dashed #ec4b1d}#workflow-form .pipeline-type input{background-color:#fff3f0;border:1px solid #ec4b1d;padding:2px}#workflow-form .pipeline-actions .material-icons{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;border-radius:30px;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:20px;height:30px;justify-content:center;width:30px}#workflow-form .edit-button{background-color:#f1f1f1;border:1px solid #ec4b1d;color:#3c3c3c}#workflow-form .edit-button:hover{background-color:#ec4b1d;color:#fff}#workflow-form .save-button{background-color:#d4edda;border:1px solid #28a745;color:#3c3c3c}#workflow-form .save-button:hover{background-color:#28a745;color:#fff}#workflow-form .delete-button{background-color:#f8d7da;border:1px solid #dc3545;color:#3c3c3c}#workflow-form .delete-button:hover{background-color:#dc3545;color:#fff}#workflow-form .pipeline-content select{background-color:#fff3f0;border:1px solid #ec4b1d;margin-left:10px;padding:2px}#workflow-form .pipeline-name{direction:ltr;min-width:25px;text-align:left}#workflow-form .classic-new-input{background:#f1f1f1;border:none;color:#3c3c3c;font-size:14px;font-weight:700;padding:20px}#workflow-form .classic-new-input:focus{border:rgba(236,74,29,.396)!important;-webkit-box-shadow:0 0 0 2px rgba(255,170,0,.216);box-shadow:0 0 0 2px rgba(255,170,0,.216)}#workflow-form .classic-new-input::-webkit-input-placeholder{font-weight:700;opacity:1}#workflow-form .classic-new-input::-moz-placeholder{font-weight:700;opacity:1}#workflow-form .classic-new-input::-ms-input-placeholder{font-weight:700;opacity:1}#workflow-form .classic-new-input::placeholder{font-weight:700;opacity:1}#workflow-form .input{font-weight:700}#workflow-form .input .label{font-size:16px;margin-bottom:4px}#workflow-form .input.title-input{width:100%}#workflow-form .quill-editor{max-height:20%;width:100%}#workflow-form .quill-editor .ql-toolbar.ql-snow{background:#f1f1f1;border:none;border-radius:4px 4px 0 0}#workflow-form .quill-editor .ql-container.ql-snow{background:#f1f1f1;border:none!important;border-radius:0 0 4px 4px;height:200px;max-height:200px;min-height:200px;overflow:hidden}#workflow-form .drag-rows{-webkit-box-orient:vertical;-webkit-box-direction:normal;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}#workflow-form .drag-rows .drag-row{cursor:move}#workflow-form .drag-row{-webkit-box-pack:justify;-ms-flex-pack:justify;background:#fff;border-bottom:1px solid var(--row-color);border-left:5px solid var(--row-color);height:40px;justify-content:space-between;padding:0 15px;position:relative}#workflow-form .drag-row,#workflow-form .drag-row .pipeline-content{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex}#workflow-form .drag-row .pipeline-content{gap:15px}#workflow-form .drag-row .pipeline-picker{background:var(--row-color);border-radius:4px;height:25px;overflow:hidden;width:25px}#workflow-form .drag-row .pipeline-actions{-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer;display:none;gap:5px}#workflow-form .drag-row .pipeline-actions .material-icons{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;border-radius:30px;color:#c5c5c5;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:20px;height:30px;justify-content:center;width:30px}#workflow-form .drag-row .pipeline-actions .material-icons:hover{background-color:rgba(249,114,77,.259);color:#ec4b1d}#workflow-form .drag-row:hover{background-color:#f1f1f1}#workflow-form .drag-row:hover .pipeline-actions{display:-webkit-box;display:-ms-flexbox;display:flex}#workflow-form .drag-row:hover .pipeline-type{display:none}#workflow-form .drag-row .pipeline-type{background:var(--row-color);border-radius:4px;color:#fff;padding:3px 6px}#workflow-form .pipeline-select .ant-select-selection{background-color:var(--row-color)!important;color:#fff!important}