/* Make cancel button text white on workflow forms */
.btn.btn-secondary {
    color: #fff !important;
}
/* Workflow Actions Dropdown Hover Styles - Folder Style */
.workflow-actions-dropdown .dropdown-item {
    padding: 8px 16px;
    font-size: 14px;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
}
.workflow-actions-dropdown .dropdown-item i {
    width: 20px;
    font-size: 14px;
    transition: color 0.2s;
}
.workflow-actions-dropdown .dropdown-item:hover {
    background-color: #fcfcfd;
    color: #222;
    transform: translateX(2px);
}
.workflow-actions-dropdown .dropdown-item .ri-eye-line {
    color: #0d6efd;
}
.workflow-actions-dropdown .dropdown-item .ri-pencil-line {
    color: #ffc107;
}
.workflow-actions-dropdown .dropdown-item .ri-delete-bin-line {
    color: #dc3545;
}
.workflow-actions-dropdown .dropdown-item.text-danger:hover,
.workflow-actions-dropdown .dropdown-item.text-danger:focus {
    background-color: #fee !important;
    color: #dc3545 !important;
}
.workflow-actions-dropdown .dropdown-item.text-warning:hover {
    background-color: #fffae6;
    color: #ffc107 !important;
}
.workflow-actions-dropdown .dropdown-item.text-primary:hover {
    background-color: #f6faff;
    color: #0d6efd !important;
}
 .mermaid {
        background: #f8f9fa;
        border-radius: 8px;
        padding: 1.5rem;
        min-width: 500px;
        min-height: 350px;
        font-size: 1.25rem;
        margin: 0 auto;
        display: block;
        overflow-x: auto;
    }
    .mermaid svg {
        min-width: 480px;
        min-height: 320px;
        width: 100% !important;
        height: 100% !important;
    }
