.workflow-note{background:#ebf0ff;border-left:4px solid #3466ff;border-radius:12px;margin-top:24px;margin-bottom:0;padding:16px 20px}.workflow-note .note-content{flex-wrap:wrap;align-items:flex-start;gap:12px;display:flex}.workflow-note .note-content i{color:#3466ff;flex-shrink:0;margin-top:2px;font-size:20px}.workflow-note .note-content p{color:#5b6276;flex:1;margin:0;font-size:14px;font-weight:500;line-height:20px}.approval-workflow-container{z-index:1;scrollbar-width:thin;scrollbar-color:#888 #f1f1f1;background:#f9fafb;border:1px solid #e7e8eb;border-radius:16px;justify-content:flex-start;align-items:center;max-width:100%;min-height:300px;margin-bottom:24px;padding:40px 24px;display:flex;position:relative;overflow-x:auto}.approval-workflow-container::-webkit-scrollbar{width:12px;height:12px}.approval-workflow-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:999px}.approval-workflow-container::-webkit-scrollbar-thumb{background:#888;border:2px solid #f1f1f1;border-radius:6px}.approval-workflow-container::-webkit-scrollbar-thumb:hover{background:#555}[data-bs-theme=dark] .approval-workflow-container{scrollbar-color:#475569 transparent}[data-bs-theme=dark] .approval-workflow-container::-webkit-scrollbar-track{background:var(--bg-surface)}[data-bs-theme=dark] .approval-workflow-container::-webkit-scrollbar-thumb{border:2px solid var(--bg-surface);background:#475569}[data-bs-theme=dark] .approval-workflow-container::-webkit-scrollbar-thumb:hover{background:#64748b}.workflow-steps-wrapper{flex-wrap:nowrap;justify-content:center;align-items:center;gap:0;min-width:fit-content;display:flex}.workflow-step{flex-shrink:0;align-items:center;display:flex;position:relative}.step-node{box-sizing:border-box;background:#fff;border:2px solid #e7e8eb;border-radius:16px;flex-direction:column;align-items:center;gap:12px;width:200px;min-width:200px;max-width:200px;padding:20px;transition:all .3s ease-in-out;display:flex;position:relative}.step-node:hover{border-color:#3466ff;box-shadow:0 4px 16px #3466ff20}.step-node.completed{background:#f0fdf4;border-color:#30a56b}.step-node.completed .node-icon{color:#fff;background:#30a56b}.step-node.pending{background:#ebf0ff;border-color:#3466ff}.step-node.pending .node-icon{color:#fff;background:#3466ff}.start-node{background:#f1f1f3;border-color:#8e93a1;width:200px;min-width:200px;max-width:200px}.start-node .node-icon{color:#fff;background:#8e93a1}.end-node{background:#f1f1f3;border-color:#8e93a1;width:200px;min-width:200px;max-width:200px}.end-node .node-icon{color:#fff;background:#8e93a1}.add-node{cursor:pointer;background:#fff;border:2px dashed #e7e8eb;border-radius:16px;width:200px;min-width:200px;max-width:200px}.add-node:hover:not(:disabled){background:#ebf0ff;border-color:#3466ff;transform:scale(1.05)}.add-node:disabled{opacity:.6;cursor:not-allowed}.node-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:24px;line-height:24px;transition:all .3s ease-in-out;display:flex}.node-label{color:#0a1433;text-align:center;white-space:nowrap;width:100%;font-size:14px;font-weight:700;line-height:20px}.step-content{flex-direction:column;align-items:stretch;width:100%;display:flex;position:relative}.step-content .form-group{width:100%;margin-bottom:0}.step-content .workflow-select{z-index:1;width:100%;position:relative}.step-content .workflow-select .css-13cymwt-control,.step-content .workflow-select .css-t3ipsp-control{border:1px solid #e7e8eb!important;border-radius:8px!important;min-height:40px!important}.step-content .workflow-select .css-13cymwt-control:hover,.step-content .workflow-select .css-t3ipsp-control:hover{border-color:#3466ff!important}.step-content .workflow-select .custom__menu{z-index:9999!important;max-height:300px!important;margin-top:4px!important;position:absolute!important;overflow-y:auto!important}.step-content .workflow-select .custom__menu-list{max-height:300px!important;padding:4px!important;overflow-y:auto!important}.step-content .workflow-select .custom__option{cursor:pointer!important;padding:10px 12px!important;font-size:14px!important;line-height:20px!important}.step-content .workflow-select .custom__option:hover{background-color:#f4f4f5!important}.approval-workflow-container .step-node{z-index:1;position:relative}.approval-workflow-container .step-node:focus-within{z-index:10}.selected-user-info{text-align:center;box-sizing:border-box;background:#f0fdf4;border-radius:8px;flex-direction:column;align-items:center;gap:4px;width:100%;margin-top:8px;padding:8px 12px;display:flex}.selected-user-info .user-name{color:#30a56b;word-break:break-word;overflow-wrap:break-word;white-space:normal;width:100%;max-width:100%;text-overflow:unset;font-size:13px;font-weight:600;line-height:18px;display:block;overflow:visible}.remove-step-icon{color:#fff;cursor:pointer;z-index:10;background:#ff5252;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;transition:all .3s ease-in-out;display:flex;position:absolute;top:-8px;right:-8px}.remove-step-icon:hover:not(:disabled){background:#dc3545;transform:scale(1.1)}.remove-step-icon:disabled{opacity:.5;cursor:not-allowed}.step-arrow{background:#e7e8eb;flex-shrink:0;justify-content:center;align-items:center;width:60px;height:2px;margin:0 20px;display:flex;position:relative;overflow:visible}.step-arrow:before{content:"";z-index:1;border-top:5px solid #0000;border-bottom:5px solid #0000;border-left:10px solid #e7e8eb;width:0;height:0;position:absolute;top:50%;right:-8px;transform:translateY(-50%)}.step-arrow:after{content:"";z-index:2;background:#e7e8eb;border-radius:50%;width:8px;height:8px;position:absolute;top:50%;right:-5px;transform:translateY(-50%)}.workflow-step.approval-step.completed+.workflow-step .step-arrow{background:#30a56b}.workflow-step.approval-step.completed+.workflow-step .step-arrow:before{border-left-color:#30a56b}.workflow-step.approval-step.completed+.workflow-step .step-arrow:after{background:#30a56b}.workflow-step.approval-step.pending+.workflow-step .step-arrow{background:#3466ff}.workflow-step.approval-step.pending+.workflow-step .step-arrow:before{border-left-color:#3466ff}.workflow-step.approval-step.pending+.workflow-step .step-arrow:after,.workflow-step.start-step+.workflow-step.approval-step .step-arrow{background:#3466ff}.workflow-step.start-step+.workflow-step.approval-step .step-arrow:before{border-left-color:#3466ff}.workflow-step.start-step+.workflow-step.approval-step .step-arrow:after{background:#3466ff}.form-actions{border-top:1px solid #e7e8eb;justify-content:flex-end;align-items:center;gap:16px;margin-top:24px;padding-top:24px;display:flex}.auto-approval-process-approval-process-9,.auto-approval-process-approval-process-11,.auto-approval-process-approval-process-13{align-items:flex-start;gap:10px;display:flex}@media (max-width:1024px){.approval-workflow-container{justify-content:flex-start;padding:24px 16px;overflow-x:auto}.workflow-steps-wrapper{flex-direction:column;align-items:center;min-width:0}.workflow-step{width:100%;max-width:100%;margin-bottom:24px}.step-node{width:100%;min-width:100%;max-width:100%}.step-arrow{background:#e7e8eb;width:2px;height:40px;margin:8px 0;transform:rotate(90deg)}.step-arrow:before{border:5px solid #0000;border-top:10px solid #e7e8eb;border-bottom:none;inset:auto auto -8px 50%;transform:translate(-50%)}.step-arrow:after{width:8px;height:8px;inset:auto auto -5px 50%;transform:translate(-50%)}.workflow-note .note-content{flex-direction:column;gap:16px}.workflow-note .note-content>div{width:100%}.form-actions{flex-direction:column-reverse}.form-actions .list-table-secondary-btn,.form-actions .list-table-primary-btn{width:100%}}.my-profile-page .profile-admin-content .dashboard-page{min-height:0}